/*==============================public===============================*/

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

html {
    font-size: 62.5%;
    height: 100%;
}

body {
    height: 100%;
    /* font: 1.4rem/1.6 -apple-system-font, "Helvetica Neue", sans-serif; */
    font: 1.2rem/1.5 -apple-system-font, 'Helvetica Neue', sans-serif;
    color: #4C4C4C;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

body.unablescroll {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

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: 1.4rem/1.5 Microsoft YaHei, Helvetica, sans-serif;
}

input,
select,
textarea {
    border: 1px solid #ccc;
}

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

div {
    /* box-sizing: border-box; */
}

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1.6rem;
}

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

a img {
    border: none;
}

label {
    cursor: pointer;
}

a:link,
a:visited,
a:hover {
    color: #333;
    text-decoration: none;
}

input,
select,
textarea,
button {
    font: 1.2rem/1.5 -apple-system-font, 'Helvetica Neue', sans-serif;
}

select,
button,
textarea {
    -webkit-appearance: none;
}

img.fw-img-unset {
    object-fit: unset !important;
}

/*==============================common===============================*/

/*流布局 + 栅格*/

.fw-flow-container {
    /* Safari */
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

.fw-flow-container .fw-flow-item {
    flex: 1;
}

.fw-flow-container .fw-flow-item.fw-flow-col-1 {
    width: 8.33%;
    max-width: 8.33%;
    min-width: 8.33%;
}

.fw-flow-container .fw-flow-item.fw-flow-col-2 {
    width: 16.66%;
    max-width: 16.66%;
    min-width: 16.66%;
}

.fw-flow-container .fw-flow-item.fw-flow-col-3 {
    width: 25%;
    max-width: 25%;
    min-width: 25%;
}

.fw-flow-container .fw-flow-item.fw-flow-col-4 {
    width: 33.33%;
    max-width: 33.33%;
    min-width: 33.33%;
}

.fw-flow-container .fw-flow-item.fw-flow-col-5 {
    width: 41.66%;
    max-width: 41.66%;
    min-width: 41.66%;
}

.fw-flow-container .fw-flow-item.fw-flow-col-6 {
    width: 50%;
    max-width: 50%;
    min-width: 50%;
}

.fw-flow-container .fw-flow-item.fw-flow-col-7 {
    width: 58.33%;
    max-width: 58.33%;
    min-width: 58.33%;
}

.fw-flow-container .fw-flow-item.fw-flow-col-8 {
    width: 66.66%;
    max-width: 66.66%;
    min-width: 66.66%;
}

.fw-flow-container .fw-flow-item.fw-flow-col-9 {
    width: 75%;
    max-width: 75%;
    min-width: 75%;
}

.fw-flow-container .fw-flow-item.fw-flow-col-10 {
    width: 83.33%;
    max-width: 83.33%;
    min-width: 83.33%;
}

.fw-flow-container .fw-flow-item.fw-flow-col-11 {
    width: 91.66%;
    max-width: 91.66%;
    min-width: 91.66%;
}

.fw-flow-container .fw-flow-item.fw-flow-col-12 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

/*等分布局*/

.fw-layout-container {
    /* Safari */
    display: -webkit-flex;
    display: flex;
    flex-flow: row;
    box-sizing: border-box;
}

.fw-layout-container.col {
    -ms-flex-direction: column;
    flex-direction: column;
}

.fw-layout-container.row {
    -ms-flex-direction: row;
    flex-direction: row;
}

.fw-layout-container .fw-layout-item {
    flex: 1;
}

.vitem {
    position: relative;
    display: -webkit-flex;
    /* Safari */
    display: flex;
    align-items: center;
    align-content: center;
}

.citem {
    position: relative;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    justify-content: center;
    justify-items: center;
}

.fw-toast {
    padding: 10px 16px;
    color: #fff;
    background: rgba(0, 0, 0, 0.65);
    position: fixed;
    bottom: 0;
    left: 0;
    border-radius: 3px;
    font-size: 14px;
    z-index: 999;
    max-width: 80%;
    opacity: 0
}

.fw-toast.show {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    bottom: 80px;
    opacity: 1;
}

.fw-toast.hide {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    opacity: 0;
}

.fw-control-label {
    background-color: #f4f4f4;
    text-align: center;
    line-height: 34px;
}

.fw-control-label.bordered {
    border: 1px solid #e8e8e8;
    border-left-width: 0;
    border-bottom-width: 0;
}

.fw-form-control {
    line-height: 34px;
}

.fw-form-control.bordered {
    border: 1px solid #e8e8e8;
    border-left-width: 0;
    border-bottom-width: 0;
}

.fw-table-container.bordered {
    border: 1px solid #e8e8e8;
    border-right-width: 0;
    border-top-width: 0;
}

.fw-nobg {
    background: transparent !important;
}

.fw-noborder {
    border: 0 !important;
}

.fw-price {
    color: #ff6600;
    font-size: 18px;
}

.fw-unit {
    line-height: 18px;
    color: #999;
    overflow: hidden;
    font-size: 12px;
}

.fw-dashed {
    border-style: dashed !important;
}

.fw-tab-container {
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    clear: both;
}

.fw-tab-container .tab-title {
    border-bottom: 1px solid #6eb9f9;
    width: 100%;
    box-sizing: border-box;
    float: left;
}

.fw-tab-container .tab-title>.tab-select {
    float: left;
    position: relative;
    display: block;
    bottom: -1px;
    line-height: 34px;
    border: 1px solid #e2e2e2;
    border-bottom: 1px solid #6eb9f9;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    padding: 0 10px;
    box-sizing: border-box;
    background: #e2e2e2;
    height: 34px;
}

.fw-tab-container .tab-title>.tab-select.active {
    background-color: #fff;
    border-top: 2px solid #6eb9f9;
    color: #6eb9f9;
    border-color: #6eb9f9;
    border-bottom: 1px solid #fff;
}

.fw-tab-container .tab-content {
    border: 1px solid #6eb9f9;
    border-top-width: 0;
    display: none;
    padding: 5px;
    width: 100%;
    min-height: 20px;
    float: left;
    box-sizing: border-box;
}

.fw-tab-container .tab-content.active {
    display: block;
}

.fw-tab-title-2 .title {
    color: #333;
}

.fw-tab-title-2 .title-before {
    width: 20%;
    height: 2px;
    background-color: transparent;
    margin-bottom: 2px;
}

.fw-tab-title-2.active .title {
    color: #ff3b00;
}

.fw-tab-title-2.active .title-before {
    background-color: #ff3b00;
}

.fw-tab-container-2 .fw-tab-content-2 {
    display: none;
}

.fw-tab-container-2 .fw-tab-content-2.active {
    display: block;
}

.fw-panel {
    width: 100%;
}

.fw-panel .fw-panel-header {
    border: 1px solid #e2e2e2;
    border-bottom-width: 0;
    box-sizing: border-box;
}

.fw-panel .fw-panel-header .fw-panel-title {
    position: relative;
    z-index: 1;
    height: 3.5rem;
    background: #fff;
    color: #6eb9f9;
    text-align: center;
    display: block;
    line-height: 3.5rem;
    float: left;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.7rem;
    padding: 0 15px;
    box-sizing: border-box;
}

.fw-panel .fw-panel-body {
    border: 1px solid #e2e2e2;
    padding: 10px 15px;
    box-sizing: border-box;
}

.fw-panel .fw-panel-footer {
    padding: 10px 15px;
    border: 1px solid #e2e2e2;
    border-top-width: 0;
    box-sizing: border-box;
}

.fw-filter-modal {
    width: 80%;
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    background-color: #FFF;
    transition: all 0.3s;
    /* Firefox 4 */
    -moz-transition: all 0.3s;
    /* Safari 和 Chrome */
    -webkit-transition: all 0.3s;
    /* Opera */
    -o-transition: all 0.3s;
    z-index: 151;
}

.fw-filter-modal.active {
    right: 0;
}

.fw-filter-modal-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: all 0.3s;
    /* Firefox 4 */
    -moz-transition: all 0.3s;
    /* Safari 和 Chrome */
    -webkit-transition: all 0.3s;
    /* Opera */
    -o-transition: all 0.3s;
    z-index: 150;
}

.fw-filter-modal-bg.active {
    opacity: 1;
}

.fw-filter-item-container {
    overflow-y: scroll;
    padding: 10px;
}

.fw-filter-item-container .search-item {
    padding: 5px 5px 5px 0;
    box-sizing: border-box;
    position: relative;
}

.fw-filter-item-container .search-item input[type="text"] {
    line-height: 30px;
    border: 1px solid #E2E2E2;
    background: #F8F8F8;
    font-size: 14px;
    padding: 3px 5px;
    border-radius: 4px;
    width: 100% !important;
}

.fw-filter-item-container .search-item .lbcheck {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #ff3b00 #ff3b00 transparent;
    display: none;
}

.fw-filter-item-container .search-item.active .lbcheck {
    display: block;
}

.fw-filter-item-container .search-item a {
    width: 100%;
    height: 34px;
    font-size: 1.2rem;
    background-color: #eaeaea;
}

.fw-filter-item-container .search-item.active a {
    color: #ff3b00;
    background-color: #ffd0c2;
}

.fw-chat-container {
    min-height: 600px;
    width: 100%;
}

.fw-chat-container .chat-head {
    height: 55px;
}

.fw-chat-container .chat-body {
    overflow-y: auto;
    padding: 10px;
    background-color: #fbfbfb;
}

.fw-chat-container .chat-body .chat-item {
    width: 100%;
    margin-top: 10px;
    min-height: 50px;
    transition: all 0.5s;
}

.fw-chat-container .chat-body .chat-item.me {
    flex-direction: row-reverse;
}

.fw-chat-container .chat-body .chat-item.me .chat-content {
    padding-right: 5px;
}

.fw-chat-container .chat-body .chat-item .chat-headimg {
    width: 50px;
    height: 50px;
}

.fw-chat-container .chat-body .chat-item .chat-headimg img {
    width: 50px;
    height: 50px;
}

.fw-chat-container .chat-body .chat-item .chat-content {
    padding-left: 5px;
}

.fw-chat-container .chat-body .chat-item .chat-content .chat-nickname {
    color: #999999;
    font-size: 1.2rem;
    width: 100%;
}

.fw-chat-container .chat-body .chat-item.me .chat-content .chat-nickname {
    text-align: right;
}

.fw-chat-container .chat-body .chat-item .chat-tip {
    color: #f1f1f1;
    background-color: #d2d2d2;
    height: auto;
    min-height: 0;
    padding: 0 5px;
    border-radius: 5px;
}

.fw-chat-container .chat-body .chat-item .chat-content .content-body {
    background-color: #FFF;
    padding: 5px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    position: relative;
}

.fw-chat-container .chat-body .chat-item.me .chat-content .content-body {
    background-color: #57ff57;
}

.fw-chat-container .chat-body .chat-item .chat-content .content-body .allow-left {
    width: 0;
    height: 0;
    position: absolute;
    border: 5px solid #fff;
    border-color: transparent #fff transparent transparent;
    left: -10px;
}

.fw-chat-container .chat-body .chat-item .chat-content .content-body .allow-right {
    width: 0;
    height: 0;
    position: absolute;
    border: 5px solid #fff;
    border-color: transparent transparent transparent #57ff57;
    right: -10px;
}

.fw-chat-container .chat-body .chat-item .chat-occupy-position {
    width: 50px;
    height: 50px;
    background-color: transparent;
}

.fwheader-forum h2,
.fwheader-forum h2 a,
.fwheader-forum a.iconfont,
.fwheader-forum em.iconfont,
.fwheader-forum a i.iconfont,
.fwheader-forum a em.iconfont {
    color: var(--bbsheaderftcolor);
}

.fwhidden {
    display: none !important;
}

.fww100 {
    width: 100%;
}

.fwpd10 {
    padding: 10px !important;
}
.fwpdlr10 {
    padding: 0 10px !important;
}

.fwmt5 {
    margin-top: 5px !important;
}

.fwmt10 {
    margin-top: 10px !important;
}

.fwmt15 {
    margin-top: 15px !important;
}

.fwmt20 {
    margin-top: 20px !important;
}

.fwmt25 {
    margin-top: 25px !important;
}

.fwmt30 {
    margin-top: 30px !important;
}

.fwmt35 {
    margin-top: 35px !important;
}

.fwmb5 {
    margin-bottom: 5px !important;
}

.fwmb10 {
    margin-bottom: 10px !important;
}

.fwmb15 {
    margin-bottom: 15px !important;
}

.fwmb20 {
    margin-bottom: 20px !important;
}

.fwmb25 {
    margin-bottom: 25px !important;
}

.fwmb30 {
    margin-bottom: 30px !important;
}

.fwmb35 {
    margin-bottom: 35px !important;
}

.fwml5 {
    margin-left: 5px !important;
}

.fwml10 {
    margin-left: 10px !important;
}

.fwml15 {
    margin-left: 15px !important;
}

.fwml20 {
    margin-left: 20px !important;
}

.fwml25 {
    margin-left: 25px !important;
}

.fwmr3 {
    margin-right: 3px !important;
}

.fwmr5 {
    margin-right: 5px !important;
}

.fwmr10 {
    margin-right: 10px !important;
}

.fwpt5 {
    padding-top: 5px !important;
}

.fwpt10 {
    padding-top: 10px !important;
}

.fwpt15 {
    padding-top: 15px !important;
}

.fwpt20 {
    padding-top: 20px !important;
}

.fwpt25 {
    padding-top: 25px !important;
}

.fwpt30 {
    padding-top: 30px !important;
}

.fwpt35 {
    padding-top: 35px !important;
}

.fwpd0 {
    padding-bottom: 0 !important;
}

.fwpb5 {
    padding-bottom: 5px !important;
}

.fwpb10 {
    padding-bottom: 10px !important;
}

.fwpb15 {
    padding-bottom: 15px !important;
}

.fwpb20 {
    padding-bottom: 20px !important;
}

.fwpb25 {
    padding-bottom: 25px !important;
}

.fwpb30 {
    padding-bottom: 30px !important;
}

.fwpb35 {
    padding-bottom: 35px !important;
}

.fwbn5 {
    padding-bottom: 5px !important;
}
.fwpl10 {
    padding-left: 10px !important;
}

.fwbg-fff {
    background-color: #fff !important;
}

.fwbg-f1 {
    background-color: #f1f1f1 !important;
}

.fwbg-f2 {
    background-color: #f2f2f2 !important;
}

.fwbg-d0 {
    background-color: #dd0000 !important;
}

.fwbg-acolor {
    background-color: var(--acolor) !important;
}

.fwftcolor-acolor,
a.fwftcolor-acolor {
    color: var(--acolor) !important;
}

.fwftcolor-aicolor,
a.fwftcolor-aicolor {
    color: var(--aicolor) !important;
}

.fwftcolor-f60 {
    color: #ff6600 !important;
}

.fwftcolor-blue,
a.fwftcolor-blue {
    color: var(--acolor) !important;
}

.fwftcolor-d0 {
    color: #dd0000 !important;
}

.fwftcolor-bbb,
a.fwftcolor-bbb {
    color: #bbb !important;
}

.fwftcolor-999,
a.fwftcolor-999 {
    color: #999 !important;
}

.fwftcolor-777,
a.fwftcolor-777 {
    color: #777 !important;
}

.fwftcolor-666,
a.fwftcolor-666 {
    color: #777 !important;
}

.fwftcolor-222 {
    color: #222 !important;
}

.fwftcolor-fff,
a.fwftcolor-fff {
    color: #fff !important;
}

.fwftcolor-disable,
a.fwftcolor-disable {
    color: #999 !important;
}

.fwftsize10 {
    font-size: 1.0rem !important;
}

.fwftsize12 {
    font-size: 1.2rem !important;
}

.fwftsize14 {
    font-size: 1.4rem !important;
}

.fwftsize16 {
    font-size: 1.5rem !important;
}

.fwftsize18 {
    font-size: 1.6rem !important;
}

.fwftsize20 {
    font-size: 2.0rem !important;
}

.fwftsize22 {
    font-size: 2.2rem !important;
}

.fwvm {
    vertical-align: middle;
}

.fwb-t {
    border-top: 1px solid #efefef !important;
}

.fwb-b {
    border-bottom: 1px solid #efefef !important;
}

.fwtc {
    text-align: center;
}

.fwtxtleft {
    text-align: left;
}

.fwtxtright {
    text-align: right;
}

.fwh30 {
    height: 30px !important;
}

.fwhl30 {
    height: 30px !important;
    line-height: 30px !important;
}

.fwheader-placeholder {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 20px;
}

.fwfooter-placeholder {
    display: block;
    width: 100%;
    height: 45px;
    line-height: 20px;
}

.clearfix {}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
}

.attach {
    padding: 10px 0px 1px;
}

.fwinputctrl {
    padding: 15px 10px 25px;
}

.fwinputctrl li {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #999;
}

.fwinputctrl input {
    width: 100%;
    height: 38px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    line-height: 28px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1.5rem;
}

.fwinputctrl input[type=radio] {
    width: 16px;
    height: 16px;
}

.fwinputctrl textarea {
    width: 100%;
    max-height: 360px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    line-height: 26px;
    border-radius: 4px;
    font-size: 1.5rem;
    vertical-align: top;
}

.fwinputctrl .checkbox {
    width: 16px;
    height: 16px;
    background: #fff;
}

.fwinputctrl p {
    line-height: 25px;
    padding: 5px 10px;
}

.fwinputctrl p label {
    font-size: 1.4rem;
    color: #666;
}

.fwselectctrl {
    display: inline-block;
    position: relative;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 5px;
}

.fwselectctrl:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: 50%;
    right: 8px;
    margin-top: -4px;
    border: 8px solid #ccc;
    border-width: 8px 6px 8px;
    border-color: #ccc transparent transparent transparent;
    z-index: 2;
    pointer-events: none;
}

.page {
    height: 32px;
    font-size: 1.5rem !important;
    font-weight: 100 !important;
    text-align: center;
    margin: 10px 0px;
    overflow: hidden;
}

.page a {
    height: 30px !important;
    line-height: 30px !important;
    margin: 0px 4px;
    padding: 0px 10px;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #999;
}

.fwno-info,
.fwno-reply {
    text-align: center;
    font-size: 1.5rem !important;
    border-bottom: 1px solid #ededed;
    color: #999;
}

.fwno-info {
    padding: 40px 10px !important;
    background: #fff;
}

.fwno-reply {
    padding: 10px !important;
    background: #F5F5F5;
}

.fwcontent {
    padding: 40px 0px 0px;
    background: #f5f5f5;
    /* overflow-x: hidden; */
}

.fwtab-main {
    height: 44px;
    padding: 0px 5px;
    background: #fff;
    border-bottom: 1px solid #ededed;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    box-sizing: border-box;
}

.fwtab-main ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fwtab-main li {
    padding: 0px 5px;
    display: table-cell;
    text-align: center;
    position: relative;
}

.fwtab-main li a {
    font-size: 1.4rem;
    padding: 15px 0px;
    line-height: 14px;
    display: block;
    color: #999;
    /* border-bottom: 1px solid #ededed; */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 43px;
    box-sizing: border-box;
}

/*.fwtab-main li.haschild-open:after {
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            border-style: solid;
            border-width: 0px 0px 1px 1px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            background: #fff;
            position: absolute;
            left: 50%;
            bottom: -1px;
            margin-left: -3px;
            border-color: var(--acolor);
        }*/

.fwtab-main li.a a,
.fwtab-main li.haschild-open a {
    color: var(--acolor);
}

.fwtab-main li.a a {
    border-bottom: 3px solid var(--acolor);
}

.fwtab-main li.haschild-open a {
    border-color: var(--acolor);
}

.fwtab-main li a em {
    line-height: 12px;
    font-size: 1.2rem;
    color: var(--acolor);
    vertical-align: top;
}

.fwtab-main-childcontainer {
    display: none;
}

.fwtab-main-childcontainer-open {
    display: block;
}

a.morelink,
a.morelinkc {
    width: 78%;
    display: block;
    line-height: 34px;
    font-size: 1.5rem;
    color: #999;
    text-align: center;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 25px;
    margin: 10px auto;
}

.button,
.button2,
.button4,
.button5,
.button6 {
    background-color: var(--acolor);
    color: var(--aicolor);
}

.btn_pn {
    width: 100%;
    height: 38px;
    line-height: 38px;
    border: 0;
    font-size: 1.6rem;
    border-radius: 4px;
    overflow: hidden;
}

.btn_pn_grey {
    background: #EFEFEF;
    color: #999;
}

.btn_pn_blue {
    background: var(--acolor);
    color: var(--aicolor);
}

.button {
    width: 80px;
    margin: 10px 0;
}

.button2 {
    padding: 0px 20px;
    margin: 10px 0px;
}

.button3 {
    width: 50px;
    background: var(--acolor);
    color: var(--aicolor);
    margin: 0px 3px;
}

.button4 {
    padding: 0px 10px;
    display: inline-block;
}

.button,
.button2,
.button3,
.button4,
.button5,
.button6 {
    height: 34px;
    line-height: 34px;
    font-size: 1.6rem;
    border-radius: 4px;
    color: var(--aicolor);
    border: 0;
}

.button5 {
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
}

.button6 {
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.button_close {
    width: 22px;
    height: 22px;
    text-indent: -999px;
    background: var(--bcolor);
    border: 2px solid var(--bicolor);
    border-radius: 15px;
    color: var(--bicolor);
    position: absolute;
    top: -8px;
    right: -8px;
    overflow: hidden;
}

.button_close:after,
.button_close:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 4px;
    top: 10px;
}

.button_close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.button_close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tip {
    width: 300px;
    background: #fff;
    margin: 0 auto;
    text-align: center;
}

.tip dt {
    padding: 40px 20px;
    min-height: 25px;
    font-size: 1.5rem;
}

.tip dd {
    padding: 3px 0px;
    border-top: 1px solid #ededed;
}

.tip dd a {
    margin-left: 15px;
    padding: 0px 20px;
    display: inline-block;
    height: 34px;
    background: #eee;
    font-size: 1.6rem;
    border-radius: 4px;
    line-height: 34px;
}

.tip .fwtip-threadpm {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0;
}

.tip .fwtip-threadpm-title {
    margin-left: 10px;
}

.tip .px,
.tip .pt,
.tip .ps {
    background: #fff;
    border: 1px solid #BDBDBD;
    border-radius: 3px;
}

.tip .ps {
    width: 100px;
}

.fw_tip {
    border-radius: 3px;
    font-size: 1.4rem;
    width: 280px;
}

.fw_tip .fw_tip_tit {
    height: 44px;
    line-height: 44px;
    font-size: 1.6rem;
    text-align: center;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #efefef;
    background: #f8f8f8;
}

.fw_tip dt p {
    padding: 20px 0;
    font-size: 1.5rem;
    display: block;
    overflow: hidden;
    text-align: center;
}

.fw_tip dd {
    border-top: 1px solid #efefef !important;
    border-radius: 0 0 2px 2px;
}

.fw_tip dd .fw_tip_btn {
    width: 50%;
    float: left;
    text-align: center;
    border: none !important;
    font-size: 1.6rem;
    height: 44px;
    line-height: 44px;
    border-radius: 0 0 2px 2px;
    cursor: pointer;
}

.fw_tip dd .fw_tip_btn.fwa {
    background-color: var(--acolor);
    color: var(--aicolor);
}

.fw_tip dd .fw_tip_btn span {
    display: block;
}

.fw_tip dd .fw_tip_btn span.fw_tip_cancle {
    border-left: 1px solid #efefef !important;
}

.fw_tip_form dt {
    padding: 5px 15px 15px;
    text-align: left;
    font-size: 1.4rem;
}

.fw_tip .modal-form li {
    padding: 8px 0;
}

.fw_tip .modal-form li.fw_tip_li_txtarea {
    padding: 3px;
    border: 1px solid #efefef;
}

.fw_tip .modal-form li.fw_tip_li_txtarea .fw_tip_txtarea {
    -webkit-appearance: none;
    font-size: 1.4rem;
    width: 100%;
    min-height: 96px;
    line-height: 24px;
    border: none;
    vertical-align: middle;
    background-color: transparent;
}

.reply_comment {
    padding: 20px 20px 10px;
    text-align: left;
}

.reply_comment textarea {
    width: 100%;
    padding: 5px 10px;
    min-height: 140px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ededed;
}

.fwsearch {
    padding: 10px 10px 10px;
    background: #fff;
}

.fwsearch .txt {
    width: 100%;
    padding: 10px 5px;
    height: 44px;
    line-height: 24px;
    border: 1px solid #ccc;
    border-right: none;
    border-radius: 4px 0px 0px 4px;
    font-size: 1.6rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pmform .pmbtn,
.fw-searchbtn {
    color: #fff;
    border: 0;
    font-size: 1.6rem;
    background-color: var(--acolor);
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
}

.fwhome-cmttopinfo {
    line-height: 24px;
    padding: 8px 10px;
    margin-top: 5px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: 1;
}

.fwhome-cmttopinfo:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: #ddd;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    position: absolute;
    left: 26px;
    bottom: -4px;
    margin-left: -3px;
}

.commentli-delete .normalbtn {
    padding: 0px 20px;
    margin: 10px 0px;
    height: 34px;
    line-height: 34px;
    font-size: 1.6rem;
    border-radius: 4px;
    color: var(--aicolor);
    border: 0;
    background-color: var(--acolor);
}

.commentli .authi {
    height: 32px;
    margin-bottom: 10px;
    padding: 0px 0px 0px 42px;
    color: #ccc;
    position: relative;
}

.commentli .authi .avatar {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 3px;
}

.commentli .authi span {
    float: left;
    display: block;
    margin: 9px 8px 0px 0px;
    line-height: 14px;
    font-size: 1.4rem;
    font-weight: bold;
}

.commentli .authi em {
    margin: 10px 0px 0px;
    display: block;
    font-size: 1.2rem;
    line-height: 12px;
}

.fw-smilies {
    height: 18px;
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 6px;
    padding-top: 5px;
}

.fw-smilies-smilieopen {
    display: inline-block;
    width: 26px;
    height: 18px;
    background: url(../images/facelist.png) no-repeat 0 0;
    background-size: auto 18px;
}

#fw_smilies_c {
    height: 18px;
    display: inline;
    white-space: nowrap;
}

.fwhome-blogview-message img.vm,
.fwhome-doing li img.vm,
.fwhome-doing-replies p img.vm,
.fwhome-feed-item img.vm {
    height: 16px;
}

.fw_imgloading {
    background: #f8f8f8 url(../images/fw_imgloading.gif) 8px 8px no-repeat;
    background-size: 16px 16px;
}

.fw_imgbg {
    background-color: rgba(0, 0, 0, 0.02);
    background-image: url(../images/fw_imgbg.png);
    background-repeat: no-repeat;
    background-size: 22% auto;
    background-position: center;
    border-radius: 2px;
}

.fw_pageloading {
    background: url(../images/fw_pageloading.gif) center center no-repeat transparent;
    width: 100%;
    height: 100px;
    position: fixed;
    top: 45%;
    left: 0;
    display: none;
    z-index: 99999;
}

#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: var(--acolor);
    position: fixed;
    z-index: 1031;
    top: 40px;
    left: 0;
    width: 100%;
    height: 2px;
}

/*==============================showmessage===============================*/

.jump_c {
    padding-top: 70px;
    text-align: center;
    position: relative;
}

.jump_c .fwshowmessage-jumptip {
    width: 100%;
    height: 120px;
    margin-bottom: 10px;
    background: url(../images/fw_showmessage_jump.png) no-repeat;
    background-position: center;
    background-size: 120px auto;
}

.jump_c img {
    width: 120px;
}

.jump_c p {
    font-size: 1.4rem;
    color: #666;
}

.jump_c .fwshowmessage-jumptip-cnt {
    margin-bottom: 40px;
}

.jump_c a {
    position: relative;
    left: 20%;
    width: 60%;
    margin-top: 10px;
    height: 35px;
    line-height: 37px;
    background-color: var(--acolor);
    text-align: center;
    font-size: 1.4rem;
    color: var(--aicolor);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
}

.jump_c .mtn {
    background: #CCCCCC;
}

.jump_c .pn {
    color: var(--aicolor);
    -webkit-appearance: none;
    display: block;
    margin: 0 auto;
    width: 60%;
    height: 35px;
    line-height: 37px;
    background-color: var(--acolor);
    font-size: 1.6rem;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 2px;
}

/*==============================discuz===============================*/

.cl {
    zoom: 1;
}

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

.z {
    float: left;
}

.y {
    float: right;
}

.pipe {
    margin: 0px 6px;
    color: #ddd;
}

.bb {
    border-bottom: 1px solid #ededed !important;
}

.bm {
    margin-bottom: 0px;
    border-bottom: 0px dashed #EFEFEF;
}

.overflow {
    overflow: hidden;
}

.none {
    display: none;
}

.vm {
    vertical-align: middle;
    object-fit: cover;
}

.vm * {
    vertical-align: middle;
}

.hm {
    text-align: center;
}

.bl_none {
    border-bottom: 0 !important;
}

.bl_line {
    border-bottom: 1px solid #DDD;
}

.b_radius {
    border-radius: 10px;
}

.b_m {
    margin: 10px;
}

.b_p {
    padding: 10px;
}

.mtn {
    margin-top: 5px !important;
}

.mbn {
    margin-bottom: 5px !important;
}

.mtm {
    margin-top: 10px !important;
}

.mbm {
    margin-bottom: 10px !important;
}

.mtw {
    margin-top: 20px !important;
}

.mbw {
    margin-bottom: 20px !important;
}

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

.jump_c {
    padding: 130px 25px;
    font-size: 1.5rem;
}

.grey {
    color: #A5A5A5;
}

.blue {
    color: #0086CE;
}

a.blue:link,
a.blue:visited,
a.blue:hover {
    color: #0086CE;
    text-decoration: none;
}

.grey {
    color: #9C9C9C;
}

a.grey:link,
a.grey:visited,
a.grey:hover {
    color: #9C9C9C;
    text-decoration: none;
}

.orange {
    color: #F60;
}

a.orange:link,
a.orange:visited,
a.orange:hover {
    color: #F60;
    /* color: var(--acolor); */
    text-decoration: none;
}

.manage {
    margin: 4px -10px 0 0;
    position: absolute;
    top: 38px;
    right: 5px;
    height: 50px;
}

.quote {
    padding: 10px 10px 8px 11px;
    margin: 10px 0;
    border: 1px dashed #D7D7D7;
    font-size: 1.4rem;
    background: #f9f9f9;
}

.fwdzflist-boxstyle-fnc a.fwdzflist-boxstyle-fma {
    display: block;
    position: relative;
    width: 100%;
}

.fwdzflist-boxstyle-fnc a.fwdzflist-boxstyle-fma span {
    position: absolute;
    top: 1px;
    height: 15px;
    line-height: 16px;
    margin-left: 5px;
    padding: 0 3px;
    border-radius: 3px;
    background-color: var(--bcolor);
    font-size: 12px;
    color: var(--bicolor);
    font-family: Helvetica;
    display: inline-block;
}

.fwfmboxstyle-subc>a {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/******header*******/

.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: var(--acolor);
}

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

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

.hdc {
    padding: 10px 10px 0;
    background: url(./images/nav_b_line.png) repeat-x 0 100%;
    margin-bottom: 10px;
}

.hdc h2 {
    float: left;
    padding: 0 20px 8px 10px;
}

/******forumlist*******/

.wp {}

.wm {
    margin: 0 10px;
}

.bm {
    margin-bottom: 10px;
}

.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(./images/titlebg.png) repeat-x left bottom;
    line-height: 54px;
    white-space: nowrap;
    overflow: hidden;
}

.bm_h h2 {
    height: 54px;
    background: url(./images/titlebg.png) no-repeat left top;
}

.bm_h:hover {
    background: url(./images/titlebg.png) repeat-x left -54px;
}

.bm_h h2 a {
    display: block;
    margin: 0 31px 0 10px;
    padding-left: 10px;
    font-size: 1.8rem;
    line-height: 54px;
    font-weight: 400;
}

/******click_div*******/

.p_click {
    margin: 0px auto;
}

.p_click td {
    padding: 40px 10px 40px;
    text-align: center;
    vertical-align: bottom;
}

.p_click td a {
    color: #aaa;
}

.p_click img {
    height: 22px;
}

.p_click a {
    display: block;
    text-decoration: none;
}

.p_click p {
    height: 13px;
    line-height: 13px;
    font-size: 1.3rem;
}

.p_click .ac_item {
    position: relative;
    margin: 0 auto 10px;
    width: 6px;
    height: 30px;
}

.p_click .ac_item div {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    border-radius: 3px;
    overflow: hidden;
}

.p_click .ac1 {
    background: #C30;
}

.p_click .ac2 {
    background: #0C0;
}

.p_click .ac3 {
    background: #F90;
}

.p_click .ac4 {
    background: #06F;
}

/*==============================header===============================*/

.fwheader-home {
    width: 100%;
    height: 40px;
    position: fixed;
    top: 0;
    z-index: 99;
    background-color: var(--headerbgcolor);
    text-align: center;
}

a.fwheader-home-left,
a.fwheader-home-right {
    position: absolute;
    top: 0;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    vertical-align: top;
    color: var(--headericolor);
    text-align: center;
    font-size: 20px;
}

.fwheader-home-left {
    left: 5px;
}

.fwheader-home-right {
    right: 5px;
}

a.fwheader-home-left i,
a.fwheader-home-right i {
    font-size: 2.2rem;
}

.fwheader-home-center {
    margin: 0 auto;
    width: calc(100% - 80px);
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.fwheader-home-center-logo {
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
}

.fwheader-home-center-logo img {
    height: 30px;
    max-width: 100%;
    vertical-align: middle;
    margin-top: -5px;
    padding: 0;
}

.fwheader-home-center-logo a {
    display: inline-block;
    color: var(--headericolor);
    height: 40px;
    line-height: 40px;
    width: 30px;
    text-align: left;
}

/*
.fwheader-home-right .fwheader-searchcontainer {
	height: 30px;
	line-height: 30px;
	display: block;
	margin: 5px 10px;
	padding: 0 5px;
	background: #fff;
	border-radius: 5px;
	color: #d8d8d8 !important;
	text-align: left;
	font-size: 1.4rem;
	padding: 0 0 0 25px;
	box-sizing: border-box;
}
.fwheader-home-right .fwheader-searchcontainer.icon-search_light:before {
	margin-left: -20px;
	float: left;
	font-size: 1.8rem;
}

.fwheader-home-right .fwheader-searchform {
	position: relative;
	float: left;
	height: 30px;
	width: 100%;
	overflow: hidden;
}

.fwheader-home-right .fwheader-searchform .fwheader-searchform-input {
	width: 100%;
	height: 30px;
	border: 0px;
	border-radius: 5px;
}

.fwheader-home-right .fwheader-searchform .fwheader-searchform-submit {
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	background: none;
	width: 49px;
	margin-left: -50px;
	border-left: 1px solid #D8D8D8;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	color: #999;
}
*/

#fwsubheader_nav {
    background: #fff;
    box-shadow: 0 1px 1px #D7D7D7;
    height: 40px;
    overflow: hidden;
    z-index: 99;
    width: 100%;
    margin-top: 6px;
    margin-bottom: -10px;
}

.fwsubheader-menu-bar {
    height: 40px;
    line-height: 40px;
    position: relative;
    padding-right: 42px;
}

.fwsubheader-menu-more {
    position: absolute;
    width: 36px;
    height: 40px;
    line-height: 40px;
    padding-left: 6px;
    text-align: center;
    right: 0px;
    opacity: 1;
    z-index: 100;
    background-size: contain;
    background-color: rgba(244, 245, 246, .3);
}

.fwsubheader-menu-more a {
    display: block;
    color: #999 !important;
    font-size: 1.4rem;
}

.fwsubheader-nav-list {
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    font-size: 1.4rem;
}

.fwsubheader-nav-list ul {
    display: inline-block;
    width: auto;
}

.fwsubheader-nav-list li {
    display: table-cell;
    text-align: center;
    position: relative;
    padding: 0 15px;
    width: auto !important;
}

.fwsubheader-nav-list li a {
    font-size: 1.4rem;
    display: block;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 40px;
}

#navs_scrolls {
    z-index: 1;
    height: 30px;
    width: 100%;
    overflow: hidden;
    -ms-touch-action: none;
}

.fwnav-up-menu .fwnav-bg-layer {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position: fixed;
    display: none;
    z-index: 999;
    bottom: 0;
    transition: display 1s ease 0s;
}

.fwnav-up-menu .fwnav-up-title {
    width: 100%;
    height: 70%;
    position: fixed;
    z-index: 999;
    bottom: -70%;
    background: #F6F6F6;
    overflow: scroll;
}

.fwnav-up-menu .fwnav-title-cancel a {
    display: inline-block;
    width: 96%;
    height: 40px;
    margin-left: 2%;
    line-height: 40px;
    border-bottom: 1px solid #FFFFFF;
    text-align: center;
    color: #4C4C4C;
    font-size: 1.4rem;
}

.fwnav-up-menu .fwnav-list {
    padding: 10px;
}

.fwnav-up-menu .fwnav-list li {
    display: inline-block;
    width: 30%;
    height: 30px;
    line-height: 30px;
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    border-radius: 2px;
    text-align: center;
    color: #4C4C4C;
    font-size: 1.4rem;
    overflow: hidden;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 5px;
}

.fwheader-forum {
    width: 100%;
    height: 40px;
    position: fixed;
    top: 0;
    z-index: 99;
    background-color: var(--headerbgcolor);
    border-bottom: 1px solid var(--headerbordercolor);
}

.fwheader-forum-left {
    width: 22%;
    float: left;
    line-height: 40px;
}

.fwheader-forum-left a {
    color: var(--headericolor);
    line-height: 40px;
    font-size: 2.2rem;
    margin-left: 10px;
    float: left;
}

.fwheader-forum h2 {
    width: 56%;
    float: left;
    text-align: center;
    font-size: 1.8rem;
    line-height: 40px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fwheader-forum-right {
    width: 22%;
    float: right;
    line-height: 40px;
}

.fwheader-forum-right a {
    color: var(--headericolor);
    line-height: 40px;
    font-size: 2.2rem;
    margin-right: 10px;
    float: right;
}

/*==============================footer===============================*/

.footer {
    text-align: center;
    line-height: 2em;
    color: #D7D7D7;
    padding: 20px 0;
    margin-top: 20px;
}

.footer a {
    margin: 0 6px;
    color: #D7D7D7;
}

.fwfooter-common {
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    height: 44px;
    display: block;
}

.fwfooter-common a:link,
.fwfooter-common a:visited,
.fwfooter-common a:hover {
    text-decoration: none;
}

.fwfooter-common .fbc {
    height: 44px;
    border-top: #EFEFEF 1px solid;
    background: #FFFFFF;
}

.fwfooter-common .fbc li {
    float: left;
    width: 25%;
    text-align: center;
    color: #666;
    padding-top: 5px;
    position: relative;
}

.fwfooter-common .fbc li a {
    color: #666;
    display: block;
    font-size: 1rem;
    line-height: 10px;
    height: 44px;
}

.fwfooter-common .fbc li.a a {
    color: var(--acolor);
}

.fwfooter-common .fbc li i.new {
    display: block;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #F60;
    font-size: 1px;
    overflow: hidden;
}

.fwfooter-common .fbc li a:before {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 2rem;
}

.fwfooter-viewthread {
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    height: 44px;
    display: block;
}

.fwfooter-viewthread a:link,
.fwfooter-viewthread a:visited,
.fwfooter-viewthread a:hover {
    text-decoration: none;
}

.fwfooter-viewthread .fbc-vt {
    height: 44px;
    border-top: #EFEFEF 1px solid;
    background: #FFFFFF;
}

.fwfooter-viewthread .fbc-vt li {
    float: left;
    width: 12%;
    text-align: center;
    color: #666;
    height: 44px;
    line-height: 44px;
    position: relative;
}

.fwfooter-viewthread .fbc-vt li:first-child {
    margin-left: 3%;
}

.fwfooter-viewthread .fbc-vt li.fbc-vt-lia {
    width: 67%;
    margin-right: 3%;
    margin-left: 2%;
    padding-top: 8px;
}

.fwfooter-viewthread .fbc-vt li a i {
    font-size: 2.2rem;
    color: #696969;
}

.fwfooter-viewthread .fbc-vt li.fbc-vt-lia a {
    width: 99%;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    border: 1px solid #ccc;
    text-align: left;
    color: #999;
    display: block;
}

.fwfooter-viewthread .fbc-vt li.active a i {
    color: var(--bcolor);
}

/*==============================guide===============================*/

.fw-guide-focus {
    padding: 10px;
    background: #FFF;
}

.fw-guide-focus-header h3 a {
    font-size: 1.6rem;
    font-weight: 400;
}

.fw-guide-focus-bgimg {
    height: 150px;
    margin: 5px 0;
    overflow: hidden;
    background-color: transparent;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.fw-guide-focus-footer p,
.fw-guide-recommend-view-footer p {
    position: relative;
    color: #999;
    line-height: 20px;
    overflow: hidden;
    font-size: 1.2rem;
}

.fw-guide-focus-footer p a,
.fw-guide-recommend-view-footer p a {
    color: #999;
}

.fw-guide-focus-hot {
    color: var(--acolor);
    line-height: 1.4rem;
    border: 1px solid var(--acolor);
    border-radius: 2px;
    padding: 2px 4px;
    font-size: 1.2rem;
}

.fw-guide-focus-footer p span,
.fw-guide-recommend-view-footer p span {
    float: left;
    margin-right: 5px;
}

.fw-guide-focus-footer p .fw-guide-focus-comment,
.fw-guide-recommend-view-footer p .fw-guide-recommend-view-footer-comment {
    float: right;
}

.fw-guide-recommend {
    background: #fff;
    /*max-width: 640px;*/
    margin: 10px auto;
    position: relative;
    padding: 10px;
}

.fw-guide-recommend-view {
    display: table;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: rgba(0, 0, 0, .08) 1px solid;
    margin-bottom: 10px;
    overflow: hidden;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

.fw-guide-recommend-view-right {
    position: relative;
    display: table-cell;
    width: 100px;
    padding: 0 10px 0 0;
}

.fw-guide-recommend-view-right .fw-guide-recommend-view-right-img img {
    height: 70px;
    width: 100px;
    border-radius: 1px;
    display: block;
    border: 0;
    margin: 0 auto;
    object-fit: cover;
}

.fw-guide-recommend-view-left {
    display: table-cell;
    vertical-align: middle;
}

.fw-guide-recommend-view-left .fw-guide-recommend-view-header {
    overflow: hidden;
}

.fw-guide-recommend-view-left .fw-guide-recommend-view-header a {
    font-size: 1.6rem;
    line-height: 18px;
    color: #333;
    font-weight: 400;
}

.fw-guide-recommend-tj {
    color: var(--acolor);
    line-height: 14px;
    border: 1px solid var(--acolor);
    border-radius: 2px;
    padding: 2px 4px;
    font-size: 1.2rem;
}

.fw-guide-container {}

.fw-guide-tab {
    background: #fff;
    border-bottom: 1px solid #efefef;
    width: 100%;
    padding: 10px 0;
}

.fw-guide-tab li {
    float: left;
    width: 25%;
    text-align: center;
}

.fw-guide-tab li a {
    font-size: 1.4rem;
}

.fw-guide-tab li.a a {
    border-bottom: 3px solid var(--acolor);
    padding-bottom: 10px;
    color: var(--acolor);
}

.fw-guide-threadlist {
    background: #fff;
    padding: 10px;
    overflow: hidden;
}

.fw-guide-threadlist-t table {
    width: 100%;
}

.fw-guide-threadlist-t tbody {
    border-bottom: 1px solid #EFEFEF;
}

.fw-guide-threadlist-t tbody th {
    padding: 10px 0;
    line-height: 1.3;
}

.fw-guide-threadlist-t tbody th a {
    font-size: 1.6rem;
}

.fw-guide-threadlist-t tbody th .common-pic {
    width: 100px;
    height: 70px;
    float: right;
    margin-left: 10px;
}

.fw-guide-threadlist-t tbody th .common-pic img {
    width: 100%;
    height: 70px;
    object-fit: cover;
}

.fw-guide-threadlist-t-footer {
    line-height: 24px;
    color: #999 !important;
}

.fw-guide-threadlist-t-footer span {
    font-size: 1.2rem;
}

.fw-guide-threadlist-t-footer span em {
    color: #999;
}

.fw-guide-threadlist-no {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    background: #FFFFFF;
}

.fw-guide-threadlist-no p {
    color: #D7D7D7 !important;
}

/* fwapp */

.fw-nbg {
    background: var(--headerbgcolor);
}

/* fwpageheader */

.fw-pageheader {
    width: 100%;
    height: 45px;
    line-height: 45px;
    position: fixed;
    top: 0px;
    color: var(--aicolor);
    font-size: 19px;
    text-align: center;
    z-index: 99;
}

.fw-pageheader img.portalimg {
    margin-top: 7px;
    height: 30px;
}

.fw-pageheader span,
.fw-pageheadert span {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.fw-pageheader span a {
    color: var(--aicolor);
}

.fw-pageheader .headerleftbtn {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 45px;
    margin-left: 10px;
    display: block;
    cursor: pointer;
}

.fw-pageheader .backbtn {
    background-position: -6px 11px;
    background-size: 22px auto;
    color: #fff;
    font-size: 16px;
}

.backbtn i {
    color: var(--aicolor);
    font-size: 2.5rem;
}

.fw-pageheader .headerpic {
    background-position: -12px;
    background-size: 30px auto;
}

.fw-pageheader .headerposition {
    width: 24px;
    height: 24px;
    margin-top: 9px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
    position: relative;
}

.fw-pageheader .headerposition b {
    width: 8px;
    height: 8px;
    position: absolute;
    right: -4px;
    top: -3px;
    background: var(--bcolor);
    border: 1px solid #fff;
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
}

.fw-pageheader .headerpic img {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
    vertical-align: top;
}

.fw-pageheader .headerrightbtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 45px;
    margin-right: 10px;
    display: block;
    z-index: 100;
}

.fw-pageheader .headerrightbtn i {
    color: #FFF;
    font-size: 2.5rem;
}

.fw-pageheader .fw-hdserach {
    background-position: 0;
    background-size: 25px auto;
}

.fw-pageheader .fw-pointbg {
    background: url(../images/fw-pointbg.png) no-repeat;
    background-position: 0;
    background-size: 23px auto;
}

.fw-whilteheader,
.fw-whilteheader-inspace {
    background: #fff !important;
}

.fw-whilteheader span,
.fw-whilteheader span a,
.fw-whilteheader .headerrightbtn i,
.fw-whilteheader .fw-hdserach i,
.fw-whilteheader .headerleftbtn i {
    color: #666 !important;
}

.fw-whilteheader-inspace h2,
.fw-whilteheader-inspace h2 a,
.fw-whilteheader-inspace p {
    color: #666 !important;
}

/* fwpagefirst */

.fw-tabcontainer {
    width: 100%;
    height: 100%;
}

.fw-tabcontainer .tab-title {
    position: fixed;
    left: 0px;
    top: 45px;
    width: 25%;
    height: 90%;
    background: #F1F1F1;
    z-index: 3;
}

.fw-tabcontainer .tab-title li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #E6E6E6;
    overflow: hidden;
    text-align: center;
}

.fw-tabcontainer .tab-title li.active {
    background: #fff;
    border-left: 2px solid var(--acolor);
}

.fw-tabcontainer .tab-title li a {
    font-size: 14px;
}

.fw-tabcontainer .tab-title li.active a {
    color: var(--acolor);
}

.fw-tabcontainer .tab-content {
    width: 75%;
    height: 100%;
    padding-left: 25%;
    background: #fff;
    /* overflow: auto; */
}

.fw-tabcontainer .tab-content .fw-datastatistics {
    background: #fff;
}

.fw-tabcontainer .tab-content .fw-datastatistics li {
    float: left;
    text-align: center;
    width: 33%;
    font-size: 20px;
    height: 40px;
    padding: 8px 0 5px 0;
    margin-top: 15px;
    margin-bottom: 5px;
    border: 0;
    border-right: 1px solid #eaeaea;
}

.fw-tabcontainer .tab-content .fw-datastatistics li i {
    display: block;
    line-height: 16px;
    height: 16px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
}

.fw-tabcontainer .tab-content .fw-datastatistics li p {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    color: #555;
}

.fw-tabcontainer .tab-content .fw-myfollow {
    margin-top: 10px;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    background: #F8F8F8;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    border-radius: 3px;
}

.fw-tabcontainer .tab-content .fw-myfollow a {
    font-size: 13px;
    color: #999;
}

.fw-tabcontainer .tab-content .bm_c {
    padding: 0 15px;
}

.fw-tabcontainer .tab-content li {
    height: 50px;
    line-height: 20px;
    padding: 15px 0;
    border-bottom: 1px solid #fafafa;
    font-size: 18px;
    position: relative;
}

.fw-tabcontainer .tab-content li:last-child {
    border-bottom: none;
}

.fw-tabcontainer .tab-content li img {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    margin-right: 10px;
}

.fw-tabcontainer .tab-content li .block {
    margin-top: 7px;
    position: relative;
    display: block;
}

.fw-tabcontainer .tab-content li .block span {
    position: absolute;
    top: 1px;
    height: 15px;
    line-height: 16px;
    margin-left: 5px;
    padding: 0 3px;
    border-radius: 3px;
    background-color: var(--bcolor);
    font-size: 12px;
    color: var(--bicolor);
    font-family: Helvetica;
    display: inline-block;
}

.fw-tabcontainer .tab-content li p {
    font-size: 12px;
    line-height: 25px;
    color: #a7a7a7;
}

.fw-tabcontainer .tab-content li .followbtn {
    position: absolute;
    top: 25px;
    right: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 2px;
    background: var(--acolor);
    font-size: 12px;
    color: var(--aicolor);
    display: block;
}

.fw-tabcontainer .tab-content li .followedbtn {
    background: #d6d6d6;
}

/* fwpagefooter */

.fw-pagefooter {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 50px;
    background: #fcfcfc;
    border-top: 1px solid #ECECEC;
    z-index: 99;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.fw-pagefooter a {
    width: 20%;
    height: 100%;
    padding-top: 10px;
    line-height: 15px;
    text-align: center;
    float: left;
    color: #555;
    font-size: 12px;
}

.fw-pagefooter i {
    font-size: 2.4rem;
    color: #555;
}

.fw-pagefooter img {
    width: 22px;
    height: 22px;
    vertical-align: top;
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
}

.fw-pagefooter .fw-post-btn {
    position: relative;
}

.fw-pagefooter .fw-post-btn .circle {
    border: 1px solid #ECECEC;
    background-color: #fcfcfc;
    position: absolute;
    width: 62px;
    height: 62px;
    left: calc(50% - 31px);
    border-radius: 62px;
    top: -15px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.fw-pagefooter .fw-post-btn .iooncontainer {
    position: absolute;
    width: 44px;
    height: 44px;
    background-color: var(--headerbgcolor);
    left: calc(50% - 22px);
    border-radius: 44px;
    top: -4px;
}

.fw-pagefooter .fw-post-btn .iooncontainer i {
    color: #FFF;
    position: absolute;
    left: calc(50% - 12px);
    top: 14px;
}

.fw-pagefooter .fw-post-btn.inline .iooncontainer {
    top: 2px;
}

.fw-pagefooter .fw-post-btn.inline .circle {
    display: none;
}

.fw-pagefooter .on {
    color: var(--footercolor);
}

.fw-pagefooter .on i {
    color: var(--footercolor);
}

.fw-pagefooter .qjyw_sqgl {
    padding-top: 11px;
}

.fw-pagefooter .qjyw_sqgl i {
    font-size: 23px;
}

.fw-pagefooter .qjyw_jjgl {
    line-height: 16px;
}

.fw-pagefooter .qjyw_jjgl i {
    font-size: 22px;
}

.fw-fastpost-position {
    width: 63px;
    height: 63px;
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
    border: 1px solid #DBDBDB;
    z-index: 9;
    position: fixed;
    bottom: -4px;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    left: 42%;
    left: -moz-calc(50% - 33px);
    left: -webkit-calc(50% - 33px);
    left: calc(50% - 33px);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

/* fast post */

.fw-modal-fastpostbg {
    background-color: rgba(0, 0, 0, 0.2);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    display: none;
}

.fw-modal-fastpost {
    bottom: 0;
    left: 0;
    position: fixed;
    -webkit-transform: translateY(105%);
    -ms-transform: translateY(105%);
    transform: translateY(105%);
    -webkit-transition: -webkit-transform 400ms;
    transition: transform 400ms;
    width: 100%;
    z-index: 100;
    background-color: #FFF;
    height: 410px;
}

.fw-modal-fastpost .fw-fastpost-title {
    text-align: right;
    position: relative;
}

.fw-modal-fastpost .fw-fastpost-title .fw-modal-closebtn {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    margin: 0 auto;
    background: var(--footercolor);
    border-radius: 25px;
    position: relative;
    top: -10px;
    right: 2px;
    border: 4px solid #FFF;
    line-height: 36px;
}

.fw-modal-fastpost .fw-fastpost-title .fw-modal-closebtn i {
    font-size: 2.5rem;
    color: rgba(255, 255, 255, 0.74);
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 1px;
}

.fw-modal-fastpost .fw-modal-ad {
    padding: 0px 15px;
    padding-top: 0;
    position: relative;
    top: -10px;
}

.fw-modal-fastpost .fw-modal-ad a {
    display: block;
    margin: 0px;
    position: relative;
}

.fw-modal-fastpost .fw-modal-ad a em {
    position: absolute;
    bottom: 6px;
    right: 6px;
    display: block;
    height: 21px;
    line-height: 21px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    color: #fff;
    padding: 0px 8px;
    overflow: hidden;
    border-radius: 2px;
}

.fw-modal-fastpost .fw-modal-ad a img {
    border-radius: 2px;
    display: block;
    height: 150px;
    width: 100%;
}

.fw-modal-fastpost .fw-bottommenu-position {
    width: 100%;
    box-sizing: border-box;
    padding-right: 2%;
    padding-left: 2%;
    padding-top: 10px;
    height: 220px;
    position: relative;
    top: -10px;
}

.fw-modal-fastpost .fw-bottommenu-position li {
    float: left;
    width: 25%;
    margin-top: 15px;
    text-align: center;
    position: relative;
}

/* .fw-modal-fastpost .fw-bottommenu-position img {width: 55px;height: 55px;vertical-align: top;} */

.fw-modal-fastpost .fw-bottommenu-position .pic {
    width: 55px;
    height: 55px;
    vertical-align: top;
    background-color: var(--bcolor);
    color: white;
    border-radius: 10px;
    margin: 0 auto;
    padding-top: 7px !important;
    box-sizing: border-box;
}

.fw-modal-fastpost .fw-bottommenu-position .pic i.iconfont {
    font-size: 2.8rem;
}

.fw-modal-fastpost .fw-bottommenu-position p {
    line-height: 30px;
    font-size: 13px;
    color: #333;
}

/* float min menu */

.fw-floatminmenu {
    width: 40px;
    height: 40px;
    background: var(--bcolor);
    border-radius: 4px;
    z-index: 99;
    color: var(--bicolor);
    text-align: center;
}

.fw-floatminmenu i {
    font-size: 15px;
    padding-top: 2px;
    display: block;
}

.fw-floatminmenu span {
    display: block;
    font-size: calc(20px/2);
    margin-top: -3px;
}

.fw-floatminmenu .togglemenu {
    position: absolute;
    top: -150px;
    display: none;
}

.fw-floatminmenu .togglemenu a {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}

/* noContent tip */

.ft-nocontent {
    padding-top: 80px;
    text-align: center;
}

.ft-nocontent img {
    width: 60px;
}

.ft-nocontent p {
    font-size: 14px;
    color: #777;
    line-height: 30px;
}

.fw-modal-active {
    transform: translateY(0px);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.fw-modal-out {
    z-index: 1109;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.sharebg {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    display: none;
}

.sharebg-active {
    opacity: 1;
    display: block;
}

/* 侧栏导航 */

.fwpageBg {
    width: 100%;
    height: 100%;
    background-color: #111;
    opacity: .6;
    position: fixed;
    display: none;
    z-index: 100;
    bottom: 0;
}

.fw_leftmenu {
    width: 280px;
    max-width: 400px;
    height: 100%;
    background-color: #f4f4f4;
    position: fixed;
    z-index: 100;
    top: 0;
    /* left: -280px; */
}

.fw_leftmenu .fw_leftmenu_userinfo {
    width: 100%;
    height: 130px;
    background: url(../images/leftmenu/fw_lm_bg.png) no-repeat 0 0;
    background-size: cover;
    position: relative;
}

.fw_leftmenu .fw_leftmenu_userinfo.skin1 {
    background-image: url(../images/spacebg/bg1.png);
    /*#4F8FD7*/
}

.skin1 .fw-nbg,
.skin2 .fw-nbg,
.skin3 .fw-nbg,
.skin4 .fw-nbg,
.skin5 .fw-nbg {
    background-color: transparent;
}

.fw_leftmenu .fw_leftmenu_userinfo.skin2 {
    background-image: url(../images/spacebg/bg2.png);
    /*#55610D*/
}

.fw_leftmenu .fw_leftmenu_userinfo.skin3 {
    background-image: url(../images/spacebg/bg3.png);
    /*#B37413*/
}

.fw_leftmenu .fw_leftmenu_userinfo.skin4 {
    background-image: url(../images/spacebg/bg4.png);
    /*#D987EB*/
}

.fw_leftmenu .fw_leftmenu_userinfo.skin5 {
    background-image: url(../images/spacebg/bg5.png);
    /*#BE5B18*/
}

.fw_leftmenu .fw_leftmenu_userinfo .userinfo_ctn {
    padding: 27px 10px;
}

.fw_leftmenu .fw_leftmenu_userinfo .userinfo_ctn .userinfo_ctn_imgctn {
    -webkit-border-radius: 1rem;
    border-radius: 1rem;
    border: 3px solid rgba(255, 255, 255, 0.4);
    width: 70px;
    height: 70px;
}

.fw_leftmenu .fw_leftmenu_userinfo .userinfo_ctn .userinfo_ctn_imgctn img {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 0.8rem;
    border-radius: 0.8rem;
    vertical-align: top;
}

.fw_leftmenu .fw_leftmenu_userinfo .userinfo_text {
    height: 100%;
    box-sizing: border-box;
    width: 184px;
    position: relative;
}

.fw_leftmenu .fw_leftmenu_userinfo .userinfo_text .userinfo_uname {
    position: absolute;
    top: 35px;
}

.fw_leftmenu .fw_leftmenu_userinfo .userinfo_text .userinfo_uname a {
    height: 30px;
    line-height: 30px;
    font-size: 2.2rem;
    color: #fff;
    vertical-align: middle;
    text-shadow: 0 0 1px #000;
    width: 180px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fw_leftmenu .fw_leftmenu_userinfo .userinfo_text .userinfo_uname span {
    height: 15px;
    line-height: 16px;
    margin-top: -2px;
    margin-left: 5px;
    padding: 0 3px;
    border-radius: 2px;
    background-color: var(--bcolor);
    font-size: 12px;
    color: var(--bicolor);
    font-family: Helvetica;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 35px;
}

.fw_leftmenu .fw_leftmenu_userinfo .userinfo_text .userinfo_btn {
    padding-top: 5px;
    position: absolute;
    bottom: 5px;
    right: 0;
}

.fw_leftmenu .fw_leftmenu_userinfo .userinfo_text .userinfo_btn .userinfo_btn_click {
    width: 55px;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
    background: rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: right;
}

.fw_leftmenu .fw_leftmenu_userinfo .userinfo_text .userinfo_btn .icon {
    color: #E4E4E4;
    font-size: 12px;
    padding-left: 7px;
}

.fw_leftmenu .fw_leftmenu_userinfo .userinfo_text .userinfo_btn a {
    color: #E4E4E4;
    font-size: 12px;
}

.fw_leftmenu .min_menu {
    width: 100%;
    height: 65px;
    padding-top: 15px;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    background-size: cover;
}

.fw_leftmenu .min_menu li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}

.fw_leftmenu .min_menu img {
    width: 33px;
    height: 33px;
    vertical-align: top;
}

.fw_leftmenu .min_menu .iconcontainer {
    width: 33px;
    height: 33px;
    vertical-align: top;
    text-align: center;
    margin: 0 auto;
    background: #9FC925;
    border-radius: 5px;
    color: #fff;
    font-size: 2.4rem;
    line-height: 34px;
}

.fw_leftmenu .min_menu .iconcontainer .iconfont {
    font-size: 2.4rem;
}

.fw_leftmenu .min_menu p {
    line-height: 25px;
    font-size: 14px;
    color: #333;
}

.fw_leftmenu .min_menu span {
    position: absolute;
    top: -5px;
    right: 18%;
    width: 10px;
    height: 10px;
    background: var(--bcolor);
    border: 1px solid var(--bicolor);
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
    text-align: center;
    display: block;
    z-index: 2;
}

.fw_leftmenu .list_menu {
    margin: 5px 5px 0 5px;
    overflow: auto;
}

.fw_leftmenu .list_menu li {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #ececec;
}

.fw_leftmenu .list_menu li a {
    padding-left: 20px;
    font-size: 16px;
    display: block;
    color: #c0c0c0;
}

.fw_leftmenu .list_menu li iconfont {
    color: #333;
}

.fw_leftmenu .list_menu li i.iconfont {
    font-size: 1.6rem;
    margin-right: 8px;
}

.fw_leftmenu .list_menu li .text {
    font-size: 1.6rem;
    display: inline-block;
    color: #666;
}

.fw_leftmenu .list_menu li i.allowright {
    float: right;
    padding-right: 25px;
    background: url(../images/leftmenu/allowright.png) no-repeat;
    background-position: 0;
    background-size: 15px auto;
}

/*左侧弹出菜单小水流效果*/

.fw-leftmenu-water {
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 30px;
    width: 100%;
    z-index: 1;
}

.fw-leftmenu-water-1 {
    background: url(../images/leftmenu/fw_water-1.svg) repeat-x;
    background-size: 600px;
    -webkit-animation: water-animation-1 2.8s infinite linear;
    animation: water-animation-1 2.8s infinite linear;
}

.fw-leftmenu-water-2 {
    top: 5px;
    background: url(../images/leftmenu/fw_water-2.svg) repeat-x;
    background-size: 600px;
    -webkit-animation: water-animation-2 5s infinite linear;
    animation: water-animation-2 5s infinite linear;
}

.fw-leftmenu-water-1,
.fw-leftmenu-water-2 {
    position: absolute;
    width: 100%;
    height: 30px;
}

@keyframes water-animation-1 {
    0% {
        background-position: 0 top
    }
    100% {
        background-position: 600px top
    }
}

@keyframes water-animation-2 {
    0% {
        background-position: 0 top
    }
    100% {
        background-position: 600px top
    }
}

/*==============================bbs-forumlist===============================*/

.fml-top {
    background: #fff;
    margin-top: 10px;
    padding: 10px;
    overflow: hidden;
}

.fml-top li {
    float: left;
    text-align: center;
    width: 33.33%;
    font-size: 2rem;
    line-height: 24px;
}

.fml-top li span {
    display: block;
    line-height: 16px;
    height: 16px;
    font-size: 1.2rem;
    overflow: hidden;
    color: #D7D7D7;
}

.fml-top li em {
    color: #999;
}

.fml-sub-title {
    height: 54px;
    background: #f5f5f5;
    line-height: 54px;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px dashed #efefef;
}

.fml-sub-title .fml-sub-title-o {
    float: right;
    width: 31px;
    margin-right: 10px;
}

.fml-sub-title .fml-sub-title-o em {
    font-size: 3rem;
}

.fml-sub-title h2 {
    height: 54px;
    background: #fff;
}

.fml-sub-title h2 a {
    display: block;
    margin: 0 31px 0 10px;
    font-size: 1.8rem;
    line-height: 54px;
    font-weight: 400;
}

.fml-sub-block {
    background: #fff;
    border: 0px solid #ededed;
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.fml-sub-block ul {
    overflow: hidden;
}

.fml-sub-block li {
    display: inline-block;
    width: 25%;
    height: 90px;
    float: left;
    text-align: center;
    overflow: hidden;
}

.fml-sub-block li a {
    display: inline-block;
    width: 65px;
    height: 60px;
    position: relative;
}

.fml-sub-block li a .nopic {
    display: block;
    background: url(../images/noimg_50x50.png) no-repeat 50% 50%;
    background-size: cover;
    cursor: pointer;
    margin-top: 10px;
    width: 65px;
    height: 55px;
    border-radius: 5px;
}

.fml-sub-block li a img {
    margin-top: 10px;
    width: 65px;
    height: 55px;
    border-radius: 5px;
}

.fml-sub-block li .fml-sub-block-name {
    color: #333;
    font-size: 1.4rem;
    line-height: 1.7;
}

.fml-sub-block li .fml-sub-block-num {
    position: absolute;
    background: var(--bcolor);
    color: var(--bicolor);
    padding: 1px 8px;
    border-radius: 20px;
    font-size: 1.2rem;
    line-height: 20px;
    margin-left: -15px;
    margin-top: 2px;
}

/*==============================bbs-forumdisplay===============================*/

.fwforumlist-foruminfo {
    height: 86px;
    overflow: hidden;
    position: relative;
    background: #ffffff !important;
    border-bottom: 1px solid #dddddd;
}

.fwforumlist-foruminfo-carebtn {
    position: absolute;
    top: 12px;
    right: 0;
    width: 60px;
    font-size: 1.4rem;
    padding: 13px;
    z-index: 30;
}

.fwforumlist-foruminfo-carebtn a {
    display: block;
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 2px;
    font-weight: 300;
}

.fwforumlist-foruminfo-carebtn a.care {
    background: var(--acolor);
    color: var(--aicolor);
}

.fwforumlist-foruminfo-carebtn a.cared {
    background-color: #efefef;
    color: #999999;
}

.fwforumlist-foruminfo-leftc {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 62px;
    margin: 12px 0;
    z-index: 20;
    overflow: hidden;
}

.fwforumlist-foruminfo-leftc .foruminfo-icon {
    float: left;
    width: 62px;
    height: 62px;
    text-align: center;
    margin: 0 10px 0 12px;
    border-radius: 3px;
    overflow: hidden;
}

.fwforumlist-foruminfo-leftc .foruminfo-icon img {
    width: 62px;
    height: 62px;
    font-size: 0;
    border-radius: 3px;
}

.fwforumlist-foruminfo-leftc h2 {
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 300;
    color: var(--acolor);
}

.fwforumlist-foruminfo-leftc p {
    display: block;
    height: 18px;
    line-height: 18px;
    font-size: 1.2rem;
    color: #999999 !important;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fwforumlist-foruminfo-leftc p span {
    margin-right: 15px;
}

.fwthreadtypes {
    background: #666;
    padding: 0 5px;
    overflow: hidden;
    /* border-bottom: 1px solid #ededed !important; */
    /*width: 95px;*/
    border: 1px solid #999;
    /*border-radius: 8px;*/
    position: absolute;
    right: 0;
    top: 43px;
    opacity: 0.9;
}

/*.fwthreadtypes:after {
	content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: -12px;
    right: 10px;
    border: 6px solid #fff;
    border-color: transparent transparent #666 transparent;
    z-index: 1;
    pointer-events: none;
}*/

.fwthreadtypes li {
    /*float: left;*/
    padding: 3px 0px;
    width: 99%;
    display: block;
    /*margin-right: 2%;*/
    text-align: center;
    overflow: hidden;
}

.fwtab-main li.haschild-open .fwthreadtypes li a {
    display: block;
    padding: 0px 6px;
    line-height: 20px;
    color: #fff;
    border: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fwsubject-picmode {
    background: #fff;
    padding: 10px 5px 0px;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}

.fwsubject-picmode .fwsubject-picmode-imgc {
    overflow: hidden;
}

.fwsubject-picmode-subject {
    float: left;
    width: 50%;
    margin-bottom: 10px;
    overflow: hidden;
}

.fwsubject-picmode-subject a {
    display: block;
    height: 0px;
    padding-bottom: 85%;
    position: relative;
    margin: 0px 5px;
    border: 1px solid #ededed;
    overflow: hidden;
}

.fwsubject-picmode-subject img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
}

.fwsubject-listmode-subject {
    border-bottom: 1px solid #ededed;
    background: #fff;
}

.fwsubject-listmode-subject a {
    display: block;
    padding: 10px;
}

.fwsubject-listmode-subject h1,
.fwsubject-listmode-subject h2 {
    font-weight: 100;
    font-size: 1.6rem;
    line-height: 150%;
}

.fwsubject-listmode-subject .fwsubject-listmode-subject-footer {
    line-height: 13px;
    padding-top: 8px;
    font-size: 1.2rem;
    color: #999;
    overflow: hidden;
}

.fwsubject-listmode-subject .replies,
.fwsubject-listmode-subject .views {
    float: right;
    display: inline-block;
}

.fwsubject-listmode-subject .views {
    margin-right: 10px;
}

.fwsubforms-list {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}
.fwsubforms-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fwsubforms-list ul li {
    float: left;
    width: auto;
    text-align: center;
    padding: 6px 0 5px 8px;
}
.fwsubforms-list li a {
    display: block;
    font-size: 1.3rem;
    padding: 6px;
    overflow: hidden;
}
.fwsubforms-list li span {
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto 6px;
}
.fwsubforms-list li img {
    width: 46px;
    height: 46px;
}
.fwsubforms-list li p {
    display: block;
    width: 100%;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}
.fwsubforms-list .subtitle {
    padding: 0 12px;
    height: 40px;
    line-height: 40px;
    font-size: 1.6rem;
    color: #333;
    box-sizing: border-box;
}

.fmd-subforumlist .fwnav-bg-layer {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position: fixed;
    display: none;
    z-index: 999;
    bottom: 0;
    transition: display 1s ease 0s;
}

.fmd-subforumlist .fwnav-down-title {
    width: 100%;
    height: 40%;
    position: fixed;
    z-index: 999;
    bottom: -40%;
    background: #FFF;
    overflow-y: scroll;
}

.fmd-subforumlist .fwnav-down-cancel a {
    display: inline-block;
    width: 96%;
    height: 40px;
    margin-left: 2%;
    line-height: 40px;
    border-bottom: 1px solid #F5F5F5;
    text-align: center;
    /*color: #4C4C4C;*/
    font-size: 1.4rem;
}

.fmd-subforumlist .fwnav-list {
    padding: 10px;
}

.fmd-btn-back,
.fmd-btn-moremenu,
.fmd-btn-post {
    display: block;
    position: fixed;
    height: 42px;
    width: 42px;
    line-height: 42px;
    text-align: center;
    z-index: 99;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 50%;
}

.fmd-btn-back {
    left: 8px;
    bottom: 60px;
}

.fmd-btn-moremenu {
    right: 8px;
    bottom: 110px;
}

.fmd-btn-post {
    right: 8px;
    bottom: 60px;
}

.fmd-btn-back i,
.fmd-btn-moremenu i,
.fmd-btn-post i {
    color: #fff;
}

.fwforumlist-topestc {
    border-bottom: 1px solid #eee;
}

.fwforumlist-topestc>ul {
    overflow: hidden;
}

.fwforumlist-topestc>ul>li {
    padding: 10px;
    border-bottom: 1px solid #eee;
    line-height: 20px;
    box-sizing: border-box;
    height: 40px;
    overflow: hidden;
}

.fwforumlist-topestc>ul>li>span {
    float: left;
    padding: 0 5px;
    border-radius: 0px;
    margin-right: 10px;
    background: var(--bcolor);
    color: var(--bicolor);
    font-size: 1.2rem;
}

.fwforumlist-topestc>ul>li>a {
    display: block;
    line-height: 20px;
    font-size: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fwforumlist-topestc a.fwforumlist-topest-toggle {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 1.4rem;
    color: #666;
}

.fwforumlist-topestc a.fwforumlist-topest-toggle span {
    display: inline-block;
}

.fwforumlist-topestc a.fwforumlist-topest-toggle.toggled span {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/*==============================bbs-forumdisplay(weibo)===============================*/

.fwforumlist-wb-li {
    margin-top: 10px;
    overflow: hidden;
    position: relative;
}

.fwforumlist-wb-top {
    height: 36px;
    line-height: 36px;
    padding: 12px 12px 5px 12px;
    overflow: hidden;
}

.fwforumlist-wb-top h2 {
    display: block;
    height: 20px;
    line-height: 20px;
    font-weight: 300;
}

.fwforumlist-wb-top-author {
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 8px;
    border-radius: 50%;
    background: #f8f8f8;
}

.fwforumlist-wb-top-authorimg {
    margin-right: 8px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.fwforumlist-wb-top-user {
    float: left;
    font-size: 1.4rem;
}

.fwforumlist-wb-userlv {
    float: left;
    background: var(--bcolor) !important;
    color: var(--bicolor);
    margin-top: 2px;
    margin-left: 4px;
    font-size: 1.2rem;
    height: 12px;
    line-height: 12px;
    padding: 1px 2px;
    border-radius: 1.5px;
}

.fwuser-sex {
    float: left;
    margin-top: 2px;
    margin-left: 4px;
    font-size: 1.2rem;
    width: 12px;
    height: 12px;
    line-height: 12px;
    padding: 1px;
    border-radius: 1.5px;
    color: #fff;
}

.fwuser-sex.fwuser-sex-boy {
    background: #87d0f5;
}

.fwuser-sex.fwuser-sex-girl {
    background: #ffa3a3;
}

.fwforumlist-wb-carebtn {
    float: right;
    margin-top: 3px;
    margin-left: 5px;
    width: 52px;
    height: 26px;
    font-size: 1.2rem;
    line-height: 26px;
    text-align: center;
    border-radius: 2px;
}

.fwforumlist-wb-carebtn.care {
    color: var(--aicolor);
    background-color: var(--acolor);
    padding: 1px 1px 1px 1px;
}

.fwforumlist-wb-carebtn.cared {
    color: #999999;
    border: 1px solid #efefef;
}

.forumlist-wb-timeline {
    display: block;
    height: 18px;
    line-height: 18px;
    font-weight: 300;
}

.forumlist-wb-timeline span {
    font-size: 1.2rem;
    color: #bbbbbb !important;
}

.fwforumlist-wb-body {
    padding-top: 2px;
    overflow: hidden;
}

.fwforumlist-wb-body-subject {
    max-height: 66px;
    line-height: 22px;
    font-size: 1.5rem;
    margin: 0 11px;
    overflow: hidden;
}

.fwforumlist-wb-body-subject a {
    display: inline;
}

.fwforumlist-wb-t-imglist {
    margin: 5px 12px;
    font-size: 0;
    overflow: hidden;
    position: relative;
}

.fwforumlist-wb-t-imglist img {
    max-width: 60%;
    max-height: 200px;
    font-size: 0;
    border-radius: 2px;
}

.fwforumlist-wb-t-imglist li {
    float: left;
    width: 32%;
    padding-bottom: 29%;
    margin-top: 1.1%;
    margin-right: 1.1%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-radius: 1.5px;
    background: #f8f8f8;
}

.fwforumlist-wb-t-imglist li img {
    width: 100%;
    max-width: 100%;
    border-radius: 1.5px;
    position: absolute;
    object-fit: cover;
    min-height: 100px;
    height: 100%;
}

.fwforumlist-wb-bottom {
    height: 14px;
    line-height: 14px;
    padding: 10px 0 12px;
    margin-top: 7px;
    border-top: 1px solid #efefef !important;
}

.fwforumlist-wb-bottom li {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    text-align: center;
    width: 33.3%;
    color: #999999;
}

.fwforumlist-wb-bottom li i {
    font-size: 1.4rem;
    padding-right: 3px;
}

/*==============================bbs-forumdisplay(sns)===============================*/

.fwforumlist-sns {}

.fwforumlist-sns-li {
    margin-top: 10px;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

.fwforumlist-sns-top {
    height: 46px;
    line-height: 46px;
    margin: 12px 12px 7px 66px;
    overflow: hidden;
}

.fwforumlist-sns-top-author {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #f8f8f8;
}

.fwforumlist-sns-top-authorimg {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.fwforumlist-sns-top h2 {
    display: block;
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
    font-weight: 300;
}

.fwforumlist-sns-top-user {
    float: left;
    font-size: 1.4rem;
}

.fwforumlist-sns-userlv {
    float: left;
    background: var(--bcolor);
    color: var(--bicolor);
    margin-top: 2px;
    margin-left: 4px;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    padding: 1px 2px;
    border-radius: 1.5px;
}

.forumlist-sns-timeline {
    display: block;
    height: 23px;
    line-height: 18px;
    font-weight: 300;
}

.forumlist-sns-timeline span {
    font-size: 1.2rem;
    color: #bbbbbb;
}

.fwforumlist-sns-body {
    margin-left: 54px;
    overflow: hidden;
}

.fwforumlist-sns-body-subject {
    max-height: 66px;
    line-height: 22px;
    font-size: 1.5rem;
    margin: 0 11px;
    overflow: hidden;
}

.fwforumlist-sns-t-imglist,
.fwforumlist-sns-t-imglist2 {
    margin: 5px 12px;
    font-size: 0;
    overflow: hidden;
    position: relative;
}

.fwforumlist-sns-t-imglist img {
    max-width: 60%;
    max-height: 200px;
    font-size: 0;
    border-radius: 2px;
}

.fwforumlist-sns-t-imglist li,
.fwforumlist-sns-t-imglist2 li {
    float: left;
    padding-bottom: 29%;
    margin-top: 1.1%;
    margin-right: 1.1%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-radius: 1.5px;
    background: #f8f8f8;
}

.fwforumlist-sns-t-imglist li {
    width: 32%;
}

.fwforumlist-sns-t-imglist2 li {
    width: 48%;
}

.fwforumlist-sns-t-imglist li img,
.fwforumlist-sns-t-imglist2 li img {
    width: 100%;
    max-width: 100%;
    border-radius: 1.5px;
    position: absolute;
    object-fit: cover;
    min-height: 100px;
    height: 100%;
}

.fwforumlist-sns-bottom {
    height: 20px;
    line-height: 20px;
    margin: 5px 13px 13px 58px;
}

.fwforumlist-sns-bottom li {
    float: right;
    font-size: 1.2rem;
    padding: 0;
    margin: 0;
    color: #bbbbbb;
}

.fwforumlist-sns-bottom li.fwforumlist-sns-view {
    float: left;
    padding-left: 0;
    margin-left: 0;
    font-size: 1.2rem;
}

.fwforumlist-sns-bottom li a {
    display: block;
    padding: 0 8px;
    border-radius: 15px;
    color: #999999;
    line-height: 18px;
    /*border: 1px solid #efefef;*/
}

.fwforumlist-sns-bottom li i {
    float: left;
    line-height: 20px;
    font-size: 1.6rem;
    padding-right: 3px;
}

/*==============================bbs-forumdisplay(pyq)===============================*/

.fwforumlist-pyq {
    width: 100%;
}

.fwforumlist-pyq .fwforumlist-pyq-li {
    width: 100%;
    padding: 12px 12px;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
}

.fwforumlist-pyq .fwforumlist-pyq-li .avatar {
    width: 46px;
    height: 46px;
    border-radius: 5px;
    margin-right: 10px;
    background: transparent;
}

.fwforumlist-pyq .fwforumlist-pyq-li .nickname {
    width: 100%;
    margin-bottom: 5px;
}

.fwforumlist-pyq .fwforumlist-pyq-li .nickname a {
    color: #0a8dd4;
    font-weight: bolder;
    font-size: 14px;
}

.fwforumlist-pyq .fwforumlist-pyq-li .message {
    font-size: 13px;
}

.fwforumlist-pyq .fwforumlist-pyq-li .operation {
    margin-top: 8px;
}

.fwforumlist-pyq .fwforumlist-pyq-li .operation .time {
    font-size: 13px;
    color: #e2e2e2;
}

.fwforumlist-pyq .fwforumlist-pyq-li .operation .moreoperation {
    float: right;
    color: #0a8dd4;
    padding: 0px 8px;
    background-color: #f9f9f9;
    border-radius: 5px;
    position: relative;
}

.fwforumlist-pyq .fwforumlist-pyq-li .operation .moreoperation .op_btn_container {
    position: absolute;
    right: 100%;
    height: 28px;
    width: 150px;
    top: -2px;
    box-sizing: border-box;
    margin-right: 5px;
    overflow: hidden;
}

.fwforumlist-pyq .fwforumlist-pyq-li .operation .moreoperation .op_btn_container .fw-layout-item {
    text-align: center;
}

.fwforumlist-pyq .fwforumlist-pyq-li .operation .moreoperation .op_btn_container .action {
    padding: 5px;
    position: relative;
    width: 100%;
    right: -100%;
    box-sizing: border-box;
    background-color: #636363;
    color: #fff;
    border-radius: 5px;
    transition: all 0.3s;
    /* Firefox 4 */
    -moz-transition: all 0.3s;
    /* Safari 和 Chrome */
    -webkit-transition: all 0.3s;
    /* Opera */
    -o-transition: all 0.3s;
}

.fwforumlist-pyq .fwforumlist-pyq-li .operation .moreoperation .op_btn_container .action.show {
    right: 0;
}

.fwforumlist-pyq .fwforumlist-pyq-li .operation .moreoperation .icon {
    color: #0a8dd4;
}

.sec_code {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    position: relative;
}

.sec_code .seccodeimg {
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 20;
    height: 28px;
    margin: 10px 0;
}

.border_bottom {
    border-bottom: 1px solid #efefef !important;
}

.fw-power {
    -webkit-appearance: none;
    width: 100%;
    min-height: 96px;
    line-height: 24px;
    border: none !important;
    font-size: 15px;
    vertical-align: middle;
    background-color: transparent;
}

.seccontainer .sec_code {
    border-top: none !important;
}

.seccontainer .sec_code .txt.px.vm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 10px 0;
    -webkit-appearance: none;
    width: 100% !important;
    height: 30px;
    line-height: 30px;
    border: none !important;
    font-size: 15px;
    vertical-align: middle;
    padding-right: 98px;
    box-sizing: border-box;
    background-color: transparent;
}

.area_bg_f8 {
    background: #f8f8f8 !important;
}

.fw_999,
.fw_999 a,
    {
    color: #999 !important;
}

.fwpyq-modal dd {
    border-radius: 0 0 2px 2px;
}

.fw_cl,
.fw_cl a {
    color: #53BCF5 !important;
}

.fw-modal-footer-color,
.fw-modal-footer-color a {
    color: #777 !important;
}



.fwpyq-modal {
    border-radius: 3px;
    font-size: 14px;
    width: 280px;
}

.fwpyq-modal dt {
    padding: 15px;
    text-align: center;
}

.fwpyq-modal dd {
    border-radius: 0 0 2px 2px;
}

.fwpyq-modal dd .footer_btn {
    width: 50%;
    float: left;
    text-align: center;
    border: none !important;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    border-radius: 0 0 2px 2px;
    cursor: pointer;
    border-right: 1px solid #efefef !important;
    box-sizing: border-box;
}

.fwpyq-modal dd .footer_btn span {
    display: block;
}

.fwpyq-modal dd .tip_all {
    width: 100%;
    float: none;
    display: block;
}

.fwpyq-modal dt p {
    padding: 20px 0;
    font-size: 15px;
    display: block;
    overflow: hidden;
}

.fwpyq-modal label {
    display: block;
    height: 30px;
    line-height: 30px;
}

.fwpyq-modal_form dt {
    padding: 5px 15px 15px;
    text-align: left;
    font-size: 14px;
}

.fwpyq-modal_form dt .fw-power {
    font-size: 14px;
}

.fwpyq-modal .fw-modal-title-pyq {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
    border-radius: 3px 3px 0 0;
}

.fwpyq-modal .fw_txt_left {
    text-align: left;
    padding: 0 14px;
}

.fwpyq-modal .modal-form li {
    padding: 8px 0;
}

.fwpyq-modal .modal-form li.nop {
    padding: 3px;
}


/*点赞人名显示和评论显示区域的容器*/

.fwforumlist-pyq .fwforumlist-pyq-li .fabulous_container {
    background-color: #f9f9f9;
    margin-top: 10px;
}

.fwforumlist-pyq .fwforumlist-pyq-li .fabulous_container .fabulous_nicknames {
    padding: 3px 5px;
}

.fwforumlist-pyq .fwforumlist-pyq-li .fabulous_container .fabulous_nicknames .icon {
    color: #0a8dd4;
}

.fwforumlist-pyq .fwforumlist-pyq-li .fabulous_container .fabulous_nicknames a {
    color: #0a8dd4;
    font-weight: bolder;
    font-size: 13px;
}

@keyframes evenflow_shake {
    0% {
        transform: scale(1);
        color: #c3ebff;
    }
    10% {
        color: #abe1fd;
        transform: scale(1.1);
    }
    20% {
        color: #92d2f5;
        transform: scale(1.2);
    }
    30% {
        color: #7dc8f0;
        transform: scale(1.3);
    }
    40% {
        color: #63b6e2;
        transform: scale(1.4);
    }
    50% {
        color: #3b9ed3;
        transform: scale(1.5);
    }
    60% {
        color: #3b9ed3;
        transform: scale(1.4);
    }
    70% {
        color: #63b6e2;
        transform: scale(1.3);
    }
    80% {
        color: #7dc8f0;
        transform: scale(1.2);
    }
    90% {
        color: #abe1fd;
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        color: #c3ebff;
    }
}

.actionlike {
    transform: scale(1);
}

.actionlike.do {
    animation-name: evenflow_shake;
    animation-duration: 500ms;
    transform-origin: 50% 50%;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease;
}

.fwforumlist-pyq .fwforumlist-pyq-li .fabulous_container .comment {
    border-top: 1px solid #efefef;
    font-size: 13px;
    padding: 3px 5px;
}

.fwforumlist-pyq .fwforumlist-pyq-li .fabulous_container .comment .item {
    font-size: 13px;
}

.fwforumlist-pyq .fwforumlist-pyq-li .fabulous_container .comment .item .nickname {
    color: #0a8dd4;
    font-weight: bolder;
    font-size: 13px;
}

.fwforumlist-pyq .fwforumlist-pyq-li .loadmoreandretract {}

.fwforumlist-pyq .fwforumlist-pyq-li .loadmore {
    color: #0a8dd4;
}

.fwforumlist-pyq .fwforumlist-pyq-li .retract {
    display: none;
    color: #0a8dd4;
}

/*==============================bbs-forumdisplay(news)===============================*/

.fwforumlist-news {}

.fwforumlist-news-li {
    background: #ffffff;
    margin-top: 0;
    display: block;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #efefef;
}

.fwforumlist-news-one {
    padding: 12px;
    overflow: hidden;
}

.fwforumlist-news-one-imgc {
    width: 100px;
    height: 75px;
    float: right;
    margin-left: 10px;
    font-size: 0;
    background: #f8f8f8;
}

.fwforumlist-news-one-imgc img {
    width: 100px;
    border-radius: 1.5px;
}

.fwforumlist-news-one-subject h2 {
    display: block;
    font-size: 1.6rem;
    font-weight: 300;
    overflow: hidden;
    height: 52px;
    line-height: 26px;
    margin-bottom: 6px;
}

.fwforumlist-news-one-bottom {
    display: block;
    height: 16px;
    line-height: 16px;
    color: #bbbbbb;
}

.fwforumlist-news-one-bottom span {
    margin-right: 10px;
}

.fwforumlist-news-more {
    padding: 10px 0;
}

.fwforumlist-news-more h2 {
    font-size: 1.6rem;
    max-height: 48px;
    line-height: 24px;
    margin: 0 12px;
    font-weight: 300;
    overflow: hidden;
}

.fwfl-xrt {
    position: relative;
}

.fwfl-xrt:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 25px;
    border-width: 1px;
    border-style: solid;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
}

/* .fwforumlist-news-one-subject h2 span,
.fwforumlist-news-more h2 span,
.fwforumlist-news-noimg-subject h2 span {
    float: left;
    color: #d00;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    font-size: 1.2rem;
    margin-top: 2px;
    margin-right: 4px;
    overflow: hidden;
    border-radius: 1.5px;
} */

.fwforumlist-news-more-imgs {
    margin: 6px 12px 8px;
    overflow: hidden;
}

.fwforumlist-news-more-imgs li {
    float: left;
    width: 32%;
    padding-bottom: 22%;
    margin-top: 1.25%;
    margin-right: 1.25%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-radius: 1.5px;
    background: #f8f8f8;
}

.fwforumlist-news-more-imgs li img {
    position: absolute;
    width: 100%;
    font-size: 0;
    border-radius: 1.5px;
}

.fwforumlist-news-more-bottom {
    display: block;
    height: 16px;
    line-height: 16px;
    margin: 0 12px;
    color: #bbbbbb;
}

.fwforumlist-news-noimg {
    padding: 11px 12px 12px;
    overflow: hidden;
}

.fwforumlist-news-noimg-subject h2 {
    display: block;
    line-height: 22px;
    font-size: 16px;
    font-weight: 300;
    overflow: hidden;
    margin-bottom: 8px;
}

.fwforumlist-news-noimg-subject i.fwfl-price,
.fwforumlist-news-more h2 i.fwfl-price,
.fwforumlist-news-one-subject i.fwfl-price {
    color: var(--bcolor);
    font-size: 2rem;
}

/*==============================bbs-forumdisplay(twdt)===============================*/

.fwforumlist-twdt {}

.fwforumlist-twdt-li {
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}

.fwforumlist-twdt-li:first-child {
    margin-top: 2px;
}

.fwforumlist-twdt-cover {
    overflow: hidden;
    margin: 0 auto;
}

.fwforumlist-twdt-cover-ul {
    overflow: hidden;
    position: relative;
    min-height: 100px;
    margin-bottom: 5px;
    border-radius: 0;
}

.fwforumlist-twdt-cover .fwforumlist-twdt-cover-ul li {
    float: left;
    width: 100%;
    padding-bottom: 50%;
    overflow: hidden;
    position: relative;
    background: #f8f8f8;
}

.fwforumlist-twdt-cover .fwforumlist-twdt-cover-ul li img {
    position: absolute;
    width: 100%;
    font-size: 0;
    border-radius: 0;
    vertical-align: middle;
}

.fwforumlist-twdt-li h2 {
    font-size: 1.6rem;
    line-height: 26px;
    margin: 0 11px 6px;
    font-weight: 300;
}

.fwforumlist-twdt-bottom {
    height: 28px;
    line-height: 28px;
    padding: 5px 12px 11px;
    overflow: hidden;
}

.fwforumlist-twdt-avatar {
    float: left;
    margin-top: 2px;
    margin-right: 6px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.fwforumlist-twdt-avatarimg {
    float: left;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.fwforumlist-twdt-bottom h2 {
    display: block;
    height: 28px;
    line-height: 28px;
    font-weight: 300;
}

.fwforumlist-twdt-bottom-views {
    color: #bbbbbb;
    font-size: 1.2rem;
}

.fwforumlist-twdt-bottom-views i {
    float: left;
    line-height: 28px;
    margin-left: 8px;
    margin-right: 2px;
    font-weight: 300;
}

.fwforumlist-twdt-bottom-views em {
    float: left;
    font-size: 1.2rem;
    font-weight: 300;
}

.fwforumlist-twdt-userinfos {
    float: left;
    overflow: hidden;
    font-size: 1.4rem;
}

.fwforumlist-twdt-user {
    float: left;
    font-size: 1.4rem;
}

/*==============================bbs-forumdisplay(waterfall)===============================*/

.fwforumlist-waterfall {
    padding: 0 7px;
}

.fwforumlist-waterfall li {
    /* float: left; */
    /* margin: 12px 5px 0; */
    /* width: 50%; */
    /* margin-top: 12px; */
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    /* padding:5px; */
    /* border: 1px solid #efefef; */
}

.fwforumlist-waterfall li a.fwforumlist-waterfall-img {
    display: block;
}

.fwforumlist-waterfall li a .fw_imgbg {
    min-height: 80px;
}

.fwforumlist-waterfall li a .fw_imgbg img {
    width: 100%;
    border-radius: 2px 2px 0 0;
    vertical-align: middle;
}

.fwforumlist-waterfall li h2 {
    padding: 6px 8px 3px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 300;
    width: 100%;
    box-sizing: border-box;
}

.fwforumlist-waterfall li h2 a {
    font-weight: normal;
}

.fwforumlist-waterfall li p {
    padding: 0 8px 9px;
    padding-bottom: 20px;
    line-height: 18px;
    font-size: 1.2rem;
    width: 100%;
    box-sizing: border-box;
}

.fwforumlist-waterfall li p span {
    color: #bbbbbb;
}

.fwforumlist-waterfall li p span i {
    margin-right: 2px;
    font-size: 1.4rem;
}

.fwforumlist-waterfall li p a {
    float: left;
    font-size: 1.2rem;
}

.fwforumlist-waterfall li p a img {
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    border-radius: 50%;
}

/*==============================bbs-forumdisplay(threadfilter)===============================*/

.fwforumlist-tfilter,
.fwforumlist-sortfilter {
    top: 35%;
    left: 0;
    position: fixed;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: translateY(-300%);
    -ms-transform: translateY(-300%);
    transform: translateY(-300%);
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
    width: 100%;
    z-index: 100;
}

.fwforumlist-sortfilter {
    top: 0 !important;
}

.sharebgs {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    display: none;
}

.sharebgs-active {
    opacity: 1;
    display: block;
}

.fwforumlist-tfilter {
    background: #fff;
}

.fwforumlist-tfilter .fwforumlist-tfilter-title {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #f4f4f4;
    margin: 5px 15px;
    text-align: center;
}

.fwforumlist-tfilter .fwforumlist-tfilter-title .fwforumlist-tfilter-close {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    margin: 0 auto;
    background: var(--footercolor);
    border-radius: 25px;
    position: absolute;
    top: -1.5rem;
    right: 0;
    border: 0.4rem solid #FFF;
    line-height: 40px;
}

.fwforumlist-tfilter .fwforumlist-tfilter-title .fwforumlist-tfilter-close i {
    font-size: 2.2rem;
    color: #fff;
}

.fwforumlist-tfilter .fwforumlist-tfilter-c {
    padding-bottom: 15px;
}

.fwforumlist-tfilter .fwforumlist-tfilter-c .fwforumlist-tfilter-ul {
    padding: 4px 15px;
}

.fwforumlist-tfilter .fwforumlist-tfilter-c a {
    float: left;
    display: block;
    padding: 0 8px;
    border-radius: 4px;
    font-size: 14px;
    margin: 6px 0;
    height: 32px;
    line-height: 32px;
    margin-right: 8px;
    color: #666;
    background: #f5f5f5;
}

.fwforumlist-tfilter .fwforumlist-tfilter-c .xw1 {
    color: var(--bicolor);
    background: var(--bcolor);
}

.fwforumlist-tfilter .fwforumlist-tfilter-c .xw1 {
    color: #fff;
    background: #ff6600;
}

/*==============================bbs-forumdisplay(sortfilter)===============================*/

.fwforumlist-sortfilterc {
    background-color: #fff;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-item {
    margin-bottom: 10px;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-item .tsm {
    width: 100%
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-item th {
    padding: 10px;
    background: #f4f4f4;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-item td {
    padding: 10px;
    border-bottom: 1px solid #f5f5f5;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-item td li {
    float: left;
    height: 28px;
    line-height: 30px;
    padding: 0 8px;
    text-align: center;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-item td li a {
    font-size: 14px;
    color: #333;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-item td li.a {
    border-radius: 2px;
    background: var(--bcolor);
    color: var(--bicolor)
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-item td li.a a {
    color: #fff;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-item .subtsm {
    margin-top: 10px;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #f4f4f4;
    border-radius: 2px;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-item .subtsm li {
    height: 24px;
    line-height: 25px;
    padding: 0 6px;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-item .subtsm li a {
    font-size: 13px;
    color: #666;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-frm {
    width: 100%;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-frm .sortfilterc-frm-item {
    height: 45px;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-frm .sortfilterc-frm-item i {
    float: left;
    width: 25%;
    line-height: 35px;
    font-size: 14px;
    color: #333;
    text-align: center;
    display: block;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-frm .sortfilterc-frm-item .sortfilterc-frm-item-ipt {
    line-height: 30px;
    border: 1px solid #E2E2E2;
    background: #F8F8F8;
    font-size: 14px;
    padding: 3px 5px;
    border-radius: 4px;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-frm .sortfilterc-frm-item .sortfilterc-frm-item-sel {
    padding: 3px 5px 3px 25px;
    background: #F8F8F8 url(../images/icon_common_downarrow.png) no-repeat;
    background-position: 10px 13px;
    background-size: 12px auto;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-frm .sortfilterc-frm-submitc {
    margin: 8px 0 15px 0;
    padding-left: 25%;
}

.fwforumlist-sortfilterc .fwforumlist-sortfilterc-frm .sortfilterc-frm-submitc .sortfilterc-frm-submitc-btn {
    width: 90%;
    height: 40px;
    line-height: 42px;
    border-radius: 2px;
    background: var(--acolor);
    font-size: 14px;
    color: var(--aicolor);
    border: 0;
    display: block;
    text-align: center;
}

/*==============================bbs-viewthread===============================*/

.fwthread-fwtip,
.fwthread-fwlocked {
    margin-top: 10px;
    padding: 10px;
    background-color: #e5ffce;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 100%);
    background-position: 50% 50%;
    border: 1px solid #d2d2d2;
    text-align: center;
    position: relative;
    line-height: 1.4rem;
    font-size: 1.4rem;
}

.fwthread-fwtip a,
.fwthread-fwlocked a {
    color: #888;
    padding: 0 5px;
}

.fwthread-specialtip {
    display: inline-block;
    padding: 0 3px;
    border-radius: 2px;
    height: 15px;
    margin-right: 5px;
    line-height: 16px;
    border: 1px solid var(--bcolor);
    font-size: 1.2rem;
    color: var(--bcolor);
    font-family: Helvetica;
}

.fwthread-container {
    /* background: #fff; */
}

.fwthread-container h2 {
    clear: both;
    font-size: 1.8rem;
    line-height: 1.5em;
    font-weight: bold;
    padding: 10px;
}

.fwthread-container h2.fwthread-titlebar {
    border-bottom: 1px solid #f1f1f1;
    padding-top: 15px;
    font-size: 2.0rem;
    font-weight: normal;
}

.fwthread-container .fwthread-topinfo {
    overflow: hidden;
    padding: 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}

.fwthread-container .fwthread-topinfo em {
    font-size: 1.4rem;
    line-height: 25px;
    color: #999;
}

.fwthread-titlebar .fwthread-titleedit {
    margin-left: 10px;
    font-size: 1.2rem;
    color: var(--bcolor);
}

.plc {
    border-bottom: 1px solid #ededed;
    padding: 10px;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.plc .avatar {
    position: absolute;
    left: 10px;
    top: 9px;
    display: inline;
    z-index: 90;
}

.plc .avatar img {
    border: 1px solid #efefef;
    padding: 1px;
    border-radius: 32px;
}

.plc .pi {
    padding: 10px 0;
    position: relative;
    display: block;
}

.plc .pi {
    padding: 0px 0px 10px;
}

.plc .pi .authi {
    position: relative;
    padding: 0 10px 10px 50px !important;
    height: auto;
}

.plc .pi .authi li {
    color: #999;
    line-height: 20px;
}

.plc .pi .authi li em {
    font-style: normal;
    color: #999;
    font-size: 1.2rem;
    margin-left: 5px;
}

.plc .pi .authi li em i {
    font-size: 1.2rem;
    margin-right: 2px;
}

.plc .pi .authi a {
    font-size: 1.5rem;
}

.plc .pi .authi a span {
    background-color: var(--bcolor);
    padding: 0 3px;
    font-size: 1.2rem;
    border-radius: 2px;
    height: 15px;
    line-height: 16px;
    color: var(--bicolor);
    font-family: Helvetica;
    display: inline-block;
    margin-left: 5px;
}

.plc .pi .message {
    font-size: 1.6rem;
    line-height: 150%;
    color: #666;
    min-height: 30px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.plc .pi .message>div {
    margin-bottom: 0;
}

.plc .pi .message table {
    width: 100%;
    border: 1px solid #d7d7d7;
    border-collapse: collapse;
    empty-cells: show;
}

.plc .pi .message table td,
.plc .pi .message table th {
    border: 1px solid #ddd;
    padding: 5px;
}

/*.plc .pi .message font {
				color: #333;
			}*/

.plc .pi .message .fwthread-paytip {
    width: 95%;
    margin: 5px auto;
    font-size: 1.2rem;
    color: #999;
    border: 1px dashed var(--bcolor);
    padding: 5px;
    text-align: center;
    line-height: 20px;
}

.plc .pi .message a {
    color: var(--acolor);
}

.plc .pi .message .fwthread-paytip a {
    color: var(--bcolor);
}

.plc .pi .message .quote {
    padding: 10px 10px 7px 11px;
    margin: 5px 0;
    border: 1px dashed #d7d7d7;
    font-size: 1.2rem;
    background: #f5f5f5;
    border-radius: 5px;
    line-height: 150%;
    color: #666;
}

.plc .pi .message .jammer {
    font-size: 1rem;
    color: #F0F0F0;
}

.plc .pi .message img,
.plc .pi .img_one img {
    margin: 2px 0;
    max-width: 100%;
}

.plc .pi .message img[smilieid] {
    max-height: 26px;
    margin: 0 1px;
    vertical-align: top;
    width: auto !important;
}

#pid1 .pi .message img {
    width: 100%;
}

.plc .pi .quote a {
    color: var(--acolor);
    margin: 0 5px;
}

.plc .pi .img_list {}

.plc .pi .img_list li {
    margin-bottom: 2px;
}

.plc .pi .img_list li a {}

.plc .pi .img_list li a img {
    width: 100%;
}

.threadcomment {
    padding: 15px 0px 10px;
}

.threadcomment li {
    position: relative;
    padding-left: 42px;
    margin-bottom: 6px;
}

.threadcomment .avatar img {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    border-radius: 4px;
}

.psti {
    display: block;
    border: 1px solid #ededed;
    background: #fbfbfb;
    position: relative;
    border-radius: 5px;
    padding: 7px 10px;
}

.psti p {
    font-size: 1.5rem;
    /* font-weight: bold; */
    margin-bottom: 5px;
}

.psti span {
    font-size: 1.2rem;
    color: #999;
}

.fwthread-tab-c {
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    height: 40px;
}

.fwthread-tab-c ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fwthread-tab-c ul li {
    float: left;
    color: #666;
    height: 40px;
    line-height: 40px;
    font-size: 1.4rem;
    padding: 0 10px;
    position: relative;
    text-align: center;
}

.fwthread-tab-c ul li span {
    display: none;
}

.fwthread-tab-c ul li.active span {
    height: 3px;
    display: block;
    width: 30px;
    background-color: var(--acolor);
    position: absolute;
    bottom: 0;
    left: calc(50% - 15px);
}

.fwthread-zan-c-item {
    height: 40px !important;
    line-height: 40px !important;
    margin-left: 45px !important;
    padding: 0 !important;
}

.fwthread-message-footer {
    /* padding: 10px 0; */
    /* border-top: 1px solid #f2f2f2; */
}

.fwthread-message-footer>a {
    float: right;
    /* width: 28px; */
    height: 24px;
    line-height: 24px;
    display: inline-block;
    border-radius: 4px;
    margin-left: 10px;
    overflow: hidden;
    color: #D7D7D7 !important;
}

.fwthread-message-footer>a:last-child {
    margin: 0;
}

.fwthread-message-footer>a>i {
    font-size: 1.8rem;
    color: #999;
}

.fwthread-message-zan {
    position: relative;
    margin-top: 10px;
    overflow: hidden;
    border-top: 1px solid #efefef;
}

.fwthread-message-zan h2 {
    height: 30px;
    line-height: 30px;
    padding: 12px 0 6px;
    font-size: 1.4rem;
    font-weight: 300;
    overflow: hidden;
}

.fwthread-message-zan h2 a {
    float: left;
    height: 30px;
    padding: 0 8px;
    border-radius: 2px;
    background: var(--bcolor);
    color: var(--bicolor);
    font-size: 1.4rem;
}

.fwthread-message-zan ul.fwthread_zan_list_on {
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

.fwthread-message-zan li {
    float: left;
    height: 30px;
    margin-right: 8px;
    overflow: hidden;
}

.fwthread-message-zan li a span {
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 0 5px;
    min-width: 40px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
}

.fwthread-message-zan li a.zan-avatars {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.fwthread-message-zan li img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.fwthread-message-rate {
    margin: 0 0 15px 0;
    padding: 10px 0 5px 0;
    /* border-top: 1px solid #efefef; */
    text-align: center;
    overflow: hidden;
    position: relative;
}

.fwthread-message-rate p {
    height: 20px;
    line-height: 20px;
}

.fwthread-message-rate p.rate_tit {
    font-size: 1.5rem;
}

.fwthread-message-rate h2 {
    height: 52px;
    margin: 10px 0 16px;
    font-size: 2.4rem;
    font-weight: 300;
    overflow: hidden;
}

.fwthread-message-rate h2 a {
    display: inline-block;
    width: 52px;
    height: 52px;
    line-height: 54px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    background: var(--bcolor) !important;
    color: var(--bicolor) !important;
}

.fwthread-message-rate p {
    height: 20px;
    line-height: 20px;
}

.fwthread-message-rate p.rate_tip {
    font-size: 1.3rem;
}

.fwthread-message-rate ul {
    margin: 10px 30px 0;
    text-align: center;
    overflow: hidden;
}

.fwthread-message-rate ul li {
    display: inline-block;
    height: 32px;
    margin: 0 2px;
    overflow: hidden;
}

.fwthread-message-rate ul li img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
}

.fwthread-order,
.fwthread-showtype {
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
}

.fwthread-order i,
.fwthread-showtype i {
    margin-right: 5px;
}

.fwthread-order a,
.fwthread-showtype a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #999;
}

.fwthread-tmmodal,
.fwthread-pmmodal {
    bottom: 0;
    left: 0;
    position: fixed;
    background: #f3f3f3;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
    width: 100%;
    z-index: 100;
}

.fwthread-tmmodal-active,
.fwthread-pmmodal-active {
    transform: translateY(0px);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.fwthread-tmmodal-out,
.fwthread-pmmodal-out {
    z-index: 1109;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.fwthread-tmmodal>ul,
.fwthread-pmmodal>ul {
    margin-bottom: 20px;
}

.fwthread-tmmodal>ul>li,
.fwthread-pmmodal>ul>li {
    float: left;
    width: 33%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #fff;
    font-size: 1.6rem;
    border-right: 1px solid #f3f3f3;
}

.fwthread-tmmodal>ul>li:nth-child(3n),
.fwthread-pmmodal>ul>li:nth-child(3n) {
    border-right: 0;
}

.fwthread-tmmodal>ul>li:nth-child(n+4),
.fwthread-pmmodal>ul>li:nth-child(n+4) {
    border-top: 1px solid #f3f3f3;
}

.fwthread-tmmodal>ul>li>a,
.fwthread-pmmodal>ul>li>a {
    display: block;
}

.fwthread-pmmodal-cancle {
    width: 100%;
    height: 45px;
    background: #fff;
    border: 0;
    color: var(--acolor);
    font-size: 1.6rem;
}

.fwthread-pmmodal-inpop {
    width: 100%;
}

.fwthread-pmmodal-inpop>li {
    display: inline-block;
    padding: 0 15px;
    border: 1px solid #ccc;
    height: 35px;
    line-height: 35px;
    color: #222;
    text-align: center;
}

.fwmaskbg {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 95;
    display: none;
}

.fwmaskbg-active {
    opacity: 1;
    display: block;
}

.fwmaskbg-loading {
    position: fixed;
    top: 49%;
    left: 35%;
}

.fwmaskbg-loading img {
    border: 0;
}

.rate {
    padding: 10px 20px 12px;
    text-align: left;
}

.rate table {
    width: 100%;
    margin-bottom: 5px;
}

.rate table th,
.rate table td {
    padding: 6px 0;
}

.rate .rate_tt th,
.rate .rate_tt td {
    font-weight: 600 !important;
    border-bottom: 1px solid #ededed;
}

.rate table td {
    padding-left: 10px;
}

.rate .rate_select {
    width: 70px;
    height: 30px;
    border: 1px solid #ededed;
    border-radius: 4px;
    position: relative;
}

.rate .rate_select input {
    width: 70px;
    height: 30px;
    padding: 5px 10px;
    border: none;
    background: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
}

.rate .rate_select a {
    display: block;
    width: 70px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.rate .rate_select a:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    top: 50%;
    right: 8px;
    margin-top: -4px;
    border: 8px solid #ccc;
    border-width: 8px 6px 8px;
    border-color: #ccc transparent transparent transparent;
    z-index: 2;
    pointer-events: none;
}

.rate .rate_select ul {
    width: 50px;
    position: absolute;
    padding: 0px 10px 5px;
    overflow: auto;
    max-height: 140px;
    background: #fff;
    border: 1px solid #ededed;
    z-index: 99;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.rate .rate_select ul li {
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rate .explain_select,
.rate .rate_select a,
.rate .rate_select input,
.rate .rate_select ul,
.rate .rate_select ul li {
    width: 100%;
}

.ratelog {
    height: 36px;
    padding: 25px 0px 15px;
    overflow-y: hidden;
    overflow-x: auto;
}

.ratelog .ratelog_c {
    height: 36px;
    display: inline;
    white-space: nowrap;
}

.ratelog a {
    width: 36px;
    height: 36px;
    margin-right: 6px;
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
}

.ratelog a img {
    width: 36px;
    height: 36px;
    border-radius: 20px;
    vertical-align: middle;
}

.rate_view_more {
    background: #ddd;
    position: relative;
    text-indent: -999px;
}

.rate_view_more:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-bottom: -1px;
    margin-left: -7px;
}

.rate_view_more:after {
    content: '';
    display: inline-block;
    width: 2px;
    height: 14px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-bottom: -7px;
    margin-left: -1px;
}

.rate_re {
    padding: 1px 20px 10px;
    max-height: 260px;
    overflow: auto;
    text-align: left;
}

.rate_re_tt {
    margin: 0px 20px;
    padding: 15px 0px 6px;
    line-height: 30px;
    font-size: 1.6rem;
    font-weight: 100;
    border-bottom: 1px solid #ededed;
    text-align: left;
}

.rate_re_tt em {
    float: right;
    font-size: 1.4rem;
}

.rate_view {
    max-height: 260px;
    overflow: auto;
    padding: 1px 20px;
    text-align: left;
}

.rate_view table {
    width: 100%;
}

.rate_view th,
.rate_view td {
    padding: 6px 0px 6px 10px;
    border-bottom: 1px solid #ededed;
    font-size: 1.4rem;
}

.rate_view th:first-child,
.rate_view td:first-child {
    padding-left: 0px;
}

.rate_view_buttom {
    padding: 20px;
    text-align: left;
    font-weight: 600;
}

.fwthread-container .display a.orange {
    display: block;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.fwthread-container .display a.orange img {
    margin: 0 auto;
}

.fastpost {
    margin-left: 45px;
}

.fastpost .input {
    width: 100%;
    height: 29px;
    text-indent: 7px;
    margin-top: 0px;
    border: 1px solid #F5F5F5;
    border-radius: 5px;
}

.postalbum {
    background-color: #000;
    display: none;
    height: 100%;
    overflow: hidden;
    padding: 0 0 1px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 80;
}

.postalbum_h {
    width: 100%;
    height: 40px;
    position: fixed;
    top: 0;
    z-index: 99;
    background-color: #000;
}

.postalbum_h h2 {
    width: 56%;
    float: left;
    text-align: center;
    font-size: 1.4rem;
    color: #FFF;
    line-height: 40px;
    font-weight: 100;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.postalbum_h_l {
    width: 22%;
    float: left;
    line-height: 40px;
}

.postalbum_h_l a {
    color: #FFF;
    line-height: 40px;
    font-size: 1.6rem;
    margin-left: 10px;
    float: left;
}

.postalbum_h_r {
    width: 22%;
    float: right;
    line-height: 40px;
}

.postalbum_h_r a {
    color: #FFF;
    line-height: 40px;
    margin-right: 10px;
    float: right;
    font-size: 1.6rem;
}

.postalbum_h_l em,
.postalbum_h_r em {
    font-size: 1.2rem;
}

.postalbum_c {
    height: 100%;
    position: relative;
    z-index: -1;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
    -webkit-transition: all 350ms linear;
    -moz-transition: all 350ms linear;
    -o-transition: all 350ms linear;
    transition: all 350ms linear;
}

.postalbum_u {
    border-radius: 3px 3px 3px 3px;
    text-align: center;
}

.postalbum_i {
    margin-bottom: -3px;
    max-width: 100%;
    vertical-align: middle;
    visibility: hidden;
}

#postsubmit {
    width: 44px;
    height: 31px;
    line-height: 31px;
    font-size: 1.4rem;
}

.post_imglist {
    padding: 15px 0 0 15px;
}

.post_imglist li {
    position: relative;
    float: left;
    padding: 0 10px 0 0;
}

.post_imglist li .del {
    position: absolute;
    left: -5px;
    top: -10px;
}

.post_imglist li .p_img img {
    padding: 2px;
    border: 1px solid #DDD;
}

.postlist .sec_code,
.fwpost-c .sec_code,
#fastpostsubmitline .sec_code {
    padding: 10px 0;
    color: #999;
}

.loginbox .sec_code {
    padding: 10px;
    color: #999;
}

.sec_code .px {
    color: #999;
}

.fwpost-c {
    padding: 15px 10px 25px;
}

.fwpost-c .sec_code .px {
    margin-left: 10px;
}

.fwpost-c ul>li {
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #999;
}

.fwpost-c ul>li.fwpost-ops {
    height: 30px;
    line-height: 30px;
}

.fwpost-c ul>li.fwpost-ops a {
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 5px;
    color: var(--acolor);
}

.fwpost-c ul>li.fwpost-ops a.fwpost-upload-c {
    position: relative;
}

.fwpost-c ul>li.fwpost-ops a.fwpost-upload-c input[type="file"] {
    width: 30px;
    height: 30px;
    display: block;
    border: 0;
    overflow: hidden;
    background: none;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.fwpost-c ul>li.fwpost-ops a.iconfont {
    font-size: 2.2rem;
}

.fwpost-c ul>li .p_img p {
    position: absolute;
    display: block;
    left: 3px;
    bottom: 13px;
    background: rgba(0, 0, 0, .3);
    width: 54px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    z-index: 1;
    overflow: hidden;
}

.fwpost-c input {
    width: 100%;
    height: 38px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    line-height: 28px;
    border-radius: 4px;
    font-size: 1.5rem;
}

.fwpost-c .checkbox,
.fwpost-c input[type=checkbox],
.fwpost-c input[type=radio] {
    width: 16px;
    height: 16px;
    background: #fff;
}

.fwpost-c textarea {
    width: 100%;
    max-height: 360px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    line-height: 26px;
    border-radius: 4px;
    font-size: 1.5rem;
    vertical-align: top;
}

.fwpost-submit {}

.fwpost-activity-c {
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 15px;
}

.fwpost-activity-c input[type="text"] {
    border: 0;
    outline: 0;
    line-height: 20px;
    height: 20px;
    border-radius: 0;
    background-color: #fff;
    padding: 0;
    width: 70%;
}

.fwpost-activity-c .checkbox {
    width: 12px;
    height: 12px;
    background: #fff;
    vertical-align: middle;
}

.fwpost-activity-c .fwpost-activity-sel {
    width: 100%;
    background: #fff url(../images/fw_activity_a.png) no-repeat;
    background-position: right;
    background-size: 15px auto;
    border: 0;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    outline: none;
    -webkit-appearance: none;
}

.fwpost-activity-c table tr {
    border-bottom: 1px solid #efefef !important;
}

.fwpost-activity-c .fwpost-activity-iteml,
.fwpost-activity-c .fwpost-activity-itemr {
    padding: 10px;
}

.fwpost-activity-c .fwpost-activity-iteml {
    width: 30% !important;
}

.fwpost-activity-c .fwpost-activity-itemr {
    width: 70% !important;
}

.fwpost-activity-c .fwpost-activity-itempn {
    width: 45% !important;
}

.fwpost-activity-c .fwpost-activity-itempns {
    width: 40% !important;
}

.fwpost-activity-c .fwpost_activity-itemtimes {
    width: 45% !important;
}

.fwpost-activity-c li {
    margin: 0;
    padding: 0;
}

.fwpost-activity-upimg img {
    max-width: 95%;
    margin-bottom: 10px;
}

.fwpost-reward-tips {
    margin-top: 10px;
    padding: 10px;
    background-color: #e5ffce;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 100%);
    background-position: 50% 50%;
    border: 1px solid #d2d2d2;
    font-size: 1.4rem;
}

.fwpost-c .fwpost-c-sortc {
    margin-bottom: 15px;
    background: #fff;
}

.fwpost-c .fwpost-c-sortc .fwpost-sortc-item {
    padding: 10px 12px;
    font-size: 1.5rem;
    background: #fff;
    border-bottom: 1px solid #efefef !important;
}

.fwpost-c .fwpost-c-sortc .fwpost-sortc-item .sortc-item-lbl {
    width: 35%;
    color: #666;
    height: 35px;
    line-height: 35px;
}

.fwpost-c .fwpost-c-sortc .fwpost-sortc-item .sortc-item-lbl i {
    padding-right: 3px;
    color: var(--bcolor);
}

.fwpost-c .fwpost-c-sortc .fwpost-sortc-item .sortc-item-ipt {
    width: 65%;
    line-height: 35px;
}

.fwpost-c .fwpost-c-sortc .fwpost-sortc-item .sortc-item-ipt .sortc-item-pic {
    margin-top: 5px;
}

.fwpost-c .fwpost-c-sortc .fwpost-sortc-item .sortc-item-ipt .sortc-item-pic img {
    width: 70%;
    vertical-align: top;
}

.fwpost-c .fwpost-c-sortc .fwpost-sortc-item .sortc-item-ipt span {
    font-size: 1.2rem;
    color: var(--bcolor);
}

.fwpost-c .fwpost-c-sortc .fwpost-sortc-item .sortc-item-ipt .pn {
    -webkit-appearance: none;
    display: block;
    background: var(--bcolor);
    color: var(--bicolor);
    width: 80px;
    height: 25px;
    line-height: 27px;
    font-size: 14px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 2px;
}

_::-webkit-full-page-media,
_:future,
:root .fwpost-c .fwpost-c-sortc .fwpost-sortc-item .sortc-item-ipt .pn {
    line-height: 25px;
}

.fwpost-c .fwpost-c-sortc .fwpost-sortc-item .sortc-item-ipt .px {
    width: 70%;
    height: 35px;
    padding: 0;
    background: #fff;
    border: 0;
    font-size: 1.5rem;
    border-radius: 0;
    color: #000;
    outline: none;
    -webkit-appearance: none;
}

.fwpost-c .fwpost-c-sortc .fwpost-sortc-item .sortc-item-ipt .ps {
    width: 100%;
    background: #fff url(../images/icon_common_downarrow.png) no-repeat;
    background-position: right;
    background-size: 15px auto;
    border: 0;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    outline: none;
    -webkit-appearance: none;
}

.fwpost-c .fwpost-c-sortc .fwpost-sortc-item .sortc-item-ipt .pt {
    width: 100%;
    min-height: 50px;
    border: 0;
    background: #fff;
    font-size: 15px;
    border-radius: 0;
    color: #000;
    outline: none;
    -webkit-appearance: none;
}

#fwforum_smilies_c {
    /* height: 34px; */
    height: auto;
    margin-bottom: 0px;
    padding: 0px 0px 5px;
    overflow-y: hidden;
    overflow-x: auto;
}

#fastsmilies {
    padding: 0 10px;
    background: #fff;
    text-align: center;
}

#fastsmilies ul {
    padding: 0;
    margin: 0;
}

#fastsmilies ul li {
    float: left;
    width: 12.5%;
    margin-bottom: 10px;
    cursor: pointer;
}

#fastsmilies ul li img {
    width: 65%;
}

.fwsmile-smiletab {
    background: #f5f5f5;
}

.fwsmile-smiletab ul>li {
    float: left;
    padding: 0;
    border: none;
}

.fwsmile-smiletab ul>li>a {
    padding: 10px 15px;
    display: block;
    border-right: 1px solid #f2f2f2;
}

.fwsmile-smiletab ul>li>a.a {
    background: #fff;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-left: -1px;
}

.fwsmile-smiletab>ul>li>a>img {
    width: 24px;
    height: 24px;
}

.fwsmile-smilewiper {
    margin: 6px;
    overflow: hidden;
}

.fwsmile-swiper-wrapper,
.fwsmile-swiper-wrapper .swiper-slide,
.fwsmile-swiper-wrapper .swiper-slide {
    height: auto;
}

.fwsmile-swiper-wrapper ul>li {
    padding: 0;
    border: none;
    width: 12.5%;
    float: left;
}

.fwsmile-swiper-wrapper ul>li>a {
    padding: 6px;
    display: block;
}

.fwsmile-swiper-wrapper ul>li>a>img {
    width: 100%;
}

.fwsmile-swiper-bullets {
    text-align: center;
    margin: 5px 0;
}

.fwsmile-swiper-bullets .swiper-pagination-bullet {
    margin: 0 2px !important;
}

.fwsmile-swiper-bullets .swiper-pagination-bullet-active {
    background: #ff6600;
}

.fwpost-appendvideolink {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 999999;
}

.fwpost-appendvideolink-c {
    position: absolute;
    width: 100%;
    background: #FFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    bottom: 0;
}

.fwpost-appendvideolink .appendvideolink-c textarea {
    height: 90px;
    line-height: 25px;
    border: none;
    border-bottom: 1px solid #eee;
    width: 96%;
    padding: 2%;
}

.appendvideolink-tip {
    background: #fffdef;
    padding: 10px;
    font-size: 13px;
    color: #888;
    border-bottom: 1px solid #eee;
}

.fwpost-appendvideolink .appendvideolink-submit-c {
    padding: 10px;
    font-size: 14px;
}

.fwpost-appendvideolink .appendvideolink-submit-c a#fwpost_videolink_submit {
    float: left;
    display: block;
    margin-top: 5px;
    background: var(--acolor);
    color: var(--aicolor);
    padding: 7px 0;
    width: 49%;
    text-align: center;
    border-radius: 2px;
}

.fwpost-appendvideolink .appendvideolink-submit-c a#fwpost_videolink_cancle {
    float: right;
    display: block;
    margin-top: 5px;
    padding: 7px 0;
    width: 49%;
    text-align: center;
    border-radius: 2px;
}

.fwpost-tags-c {
    width: 100%;
    background-color: #ffffff;
    padding: 0;
    font-size: 1.4rem;
}
.fwpost-tags-c input[type=text] {
    font-size: 1.4rem;
}
.fwpost-tags-item {
    width: 100%;
    padding: 6px 0;
    border-bottom: 1px solid #ededed;
}
.fwpost-tags-item .tags-item-between {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.fwpost-tags-item .ipt-tags {
    flex: 1;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
}
.fwpost-tags-item .btn-gettags {
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 12px;
    text-align: center;
    background-color: var(--acolor);
    color: var(--aicolor);
    border: 0;
}
.fwpost-tags-item .tagtip {
    color: var(--bcolor);
    font-size: 1.2rem;
}
.fwpost-tags-item input[type=checkbox] {
    width: 16px;
    height: 16px;
    background: #fff;
    vertical-align: middle;
    border-radius: 4px;
    font-size: 1.4rem;
    line-height: 16px;
}
.fwpost-rushreply-timec {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 30px;
}
.fwpost-rushreply-timec span, .fwpost-rushreply-timec input[type=text] {
    height: 30px;
    line-height: 30px;
}
.fwpost-rushreply-timec span {
    flex: 2;
}
.fwpost-rushreply-timec input[type=text] {
    flex: 3;
}
.fwpost-rushreply-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 30px;
}
.fwpost-rushreply-item span, .fwpost-rushreply-item input[type=text] {
    height: 30px;
    line-height: 30px;
}
.fwpost-rushreply-item select {
    width: 100%;
    background: #fff url(../images/fw_activity_a.png) no-repeat;
    background-position: right;
    background-size: 15px auto;
    border: 0;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    outline: none;
    -webkit-appearance: none;
}
.fwpost-rushreply-subitem-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn-advance-ok {
    display: block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    border-radius: 12px;
    text-align: center;
    background-color: var(--acolor);
    color: var(--aicolor) !important;
    border: 0;
}

.fwpost-grayplaceholder {
    height: 30px;
    line-height: 30px;
    text-align: left;
    background-color: #f6f6f6;
}
.btn-advance-ok.fwpost-attch-upbtn {
    width: 85px;
    display: block;
    color: var(--aicolor) !important;
    font-size: 1.2rem;
}
.btn-advance-ok.fwpost-attch-upbtn input {
    position: absolute;
    top: 10px;
    left: 0;
    height: 40px;
    width: 100px;
    z-index: 10;
    opacity: 0;
}
.fwpost-attch-subitem-file {
    flex:1;
    position:relative;
    text-align:left;
    font-size: 1.2rem;
}
.fwpost-attch-subitem-ops {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.btn-advance-ok.btn-attch-insert {
    width: 60px;
    display: block;
    color: var(--aicolor) !important;
    font-size: 1.2rem;
}
.btn-attch-delete {
    display: block;
    height: 30px;
    line-height: 30px;
    background-color: #efefef;
    color: #666666;
    padding: 0 10px;
    border-radius: 99px;
    text-align: center;
}

.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    overflow-y: scroll;
    padding-bottom: 50px;
}

.fwpay {
    width: 300px;
    background: #fff;
    border-radius: 10px;
}

.fwpay h3,
.payview h3 {
    margin: 0px 20px;
    padding: 15px 0px 6px;
    line-height: 30px;
    font-size: 1.8rem;
    font-weight: 100;
    border-bottom: 1px solid #ededed;
}

.fwpay h3 em {
    font-size: 14px;
    float: right;
}

.fwpay .fwpay-list {
    padding: 1px 20px 20px;
}

.fwpay .fwpay-list table,
.fwpay-view .fwpay-list table {
    width: 100%;
    margin-bottom: 15px;
}

.fwpay .fwpay-list table td {
    width: 50%;
    padding: 5px 0px;
    border-bottom: 1px solid #ededed;
}

/* 内容版块信息 */

.fwthread-curforum {
    margin-bottom: 15px;
    background: #fff;
    height: 48px;
    padding: 12px;
    overflow: hidden;
    position: relative;
}

.fwthread-curforum .fwthread-curforum-info {
    width: 48px;
    height: 48px;
    text-align: center;
    margin-right: 8px;
    border-radius: 3px;
    overflow: hidden;
}

.fwthread-curforum .fwthread-curforum-info img {
    width: 48px;
    height: 48px;
    vertical-align: top;
    border-radius: 3px;
}

.fwthread-curforum .fwthread-curforum-name {
    height: 24px;
    line-height: 24px;
    font-size: 1.6rem;
    margin-bottom: 2px;
    display: block;
    overflow: hidden;
}

.fwthread-curforum .fwthread-curforum-care {
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 1.2rem;
    padding: 0 6px;
    margin-top: 1px;
    margin-left: 8px;
    border-radius: 2px;
}

.fwthread-curforum .fwthread-curforum-carea {
    background: #c4c4c4;
}

.fwthread-curforum .fwthread-curforum-careb {
    background: var(--bcolor);
}

.fwthread-curforum .fwthread-curforum-care a {
    color: var(--bicolor) !important;
}

.fwthread-curforum .fwthread-curforum-num {
    color: #999;
}

.fwthread-curforum em a.fwthread-curforum-arrow {
    position: absolute;
    right: 10px;
    top: 0;
    width: 50px;
    height: 72px;
    line-height: 72px;
    display: block;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.fwthread-curforum-arrow i {
    font-size: 3rem;
    color: #999;
}

/* 相关主题 */

.fwthread-relation {
    margin-bottom: 15px;
    background: #fff;
}

.fwthread-relation .fwthread-relation-title {
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
    height: 50px;
    line-height: 52px;
    padding-left: 35px;
    background: url(../images/fw_threadrelation_title.png) no-repeat;
    background-position: 5px 12px;
    background-size: 30px auto;
    font-size: 16px;
    color: #333;
}

.fwthread-relation li {
    font-size: 1.4rem;
    overflow: hidden;
    padding: 0 10px 0 30px;
    border-bottom: 1px solid #F5F5F5;
}

.fwthread-relation li a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    overflow: hidden;
}

/* fwthread menu */

.fw-top-right-menu-bg {
    position: fixed;
    z-index: 101;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition-duration: 0.4s;
    visibility: hidden;
}

.fw-top-right-menu-bg.modal-in {
    display: block;
    opacity: 1;
    visibility: visible;
}

.fw-top-right-menu-bg .fw-top-right-menu {
    position: absolute;
    top: 30px;
    right: 10px;
    padding: 2px 12px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    text-align: left;
    transition-duration: 0.4s;
}

.fw-top-right-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -6px;
    z-index: 999;
    right: 5px;
}

.fw-top-right-menu-bg.modal-in .fw-top-right-menu {
    top: 55px;
}

.fw-top-right-menu-bg .fw-top-right-menu .ftrm-item {
    display: block;
    font-size: 1.5rem;
    height: 38px;
    line-height: 38px;
    color: #777;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.fw-top-right-menu-bg .fw-top-right-menu .ftrm-item i.iconfont {
    position: relative;
    top: 1px;
    font-size: 2rem;
    margin-right: 3px;
}

.fw-top-right-menu-bg .fw-top-right-menu .ftrm-item.last {
    border: none;
}

/*===========================viewthread(poll)============================*/

.fwvt-poll-c {
    margin-top: 15px;
    margin-bottom: 0 !important;
    padding-top: 15px;
    border-top: 1px solid #ECECEC;
}

.fwvt-poll-info {
    margin-bottom: 15px;
}

.fwvt-poll-info-a {
    background: url(../images/fw_poll_a.png) no-repeat;
    background-position: 0;
    background-size: 20px auto;
    padding-left: 23px;
    font-size: 1.6rem;
    color: var(--acolor);
}

.fwvt-poll-info-b {
    margin-top: 3px;
    font-size: 12px;
    color: #999;
}

.fwvt-poll-info-b i {
    margin-right: 10px;
}

.fwvt-poll-ops {
    margin: 0 -10px;
}

.fwvt-poll-ops-item {
    float: left;
    width: 40.5%;
    border: 1px solid #ECECEC;
    margin-left: 3%;
    margin-bottom: 3%;
    padding: 2%;
    border-radius: 3px;
}

.fwvt-poll-ops-img img {
    width: 100%;
}

.fwvt-poll-ops-title {
    margin-bottom: 7px;
    font-size: 14px;
    color: #555;
}

.fwvt-poll-ops-p {
    position: relative;
    height: 20px;
    background: #d3d3d3;
    border-radius: 0 10px 10px 0;
}

.fwvt-poll-ops-p .fwvt-poll-ops-p-a {
    display: block;
    width: 5px;
    height: 20px;
    background: #f2a61f;
    border-radius: 0 10px 10px 0;
}

.fwvt-poll-ops-p .fwvt-poll-ops-p-b {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 5%;
    width: 90%;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
}

.fwvt-poll-btnc {
    margin-top: 10px;
}

.fwvt-poll-btnc .fwvt-poll-btnc-submit {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background: var(--acolor);
    border: 0;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    -webkit-appearance: none;
}

.fwvt-poll-tips {
    background: #fefced url(../images/fw_poll_b.png) no-repeat;
    background-position: 8px;
    background-size: 40px auto;
    border: 1px dashed #ECECEC;
    padding: 15px 10px 15px 60px;
    margin: 10px 0;
    font-size: 1.4rem;
    color: var(--bcolor);
}

/*===========================viewthread(trade)============================*/

.fwvt-trade-c {
    margin-top: 10px;
    margin-bottom: 0 !important;
}

.fwvt-trade-c .fwvt-trade-mbar {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: #ececec;
    color: #999;
    font-size: 1.4rem;
}

.fwvt-trade-c .fwvt-trade-mbar a {
    margin-right: 15px;
    color: var(--acolor);
}

.fwvt-trade-c .fwvt-trade-mbar i {
    float: right;
    font-size: 12px;
}

.fwvt-trade-c .fwvt-trade-info {
    background: #F8F8F8;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ECECEC;
}

.fwvt-trade-c .fwvt-trade-cnt {
    margin-top: 10px;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-cover {
    width: 100%;
    position: relative;
    color: #fff;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-cover .fwvt-trade-covero {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background: url(../images/sptp_tjsp.png) no-repeat;
    background-position: 0;
    background-size: 80px auto;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-cover img {
    width: 100%;
    vertical-align: top;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-cover span {
    width: 100%;
    background-color: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    text-indent: 5px;
    line-height: 40px;
    overflow: hidden;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-cover em {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    font-size: 1.4rem;
    overflow: hidden;
    text-align: center;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-desc {
    margin: 10px 0;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-desc p {
    height: 35px;
    line-height: 35px;
    font-size: 1.4rem;
    color: #333;
    overflow: hidden;
    border-bottom: 1px solid #ECECEC;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-desc i {
    width: 25%;
    display: block;
    float: left;
    color: #999;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-desc em {
    margin-left: 5px;
    font-size: 12px;
    color: #888;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-desc span {
    color: var(--bcolor);
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-desc del {
    color: #666;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-desc .fwvt-trade-more {
    margin-top: 10px;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-desc .fwvt-trade-more a {
    width: 48%;
    height: 38px;
    line-height: 38px;
    margin: 7px 5px 0 0;
    background: var(--bcolor);
    color: var(--bicolor);
    font-size: 14px;
    border-radius: 3px;
    display: block;
    text-align: center;
}

.fwvt-trade-c .fwvt-trade-cnt .fwvt-trade-desc .fwvt-trade-more .more-info {
    background: var(--acolor);
}

.fwvt-trade-mdetail {
    width: 250px;
    position: relative;
    background: #fff;
    border: 1px solid #f3f3f3;
    padding: 15px;
    border-radius: 3px;
}

.fwvt-trade-mdetail img {
    width: 100%;
}

.fwvt-trade-mdetail .trade-mdetail-l {
    margin-top: 5px;
}

.fwvt-trade-mdetail .trade-mdetail-l p {
    height: 25px;
    line-height: 25px;
    font-size: 1.2rem;
    color: #333;
    overflow: hidden;
}

.fwvt-trade-mdetail .trade-mdetail-l i {
    width: 13%;
    display: block;
    float: left;
    color: #999;
}

.fwvt-trade-mgmt {
    width: 280px;
    position: relative;
    background: #fff;
    border: 1px solid #f3f3f3;
    padding: 8px;
    border-radius: 3px;
}

.fwvt-trade-mgmt .trade-mgmt-c .trade-mgmt-cnt {
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #F7F7F7;
    font-size: 16px;
    color: #000;
    border-radius: 3px;
}

.fwvt-trade-mgmt .trade-mgmt-c .trade-mgmt-cnt .px {
    padding: 0 5px;
    border: 1px solid #f1f1f1;
    margin-right: 5px;
    font-size: 12px;
    background: #fff;
}

.fwvt-trade-mgmt .trade-mgmt-c .trade-mgmt-cnt a {
    float: right;
    font-size: 1.2rem;
    color: #5181B6;
}

.fwvt-trade-mgmt .trade-mgmt-c .trade-mgmt-cnt .trade-mgmt-pdetail {
    float: left;
    width: 40%;
    margin-top: 5px;
    font-size: 1.2rem;
    color: #666;
}

.fwvt-trade-mgmt .trade-mgmt-c .trade-mgmt-cnt .trade-mgmt-pgo {
    float: right;
    width: 40%;
    margin-top: 5px;
    font-size: 1.2rem;
    color: #666;
}

.fwvt-trade-mgmt .trade-mgmt-recommend {
    margin-top: 10px;
}

.fwvt-trade-mgmt .trade-mgmt-recommend .mgmt-recommend-tip {
    padding: 7px 0;
    text-align: center;
    font-size: 1.2rem;
    color: #999;
}

.fwvt-trade-mgmt .trade-mgmt-recommend .pn {
    width: 100%;
    height: 35px;
    background: #99db5f;
    color: #fff;
    font-size: 1.4rem;
    border: 0;
    border-radius: 3px;
}

/*===========================viewthread(debate)============================*/

.fwvt-rebatetip {
    background: #fefced url(../images/icon_thread_rebatetip.png) no-repeat;
    background-position: 8px;
    background-size: 40px auto;
    margin-top: 0;
}

.fwvt-rebatetip .fwvt-rebatetip-t {
    font-size: 2.0rem;
}

.fwvt-rebate-c {
    margin-top: 20px;
    margin-bottom: 0 !important;
}

.fwvt-rebate-c .rebate-part {}

.fwvt-rebate-c .rebate-part .z,
.fwvt-rebate-c .rebate-part .y {
    height: 40px;
    line-height: 40px;
    font-size: 1.8rem;
}

.fwvt-rebate-c .rebate-part .z {
    color: var(--bcolor);
}

.fwvt-rebate-c .rebate-part .y {
    color: var(--acolor);
}

.fwvt-rebate-c .rebate-tickets {
    width: 100%;
    height: 15px;
    margin-bottom: 10px;
}

.fwvt-rebate-c .rebate-tickets .z {
    width: 42%;
    height: 15px;
    background: #ECECEC;
    border-radius: 15px;
}

.fwvt-rebate-c .rebate-tickets .y {
    width: 42%;
    height: 15px;
    background: #ECECEC;
    border-radius: 15px;
}

.fwvt-rebate-viewpoint {
    margin-bottom: 10px;
}

.fwvt-rebate-viewpoint .rebate-viewpoint-c {
    width: 42%;
    border: 1px solid #ECECEC;
    border-radius: 3px;
}

.fwvt-rebate-viewpoint .rebate-viewpoint-c .viewpoint-person {
    height: 30px;
    line-height: 30px;
    background: #ECECEC;
    font-size: 1.4rem;
    padding: 0 10px;
    color: #777;
}

.fwvt-rebate-viewpoint .rebate-viewpoint-c .viewpoint-person i {
    margin-left: 5px;
    font-size: 1.2rem;
    color: #888;
}

.fwvt-rebate-viewpoint .rebate-viewpoint-c .viewpoint-cnt {
    line-height: 25px;
    color: #333;
    font-size: 1.4rem;
    padding: 10px;
}

.fwvt-rebate-op {
    margin-bottom: 15px;
    background: url(../images/debate_vs.png) no-repeat;
    background-position: center;
    background-size: 40px auto;
}

.fwvt-rebate-op a {
    width: 42%;
    height: 35px;
    line-height: 37px;
    text-align: center;
    font-size: 1.4rem;
    color: #fff !important;
    border-radius: 3px;
    display: block;
}

_::-webkit-full-page-media,
_:future,
:root .fwvt-rebate-op a {
    line-height: 35px;
}

.fwvt-rebate-op .z {
    background: var(--bcolor);
}

.fwvt-rebate-op .y {
    background: var(--acolor);
}

.fwvt-rebate-endtime {
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.4rem;
    color: #555;
}

.fwvt-rebate-endtime a {
    color: #ff6b6e;
}

.fwvt-rebate-endc {
    width: 250px;
    position: relative;
    background: #fff;
    border: 1px solid #f3f3f3;
    padding: 15px;
    border-radius: 3px;
}

.fwvt-rebate-endc .rebate-endc-close {
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 25px;
    height: 25px;
    background: url(../images/icon_pop_close1) no-repeat;
    background-position: 0;
    background-size: 25px auto;
}

.fwvt-rebate-endc .rebate-endc-part {
    margin: 10px 0;
}

.fwvt-rebate-endc .rebate-endc-part .endc-part-winner {
    margin-bottom: 3px;
    font-size: 1.6rem;
    color: #000;
}

.fwvt-rebate-endc .rebate-endc-part .lb {
    display: block;
    float: left;
    width: 33%;
    font-size: 1.4rem;
    color: #666;
}

.rebate-endc-bestest {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 10px;
    padding: 10px 0;
}

.rebate-endc-bestest .endc-bestest-part {
    margin-bottom: 3px;
    font-size: 1.6rem;
    color: #000;
}

.rebate-endc-bestest .ps {
    width: 100%;
    height: 30px;
    padding: 0 2%;
    margin-bottom: 5px;
    border: 1px solid #DDDADA;
    background: #fff;
    color: #999;
    border-radius: 3px;
    -webkit-appearance: none;
}

.rebate-endc-bestest .px {
    width: 95%;
    height: 28px;
    padding: 0 2%;
    border: 0;
    border: 1px solid #DDDADA;
    border-radius: 3px;
    -webkit-appearance: none;
}

.rebate-endc-bestest .d {
    font-size: 1.2rem;
    color: #999;
}

.rebate-endc-umpirepoint {
    margin-top: 10px;
}

.rebate-endc-umpirepoint .endc-umpirepoint-part {
    margin-bottom: 3px;
    font-size: 1.6rem;
    color: #000;
}

.rebate-endc-umpirepoint .pt {
    width: 100%;
    height: 50px;
    border: 1px solid #DDDADA;
    background: #fff;
    border-radius: 3px;
}

.rebate-endc-submit {
    margin: 15px 0;
}

.rebate-endc-submit .pn {
    width: 100%;
    height: 35px;
    background: #99db5f;
    color: #fff;
    font-size: 1.4rem;
    border: 0;
    border-radius: 3px;
}

/*===========================viewthread(activity)============================*/

.fwvt-activity-c {
    margin-top: 10px;
    margin-bottom: 0 !important
}

.message .fwvt-activity-c img {
    width: 100%;
}

.fwvt-activity-c .fwvt-activity-ac {
    margin-top: 10px;
    border: 1px solid #f4f4f4;
    border-bottom: 0;
}

.fwvt-activity-c .fwvt-activity-ac dl {
    border-bottom: 1px solid #f4f4f4;
    font-size: 1.4rem;
    height: 40px;
    line-height: 40px;
}

.fwvt-activity-c .fwvt-activity-ac dt {
    float: left;
    width: 30%;
    background: #fbfbfb;
    color: #888;
    text-align: center;
}

.fwvt-activity-c .fwvt-activity-ac dd {
    padding-left: 35%;
}

.fwvt-activity-c .fwvt-activity-ac .xi1 {
    font-size: 1.2rem;
    color: #999;
}

.fwvt-activity-signup {
    margin-top: 20px;
}

.fwvt-activity-signup .activity-signup-tip {
    height: 40px;
    line-height: 40px;
    font-size: 1.6rem;
    padding: 0 10px 0 10px;
    border: 1px solid #ECECEC;
    border-bottom: 0;
    color: #000;
}

.fwvt-activity-signup .activity-signup-tip i.activity-signup-tipi {
    float: right;
    font-size: 1.2rem;
    color: #999;
}

.fwvt-activity-signup .activity-signup-tip i.activity-signup-tipicon {
    margin-right: 5px;
    color: #666;
    font-size: 1.8rem;
}

.fwvt-activity-signup .activity-signup-c {
    border: 1px solid #ECECEC;
    padding: 10px;
    background: #FCFCFC;
}

.fwvt-activity-signup .activity-signup-pay {
    padding: 5px 0;
    font-size: 1.4rem;
}

.fwvt-activity-signup .activity-signup-pay .z {
    color: #666;
}

.fwvt-activity-signup .activity-signup-pay i {
    color: var(--bcolor);
}

.fwvt-activity-signup .activity-signup-pay .px {
    border: 1px solid #F7F7F7;
    background: #fff;
}

.fwvt-activity-signup .activity-signup-pay .txt_s {
    border: 1px solid #F7F7F7;
    background: #fff;
}

.activity-signup-writebox {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #ECECEC;
}

.fwvt-activity-signup .activity-signup-writebox .signup-writebox-title {
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.fwvt-activity-signup .activity-signup-writebox .txt {
    width: 100%;
    height: 50px;
    border: 1px solid #F7F7F7;
    background: #fff;
}

.fwvt-activity-signup .activity-signup-submit .pn {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background: #53baf4;
    border: 0;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    -webkit-appearance: none;
}

_::-webkit-full-page-media,
_:future,
:root .fwvt-activity-signup .activity-signup-submit .pn {
    line-height: 40px;
}

.fwvt-activity-canclesignup {
    margin: 20px 0;
}

.fwvt-activity-canclesignup .activity-canclesignup-title,
.activity-signup-gobox .signup-gobox-title {
    height: 35px;
    line-height: 35px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    border-bottom: 1px solid #ECECEC;
    color: #000;
}

.fwvt-activity-canclesignup .activity-canclesignup-title i,
.activity-signup-gobox .signup-gobox-title i {
    margin-right: 5px;
    color: #666;
    font-size: 1.8rem;
}

.fwvt-activity-canclesignup .canclesignup-writebox .canclesignup-writebox-title {
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.fwvt-activity-canclesignup .canclesignup-writebox .txt {
    width: 100%;
    height: 50px;
    border: 1px solid #F7F7F7;
    background: #fff;
}

.fwvt-activity-canclesignup .pn {
    display: block;
    width: 60px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    background: var(--acolor);
    border: 0;
    color: var(--aicolor);
    font-size: 1.4rem;
    border-radius: 20px;
    -webkit-appearance: none;
}

_::-webkit-full-page-media,
_:future,
:root .fwvt-activity-canclesignup .pn {
    line-height: 30px;
}

.activity-signup-gobox {
    padding-bottom: 50px;
}

.activity-signup-gobox td {
    font-size: 1.4rem;
    color: #555;
}

.fwvt-activity-djoinc {
    margin: 15px 0;
}

.fwvt-activity-djoinc a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background: var(--acolor);
    color: var(--aicolor);
    font-size: 1.4rem;
    border-radius: 3px;
}

/*===========================viewthread(reward)============================*/

.fwvt-reward-tip {
    background: #fefced url(../images/icon_thread_rmb.png) no-repeat;
    background-position: 8px;
    background-size: 40px auto;
    line-height: 35px;
    border: 1px dashed #ECECEC;
    padding: 15px 10px 15px 60px;
    margin: 0 0 10px 0;
    font-size: 1.4rem;
    color: var(--bcolor);
}

.fwvt-reward-ianswer {
    float: right;
    width: 80px;
    height: 35px;
    line-height: 37px;
    text-align: center;
    font-size: 14px;
    color: var(--aicolor) !important;
    border-radius: 3px;
    display: block;
    background: var(--acolor) !important;
}

_::-webkit-full-page-media,
_:future,
:root .fwvt-reward-ianswer {
    line-height: 35px;
}

/*==============================search===============================*/

.fwsearch-c {
    padding: 10px;
    background: #fff;
}

.fwsearch-c .input {
    width: 100%;
    height: 30px;
    text-indent: 7px;
    margin-top: 0px;
    border: 1px solid var(--acolor);
    border-radius: 5px 0 0 5px;
    background: #f6f6f6;
}

.fwsearch-hotkw {
    margin: 5px 0;
    padding: 10px;
    overflow: hidden;
}

.fwsearch-hotkw .fwsearch-hotkw-title {
    border-bottom: #efefef 1px solid;
}

.fwsearch-hotkw .fwsearch-hotkw-title a {
    font-size: 1.4rem;
    color: #999;
}

.fwsearch-hotkw .fwsearch-hotkw-kws {
    overflow: hidden;
}

.fwsearch-hotkw .fwsearch-hotkw-title,
.fwsearch-hotkw .fwsearch-hotkw-kws {
    padding: 10px 0;
}

.fwsearch-hotkw .fwsearch-hotkw-kws a {
    background: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    float: left;
    margin: 12px 12px 0 0;
    height: 28px;
    line-height: 28px;
    font-size: 1.4rem;
    padding: 0 10px;
}

.fwsearch-hotkw .fwsearch-hotkw-kws .xi2 {
    margin: 10px 10px 0 0;
}

.threadlist {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.thread_tit {
    padding: 0 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    line-height: 40px;
    color: var(--acolor);
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.threadlist li {
    border-bottom: 1px solid #EFEFEF;
    font-size: 1.4rem;
}

.threadlist li a {
    display: block;
    padding: 7px 10px;
    font-size: 1.4rem;
    line-height: 25px;
    color: #333;
}

.fwpost-forumselect {
    margin-top: 50px;
    background: #F5F5F5;
}

.forumlistpbl_box {
    width: 100%;
    padding-bottom: 10px;
    overflow: hidden;
    background: #FFF;
}

.forumlistpbl_box .forumlistpbl_box-title {
    padding: 10px;
    overflow: hidden;
    border-color: #c5c5c5;
    background-color: var(--acolor);
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 100%);
    background-position: 50% 50%;
    color: #777777;
}

.forumlistpbl_box .forumlistpbl_box-title #enterbtn {
    color: #FFF !important;
}

.forumlistpbl_box .pbnv {
    font-size: 1.4rem;
}

.forumlistpbl {
    overflow: hidden;
    margin: 0;
    width: 100%;
    border: 1px solid #F5F5F5;
    background: #FFF;
}

.forumlistpbl li:first-child {
    border-left: none;
}

.forumlistpbl li {
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 1.5%;
    width: 30%;
    height: 300px;
    border-left: 1px solid #F5F5F5;
}

.forumlistpbl li p {
    height: 30px;
    line-height: 30px;
}

.forumlistpbl li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 4px;
    text-decoration: none;
    border-width: 1px 0;
    font-size: 1.4rem;
    color: #333;
    text-overflow: ellipsis;
}

.forumlistpbl li .pbls a {
    background: #F3F3F3;
    color: var(--bcolor);
}

.forumlistpbl_box .pbut {
    width: 100%;
    display: block;
    padding: 20px;
    box-sizing: border-box;
}

.forumlistpbl_box .pn {
    color: #fff;
    background-color: #dedede;
    border: 0px outset buttonface !important;
    text-align: center;
    height: 40px;
    width: 100%;
    border-radius: 3px;
    font-size: 1.4rem;
}

.forumlistpbl_box .pn.pnc {
    color: var(--bicolor);
    background: var(--bcolor);
}

/*==============================home-subheader-fw===============================*/

.fwhome-subheader {
    width: 100%;
    height: 120px;
    padding: 0;
    font-size: 1.4rem;
    border-top: 1px solid #fff;
    background-repeat: repeat-x;
    background-position: 0px 0px;
    background-size: auto 120px !important;
    background-color: transparent !important;
    position: relative;
    overflow: hidden;
    margin-top: 44px;
}

.fwhome-subheader.skin-bg {
    background-color: var(--headerbgcolor) !important;
}

.fwhome-subheader.skin1 {
    background-image: url(../images/spacebg/bg1.png);
    /*#4F8FD7*/
}

.fwhome-subheader.skin2 {
    background-image: url(../images/spacebg/bg2.png);
    /*#55610D*/
}

.fwhome-subheader.skin3 {
    background-image: url(../images/spacebg/bg3.png);
    /*#B37413*/
}

.fwhome-subheader.skin4 {
    background-image: url(../images/spacebg/bg4.png);
    /*#D987EB*/
}

.fwhome-subheader.skin5 {
    background-image: url(../images/spacebg/bg5.png);
    /*#BE5B18*/
}

.fwhome-subheader .fwhome-subheader-userinfo {
    height: 100px;
    overflow: hidden;
    border: 15px;
    border-bottom: 10px;
    border-color: var(--headerbgcolor);
    padding: 15px 15px 10px 15px;
}

/*skin锟借但锟斤拷锟斤拷color*/

.fwhome-subheader .fwhome-subheader-userinfo-left {
    margin-top: 15px;
    margin-left: 12px;
    float: left;
    width: calc(100% - 85px);
    height: 90px;
    color: #333;
    overflow: hidden;
}

.fwhome-subheader.skin-bg .fwhome-subheader-userinfo-left {
    color: var(--aicolor);
}

.fwhome-subheader.skin1 .fwhome-subheader-userinfo-left {
    color: var(--aicolor);
}

.fwhome-subheader.skin2 .fwhome-subheader-userinfo-left {
    color: var(--aicolor);
}

.fwhome-subheader.skin3 .fwhome-subheader-userinfo-left {
    color: var(--aicolor);
}

.fwhome-subheader.skin4 .fwhome-subheader-userinfo-left {
    color: var(--aicolor);
}

.fwhome-subheader.skin5 .fwhome-subheader-userinfo-left {
    color: var(--aicolor);
}

.fwhome-subheader .fwhome-subheader-userinfo-left h2 {
    line-height: 30px;
    font-size: 2.2rem;
    font-weight: normal;
    width: 100%;
    margin-bottom: 2px;
    text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*skin锟借但锟斤拷锟斤拷color*/

.fwhome-subheader .fwhome-subheader-userinfo-left h2 a {
    color: #FFF;
}

.fwhome-subheader.skin-bg .fwhome-subheader-userinfo-left h2 a {
    color: var(--aicolor);
}

.fwhome-subheader.skin1 .fwhome-subheader-userinfo-left h2 a {
    color: var(--aicolor);
}

.fwhome-subheader.skin2 .fwhome-subheader-userinfo-left h2 a {
    color: var(--aicolor);
}

.fwhome-subheader.skin3 .fwhome-subheader-userinfo-left h2 a {
    color: var(--aicolor);
}

.fwhome-subheader.skin4 .fwhome-subheader-userinfo-left h2 a {
    color: var(--aicolor);
}

.fwhome-subheader.skin5 .fwhome-subheader-userinfo-left h2 a {
    color: var(--aicolor);
}

.fwhome-subheader .fwhome-subheader-userinfo-left p {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    line-height: 15px;
    text-align: left;
    margin-bottom: 5px;
}

.fwhome-subheader .fwhome-subheader-userinfo-left .joindate {
    font-size: 1rem;
    color: var(--aicolor);
    margin-left: 12px;
}

.fwhome-subheader .fwhome-subheader-userinfo-left p:last-child {
    margin-bottom: 0;
}

.fwhome-subheader .fwhome-subheader-userinfo-left p.sig {
    width: 100%;
    font-size: 1.2rem;
    text-overflow: ellipsis;
    line-height: 20px;
    color: #FFF;
    overflow: hidden;
}

.fwhome-subheader .fwhome-subheader-userinfo-avatar {
    float: left;
    margin-top: 15px;
    width: 60px;
    height: 90px;
}

.fwhome-subheader .fwhome-subheader-userinfo-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    background: transparent;
    vertical-align: top;
}

.fwhome-subheader-subinfo {
    margin: 0 15px 10px 15px;
}

/*skin锟借但锟斤拷锟斤拷color*/

.fwhome-subheader-subinfo a {
    color: #333;
    text-align: center;
    margin-right: 15px;
    font-size: 1.4rem;
    line-height: 15px;
    display: inline-block;
}

.fwhome-subheader-subinfo.skin-bg a {
    color: var(--aicolor);
}

.fwhome-subheader-subinfo.skin1 a {
    color: var(--aicolor);
}

.fwhome-subheader-subinfo.skin2 a {
    color: var(--aicolor);
}

.fwhome-subheader-subinfo.skin3 a {
    color: var(--aicolor);
}

.fwhome-subheader-subinfo.skin4 a {
    color: var(--aicolor);
}

.fwhome-subheader-subinfo.skin5 a {
    color: var(--aicolor);
}

.fwhome-subheader-subinfo a:last-child {
    margin-right: 0;
}

.fwhome-subheader-menu {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    /* border-bottom: 2px solid var(--headerbgcolor); */
    margin-top: 6px;
}

.fwhome-subheader-menu ul {
    padding: 13px 0 10px 0;
    background: #FFFFFF;
    border-top: 1px solid #F7f7f7;
    box-sizing: border-box;
    float: left;
    width: 100%;
    box-shadow: 0 0 9px 1px rgba(222, 222, 222, 0.5);
}

.fwhome-subheader-menu.statistics {
    margin-top: 0;
    border: 0;
}

.fwhome-subheader-menu.statistics ul {
    border-bottom: 1px solid #d2d2d2;
    ;
    padding: 0;
}

.fwhome-subheader-menu.statistics li {
    width: 33.33%;
    padding: 0;
    border-right: 1px solid #d2d2d2;
}

.fwhome-subheader-menu.statistics li.last {
    border: 0;
}

.fwhome-subheader-menu.statistics li p {
    position: relative;
    top: -5px;
    font-size: 1.3rem !important;
    margin-top: 0 !important;
}

.fwhome-subheader-menu.statistics li a {
    display: block;
    width: 50px;
    font-size: 2.2rem;
    padding-bottom: 0;
    color: #222;
    text-align: center;
    border-right: 1px solid #F7F7F7;
    border-bottom: 1px solid #F7F7F7;
    box-sizing: border-box;
    padding-top: 3px;
    margin: 0 auto;
    height: 40px;
    font-family: Constantia, Georgia;
    border: 0;
}

.fwhome-subheader-menu li {
    width: 20%;
    font-size: 1.6rem;
    box-sizing: border-box;
    float: left;
}

.fwhome-subheader-menu li a {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 1.4rem;
    padding-bottom: 20px;
    color: #222;
    text-align: center;
    border-right: 1px solid #F7F7F7;
    border-bottom: 1px solid #F7F7F7;
    box-sizing: border-box;
    padding-top: 10px;
    border-radius: 50px;
    margin: 0 auto;
}

.fwhome-subheader-menu li a i {
    font-size: 2.4rem;
    color: #FFF;
    position: relative;
    top: -4px;
}

.fwhome-subheader-menu li p {
    font-size: 1.3rem;
    color: #999;
    text-align: center;
    margin-top: 8px;
}

.fwhome-subheader-menu li a.last {
    border-right: 0;
}

/* .fwhome-subheader-menu li a:before {
    display: block;
    width: 100%;
    height: 40px;
    padding-top: 5px;
    text-align: center;
    color: #666;
    font-size: 2.4rem;
} */

.fwhome-subheader-placeholder {
    height: 8px;
    background-color: #f2f2f2;
    /* box-shadow: 0 0 5px 0 #f2f2f2; */
}

/*==============================home===============================*/

.fwhome-profile-usermenu {
    padding: 8px 0;
    position: relative;
}

.fwhome-profile-usermenu h1 {
    /* border-radius: 5px; */
    line-height: 30px;
    margin: 0px 15px;
    padding: 0px 6px;
    font-size: 1.4rem;
    color: #999;
    border-bottom: 1px solid #ededed;
    font-weight: 100;
}

.fwhome-profile-usermenu ul {
    overflow: hidden;
    background: #fff;
    /* border-radius: 5px; */
}

.fwhome-profile-usermenu li {
    float: left;
    width: 100%;
    height: 50px;
    font-size: 1.6rem;
    border-bottom: 1px solid #f7f7f7;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.fwhome-profile-usermenu li a,
.fwhome-profile-editavatar {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-indent: 50px;
    color: #666;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fwhome-profile-usermenu li a:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    border-color: var(--acolor);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    position: absolute;
    right: 12px;
    top: 21px;
}

.fwhome-profile-usermenu li a i:before {
    position: absolute;
    left: -33px;
    z-index: 99;
    /* color: var(--acolor); */
    font-size: 2.2rem;
    top: 2px;
}

.fwhome-profile-editavatar {
    position: relative;
}

.fwhome-profile-editavatar span.profile-editavatar-avatar {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 20px;
    position: absolute;
    top: 10px;
    background-size: 100% 100%;
    left: 12px;
}

.fwhome-profile-editavatar i.profile-editavatar-edit {
    font-size: 2.3rem;
    position: absolute;
    top: 0;
    right: 5px;
    line-height: auto;
    width: auto;
    height: auto;
    text-indent: 0;
    color: var(--acolor);
}

.fwhome-profile-editavatar .profile-editavatar-up {
    position: absolute;
    top: 0;
    right: 5px;
    width: 30px;
    height: 30px;
    opacity: 0;
    overflow: hidden;
}

a.fwhome-profile-logout {
    background: var(--acolor);
    border-radius: 8px;
    height: 38px;
    line-height: 38px;
    color: var(--aicolor);
    text-align: center;
    text-indent: 0;
    width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 1.6rem;
}

/*.fwhome-profile-usermenu li a i:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 1.2rem;
    background-color: var(--acolor);
    background-repeat: no-repeat;
    background-size: 20px auto;
    position: absolute;
    left: 4px;
    top: 13px;
}*/

.fwhome-profile-usermenu li .fwhome-profile-newsp {
    position: absolute;
    right: 30px;
    display: block;
    height: 16px;
    line-height: 16px;
    color: #fff;
    background: #ff0000;
    padding: 0 6px;
    text-align: center;
    border-radius: 12px;
    overflow: hidden;
    top: 16px;
    text-indent: 0;
    font-size: 1rem;
}

.fwhome-profile-usermenu li i.icon-pm {
    color: #78e08f !important;
}

.fwhome-profile-usermenu li i.icon-notice {
    color: #26de81 !important;
}

.fwhome-profile-usermenu li i.icon-redpacket {
    color: #fa983a !important;
}

.fwhome-profile-usermenu li i.icon-feed {
    color: #fd79a8 !important;
}

.fwhome-profile-usermenu li i.icon-gerenziliao {
    color: #74b9ff !important;
}

.fwhome-profile-usermenu li i.icon-mobile2f,
.fwhome-profile-usermenu li i.icon-unbindmobile {
    color: #fc5c65 !important;
}

.fwhome-profile-usermenu li i.icon-weixin {
    color: #1ccd19 !important;
}

.fwhome-profile-usermenu li i.icon-settings {
    color: #f9906f !important;
}

.fwhome-profile-userbox {
    background: #fff;
    border-radius: 5px;
    border: 0px solid #ddd;
    margin: 10px auto 0 auto;
    font-size: 1.3rem;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
}

.fwhome-profile-userbox li {
    line-height: 40px;
    border-bottom: 1px solid #ededed;
    padding: 0px 15px;
    font-weight: normal;
    overflow: hidden;
}

.fwhome-profile-userbox li span {
    color: #999;
    float: right;
}

.fwhome-avatarimg {
    width: 32px;
    height: 32px;
    position: absolute;
    border-radius: 3px;
}

a.fwhome-delete-btn {
    position: absolute;
    z-index: 2;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 1rem;
    text-align: center;
    overflow: hidden;
}

.fwhome-pm {
    padding: 0px 0px 16px;
    border-bottom: 1px solid #ededed;
    background: #fff;
}

.fwhome-pm li {
    padding: 16px 10px 1px 52px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.fwhome-pm li .fwhome-avatarimg {
    left: 10px;
    top: 16px;
}

.fwhome-pm li a {
    display: block;
    border: 1px solid #ededed;
    background: #fbfbfb;
    position: relative;
    border-radius: 5px;
    padding: 7px 10px;
}

.fwhome-pm .fwhome-pm-authi {
    height: 22px;
    line-height: 22px;
    margin-bottom: 5px;
    overflow: hidden;
}

.fwhome-pm .fwhome-pm-authi .num {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    background: var(--bcolor);
    text-align: center;
    color: var(--bicolor);
    line-height: 20px;
    left: -20px;
    top: -8px;
}

.fwhome-pm .fwhome-pm-authi .name {
    font-weight: bold;
    color: #777;
}

.fwhome-pm .fwhome-pm-authi .time {
    float: right;
    color: #ccc;
    line-height: 18px;
    font-size: 1.2rem;
}

.fwhome-pm .fwhome-pm-simplemsg {
    color: #999 !important;
}

.fwhome-pm-message-frd,
.fwhome-pm-message-self {
    position: relative;
    background: #fff;
    font-size: 1.5rem;
    line-height: 150%;
}

.fwhome-pm-message-frd {
    padding: 16px 10px 1px 52px;
}

.fwhome-pm-message-self {
    padding: 16px 52px 1px 10px;
}

.fwhome-pm-message-frd .fwhome-avatarimg {
    top: 16px;
    left: 10px;
}

.fwhome-pm-message-self .fwhome-avatarimg {
    top: 16px;
    right: 10px;
}

.fwhome-pm-message-frd .date,
.fwhome-pm-message-self .date {
    color: #999;
    line-height: 12px;
    font-size: 1.2rem;
    margin-bottom: 5px;
}

.fwhome-pm-message-self .date {
    text-align: right;
}

.fwhome-pm-message-dialog-green,
.fwhome-pm-message-dialog-white {
    padding: 10px;
    border-radius: 5px;
    position: relative;
}

.fwhome-pm-message-dialog-green:after,
.fwhome-pm-message-dialog-white:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
}

.fwhome-pm-message-dialog-white {
    float: left;
    margin-right: 20px;
    background: #f1f1f1;
}

.fwhome-pm-message-dialog-white:after {
    background: #f1f1f1;
    left: -4px;
}

.fwhome-pm-message-dialog-green {
    float: right;
    margin-left: 20px;
    background: #B5E547;
}

.fwhome-pm-message-dialog-green:after {
    background: #B5E547;
    right: -4px;
}

#pmform_0 .btn_pn_grey {
    background: #efefef;
    color: #999;
}

#pmform_0 .btn_pn {
    width: 100%;
    height: 38px;
    line-height: 38px;
    border: 0;
    font-size: 1.6rem;
    border-radius: 4px;
    overflow: hidden;
}

.fwhome-notice {}

.fwhome-notice .fwhome-notice-item {
    padding: 10px 10px 10px 52px;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ededed;
}

.fwhome-notice .fwhome-notice-item .fwhome-avatarimg {
    top: 10px;
    left: 10px;
}

.fwhome-notice .fwhome-notice-item .fwhome-notice-time {
    color: #ccc;
    font-size: 1.2rem;
    margin-bottom: 3px;
}

.fwhome-notice .fwhome-notice-item .fwhome-delete-btn {
    float: right;
    position: static;
}

.fwhome-notice .fwhome-notice-item .fwhome-notice-note {
    color: #999;
}

.fwhome-notice .fwhome-notice-item .fwhome-notice-new {
    color: var(--bcolor) !important;
}

.fwhome-friend {}

.fwhome-friend li {
    height: 48px;
    padding: 13px 10px 13px 68px;
    border-bottom: 1px solid #ededed;
    position: relative;
    background: #fff;
    overflow: hidden;
}

.fwhome-friend li img {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 13px;
    left: 10px;
    border-radius: 4px;
}

.fwhome-friend li p {
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fwhome-friend li p a {
    color: #777;
    font-weight: bold;
}

.fwhome-friend .fwhome-friend-mgmt span {
    color: #ccc;
    float: right;
    margin-top: 4px;
    font-size: 1.2rem;
}

.fwhome-friend .fwhome-friend-mgmt a {
    display: inline-block;
    line-height: 12px;
    font-size: 1.2rem;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    padding: 4px 10px;
    margin-right: 5px;
    border-radius: 15px;
}

.fwhome-friend-add {
    padding: 20px 20px 10px;
    overflow: hidden;
}

.fwhome-friend-add li {
    float: left;
    width: 50%;
    text-align: left;
    padding: 5px 0px;
}

.fwhome-feed {
    background: #fff;
    border-bottom: 1px solid #ededed;
}

.fwhome-feed .fwhome-feed-time {
    padding: 15px 10px 5px;
    border-bottom: 1px solid #ededed;
    font-size: 1.6rem;
    font-weight: bold;
}

.fwhome-feed .fwhome-feed-c {
    padding-left: 45px;
    position: relative;
}

.fwhome-feed .fwhome-feed-c .fwhome-feed-c-avatar {
    width: 32px;
    height: 32px;
    top: 10px;
    left: 10px;
    position: absolute;
    display: block;
}

.fwhome-feed .fwhome-feed-item {
    padding: 2px 10px 25px;
    color: #777;
    overflow: hidden;
}

.fwhome-feed .fwhome-feed-item img {
    max-width: 100%;
}

.fwhome-feed .fwhome-feed-item li {
    border-bottom: 1px dashed #e8e8e8;
}

.fwhome-feed-item li .fwhome-delete-btn {
    float: right;
    margin: -2px 0px 0px 10px;
    position: static;
}

.fwhome-feed .fwhome-feed-item .fwhome-feed-item-title {
    padding: 10px 0px;
    font-size: 1.5rem;
}

.fwhome-feed .fwhome-feed-item .fwhome-feed-item-title p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fwhome-feed .fwhome-feed-item .fwhome-feed-item-title span {
    margin-left: 10px;
    color: #ccc;
}

.fwhome-blog {}

.fwhome-blog li {
    padding: 15px 10px 15px 52px;
    background: #fff;
    border-bottom: 1px solid #ededed;
    position: relative;
}

.fwhome-blog li .fwhome-avatarimg {
    top: 15px;
    left: 10px;
}

.fwhome-blog .fwhome-blog-authi {
    min-height: 40px;
    position: relative;
    margin-bottom: 10px;
}

.fwhome-blog .fwhome-blog-authi .fwhome-delete-btn {
    top: -3px;
    right: 0px;
}

.fwhome-blog .fwhome-blog-authi h1 {
    font-weight: 100;
    line-height: 140%;
    font-size: 1.6rem;
    margin-bottom: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fwhome-blog .fwhome-blog-authi p {
    height: 20px;
    line-height: 20px;
    font-size: 1.2rem;
    color: #ccc;
    overflow: hidden;
}

.fwhome-blog .fwhome-blog-authi p a {
    color: #777;
    margin-right: 5px;
}

.fwhome-blog .fwhome-blog-authi p span {
    float: right;
    margin-left: 6px;
}

.fwhome-blog .fwhome-blog-img {
    max-height: 85px;
    display: block;
    float: left;
    margin-right: 10px;
}

.fwhome-blogview-title {
    padding: 15px 10px;
    clear: both;
    font-size: 2rem;
    line-height: 1.5em;
    font-weight: 100;
    border-bottom: 1px solid #ededed;
    background: #fff;
}

.fwhome-blogview-from {
    font-size: 1.3rem;
    padding-bottom: 1px;
    margin-bottom: 7px;
    color: #999;
}

.fwhome-blogview-message {
    font-size: 1.6rem;
    min-height: 30px;
    padding: 1px 0px;
}

.fwhome-blogview-view p a img {
    display: block !important;
    margin: 10px auto;
    vertical-align: middle;
}

.fwhome-blogview-cmt-message {
    font-size: 1.6rem;
    min-height: 30px;
    padding: 1px 0px;
}

.fwhome-blogview-fastpost li {
    margin-bottom: 10px;
}

.fwhome-blogview-fastpost li.post {
    position: relative;
    overflow: hidden;
}

.fwhome-blogview-fastpost textarea {
    width: 100%;
    max-height: 400px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #ddd;
    line-height: 26px;
    font-size: 1.6rem;
    background: transparent;
    border-radius: 4px;
}

.fwhome-doing-post .txt {
    height: 64px;
    float: left;
}

.fwhome-doing-post .button5 {
    height: 64px;
    border-radius: 0px 4px 4px 0px;
}

.fwhome-doing {}

.fwhome-doing li {
    min-height: 50px;
    padding: 10px 10px 10px 52px;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ededed;
}

.fwhome-doing li .fwhome-avatarimg {
    top: 10px;
    left: 10px;
}

.fwhome-doing-authi span {
    float: right;
    color: #ccc;
    font-size: 1.2rem;
    margin-top: 2px;
}

.fwhome-doing-replies {
    background: #f2f2f2;
    position: relative;
    padding: 5px 10px;
    border-radius: 4px;
    margin-top: 5px;
}

.fwhome-doing-replies p {
    padding: 3px 0px;
    color: #777;
}

a.fwhome-doing-replies-del {
    margin-left: 8px;
    padding: 2px 5px;
    line-height: 10px;
    font-size: 1rem;
    color: #fff;
    background: #ccc;
    border-radius: 8px;
}

.fwhome-album {
    padding: 6px 5px 5px;
    background: #fff;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}

.fwhome-album li {
    float: left;
    width: 33.3333%;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fwhome-album li div {
    overflow: hidden;
}

.fwhome-album li div a {
    display: block;
    position: relative;
}

.fwhome-album li div img {
    width: 100%;
    vertical-align: top;
}

.fwhome-album li div p {
    position: absolute;
    width: 100%;
    line-height: 40px;
    bottom: 0px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fwhome-album-view {
    background: #fff;
    padding: 6px 5px 5px;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}

.fwhome-album-view li {
    float: left;
    width: 33.3333%;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fwhome-album-view li div {
    width: 100%;
    padding-bottom: 100%;
    height: 0px;
    overflow: hidden;
    position: relative;
}

.fwhome-album-view li img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
}

.fwhome-album-pic {
    padding: 20px;
    overflow: hidden;
    background: #fff;
}

.fwhome-album-pic div {
    position: relative;
    overflow: hidden;
}

.fwhome-album-pic img {
    width: 100%;
    vertical-align: top;
}

.fwhome-album-pic .gotoup,
.fwhome-album-pic .gotodown {
    width: 50%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 1;
}

.fwhome-album-pic .gotoup {
    left: 0px;
}

.fwhome-album-pic .gotodown {
    right: 0px;
}

.fwhome-album-pic span {
    display: inline-block;
    padding: 2px;
    line-height: 12px;
    font-size: 1.2rem;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}

.fwhome-thread {
    padding: 12px 10px;
    border-bottom: 1px solid #ededed;
    background: #fff;
    font-size: 1.6rem;
    line-height: 150%;
}

.fwhome-thread .replies {
    line-height: 12px;
    font-size: 1.2rem;
    color: #999;
    margin: 6px 0px 0px 10px;
    float: right;
    display: inline-block;
    /* padding-left: 20px; */
}

.fwhome-thread .fwhome-thread-t {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fwhome-thread .fwhome-thread-t em {
    padding: 3px;
    margin-top: -3px;
    line-height: 10px;
    font-size: 1rem;
    color: #fff;
    background-color: var(--bcolor);
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
}

.fwhome-thread .fwhome-thread-t em.pic {
    background-color: var(--bcolor);
}

.fwhome-thread .fwhome-thread-reply {
    padding: 5px 0px;
    border-top: 1px dashed #e8e8e8;
    font-size: 1.4rem;
}

.fwhome-thread .fwhome-thread-reply img {
    height: 9px;
    vertical-align: top;
    margin-top: 5px;
}

.fwhome-thread .fwhome-thread-reply,
.fwhome-thread .fwhome-thread-reply a {
    color: #bbb;
}

.fwhome-favorite li {
    line-height: 150%;
    padding: 11px 10px;
    background: #fff;
    font-size: 1.6rem;
    border-bottom: 1px solid #ededed;
}

.fwhome-favorite li .fwhome-delete-btn {
    float: right;
    margin: -1px 0px 0px 10px;
    position: static;
}

.fwhome-favorite li p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fwhome-favorite li img {
    height: 15px;
    vertical-align: top;
    margin-top: 5px;
}

/*===========================home(editprofile)============================*/

.fwhome-editpwd-c {
    background-color: #f2f2f2;
}

.fwhome-editpwd-c .fwhome-editpwd-tip {
    padding: 10px 15px;
    background: #fff;
    border-bottom: 1px solid #EBEBEB;
    font-size: 1.4rem;
    background-color: #e2e2e2;
    color: #b37500;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt {
    margin-top: 17px;
    padding: 0 !important;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item,
.fwhome-editprofile-info .editprofile-info-item {
    padding: 10px 12px;
    font-size: 15px;
    background: #fff;
    border-bottom: 1px solid #efefef !important;
    line-height: 25px;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-lbl,
.fwhome-editprofile-info .editprofile-info-item .info-item-title {
    width: 25%;
    color: #666;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-el {
    width: 75%;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-el .px,
.fwhome-editprofile-info .editprofile-info-item .info-item-el .px {
    width: 100%;
    padding: 0;
    background: #fff;
    border: 0;
    font-size: 1.5rem;
    border-radius: 0;
    color: #000;
    outline: none;
    -webkit-appearance: none;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-el .pt,
.fwhome-editprofile-info .editprofile-info-item .info-item-el .pt {
    width: 100%;
    min-height: 50px;
    border: 0;
    background: #fff;
    font-size: 1.5rem;
    border-radius: 0;
    color: #000;
    outline: none;
    -webkit-appearance: none;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-el .pt,
.fwhome-editprofile-info .editprofile-info-item .info-item-el img {
    width: 100%;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-el .ps {
    width: 100%;
    background: #fff url(../images/icon_common_downarrow.png) no-repeat;
    background-position: right;
    background-size: 1.5rem auto;
    border: 0;
    border-radius: 0;
    color: #000;
    font-size: 1.5rem;
    outline: none;
    -webkit-appearance: none;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-el .d {
    margin-top: 10px;
    padding: 10px;
    background-color: #e5ffce;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 100%);
    background-position: 50% 50%;
    border: 1px solid #d2d2d2;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-el .d {
    font-size: 1.3rem;
    color: #222;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-el .d span {
    color: #222;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-el .d a:link,
.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-el .d a:visited,
.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item .editpwd-item-el .d a:hover {
    color: #007cff;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item-submit,
.fwhome-editprofile-info .editprofile-info-submit {
    margin: 15px;
}

.fwhome-editpwd-c .fwhome-editpwd-cnt .editpwd-item-submit .pn,
.fwhome-editprofile-info .editprofile-info-submit .pn {
    background: var(--acolor);
    color: var(--aicolor);
    -webkit-appearance: none;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 1.6rem;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 2px;
}

.fwhome-editpwd-c .sec_code {
    background: #fff;
    margin-top: 17px;
    padding: 10px 12px;
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
}

.fwhome-editpwd-c .sec_code .txt {
    width: 70%;
    background: #fff;
    border: 0;
    font-size: 1.5rem;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    padding: 0;
    line-height: 23px;
}

.fwhome-editpwd-c .sec_code img {
    height: 25px;
    float: right;
}

.fwhome-editprofile-info {
    margin-top: 17px;
}

.fwhome-editprofile-info .editprofile-info-item .info-item-el .ps {
    border: 0;
    border-radius: 0;
    background: #F8F8F8;
    padding: 0 1px;
    color: #000;
    font-size: 15px;
    outline: none;
    -webkit-appearance: none;
}

.editprofile-info-tip {
    margin: 0 10px 15px 10px;
    padding: 10px;
    background: #fffdef;
    border: 1px dashed #e7e1cd;
    font-size: 1.4rem;
    color: #ff6600;
}

.fwhome-editprofile-info .editprofile-info-item .info-item-subel {
    width: 17%;
}

.fwhome-editprofile-info .editprofile-info-item .info-item-subel .item-subel-sel {
    border: 0;
    border-radius: 0;
    background: #F8F8F8;
    padding: 0 1px;
    color: #000;
    font-size: 1.4rem;
    outline: none;
    -webkit-appearance: none;
    background: #fff url(../images/icon_common_downarrow.png) no-repeat;
    background-position: right;
    background-size: 15px auto;
}

/*==============================member===============================*/

.fwmember-userinfo-c {
    background: #fff;
    padding: 30px;
}

.fwmember-userinfo-form li {
    margin: 10px 0px;
    color: #999;
}

.fwmember-userinfo-form input,
.fwmember-userinfo-form .questionli,
.fwmember-userinfo-form .sec_code {
    background: #fff;
}

.fwmember-userinfo-form input {
    width: 100%;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fwmember-userinfo-form .questionli {
    height: 20px;
    padding: 10px;
    line-height: 20px;
    border-radius: 4px;
    position: relative;
    border: 1px solid #ccc;
}

.fwmember-userinfo-form .button5 {
    height: 40px;
    line-height: 40px;
}

.btn_member a {
    display: block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid var(--acolor);
    color: var(--acolor);
    border-radius: 4px;
    font-size: 1.6rem;
}

.fwmember-userinfo-loginselect {
    display: block;
    position: relative;
}

.fwmember-userinfo-loginselect select {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    cursor: pointer;
    height: 20px;
    left: 0;
    opacity: 0.0001;
    background: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.fwmember-register-agreebbrules {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.fwmember-register-agreebbrules input[type="checkbox"] {
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    margin-right: 8px;
}
.fwmember-register-agreebbrules a.agreement {
    font-size: 1.4rem;
    color: var(--bcolor);
}
.fwregister-agreebbrules-c {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.6);
    transition: all 0.3s;
    opacity: 0;
    box-sizing: border-box;
}
.fwregister-agreebbrules-c.show {
    opacity: 1;
    transition-duration: 0.3s;
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: auto;
    z-index: 9998;
    opacity: 1;
}
.fwregister-agreebbrules {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: -1000px;
    z-index: -1;
    transition: margin-bottom 0.3s;
    border-radius: 12px 12px 0 0;
    padding: 20px 0;
    box-sizing: border-box;
}
.fwregister-agreebbrules-c.show .fwregister-agreebbrules {
    margin-bottom: 0;
    z-index: 9999;
}
.fwregister-agreebbrules .mdtitle {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
}

.fwregister-agreebbrules .mdclose {
    position: absolute;
    top: 20px;
    right: 20px;
}
.fwregister-agreebbrules .mdclose i {
    font-size: 22px;
    color: #333333;
}
.fwregister-agreebbrules .mdcnt {
    padding: 20px;
    text-align: left;
    font-size: 1.4rem;
    color: #666666;
}
.fwregister-agreebbrules .mdbtn {
    background-color: var(--acolor);
    border-radius: 15px;
    width: 80%;
    color: var(--aicolor);
    font-size: 14px;
    text-align: center;
    border: none;
    padding: 8px 0;
    margin: 0 auto;
}

.fwhome-creadit-l {
    padding: 15px;
    background: #fff;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
}

.fwhome-creadit-l li {
    padding: 5px 0px;
    font-size: 1.7rem;
    float: left;
    width: 50%;
}

.fwhome-creadit-l span {
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 4px;
    padding: 2px 10px;
    margin-right: 15px;
    position: relative;
    font-size: 1.4rem;
}

.fwhome-creadit-l span:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-color: #ccc;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    position: absolute;
    right: -4px;
    bottom: 50%;
    margin-bottom: -3px;
}

.fwhome-creadit-h {
    line-height: 30px;
    padding: 4px 10px;
    border-bottom: 1px solid #ededed;
    background: #f8f8f8;
}

.fwhome-creadit-rule {
    background: #fff;
    width: 100%;
}

.fwhome-creadit-rule th {
    padding: 12px 0px 8px 10px;
    border-bottom: 1px solid #ededed;
}

.fwhome-creadit-rule td {
    padding: 10px 0px 10px 10px;
    font-size: 1.2rem;
    line-height: 170%;
    border-bottom: 1px solid #ededed;
}

.fwhome-creadit-rule .logtime {
    font-size: 1.1rem;
    padding-right: 10px;
}

.credit_buy {
    width: 100%;
    background: #fff;
}

.credit_buy th {
    width: 64px;
    text-align: right;
}

.credit_buy th,
.credit_buy td {
    padding: 10px;
}

.credit_buy .credit_ot {
    padding: 5px;
    border-radius: 4px;
}

.credit_tf {
    width: 100%;
    background: #fff;
}

.credit_tf th {
    width: 68px;
    text-align: right;
}

.credit_tf th,
.credit_tf td {
    padding: 10px;
}

.credit_tf input {
    padding: 5px;
    border-radius: 4px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.credit_tf select {
    padding: 5px;
    border-radius: 4px;
}

.fwhome-creadit-award {
    padding: 10px;
    border-bottom: 1px solid #ededed;
    background: #fff;
}

.fw-login-typecontainer {
    width: 100%;
    margin-top: 50px;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    position: relative;
}

.fw-login-typecontainer li {
    float: left;
    width: 80px;
    height: 75px;
    text-align: center;
    color: #888888;
}

.fw-login-typecontainer li a {
    display: inline-block;
    padding: 5px;
    border-radius: 3rem;
    width: 3rem;
    height: 3rem;
    background-color: #00da00;
}

.fw-login-typecontainer li .iconfont {
    font-size: 2.5rem;
    color: #fff;
}

.fw-login-typecontainer li.tip {
    font-size: 1.5rem;
    color: #ccc;
    height: auto;
    text-align: left;
    padding: 0 10px;
    position: relative;
    top: -22px;
    width: auto;
    left: 0;
    text-align: center;
    position: absolute;
}

/*=====================================fwgroup==========================================*/

.fwgroup-recommend-item img {
    width: 90%;
    min-height: 60px;
}

.fwgroup-recommendtlist-c {
    padding: 0 15px
}

.fwgroup-recommendtlist-c #alist li {
    border-top: 0 !important;
    margin-bottom: 10px;
}

.fwgroup-recommendtlist-c #alist li:last-child {
    margin-bottom: 0;
}

.fwgroupmy-titletabs .active span.title {
    color: var(--acolor) !important;
}

.fwgroupmy-titletabs .fw-tab-title-2.active .title-before {
    background: var(--acolor) !important;
}

.fwgroup-ngrlist li {
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #eee;
}

.fwgroup-ngrlist li img {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.fwgroup-ngrlist li .fwicon-gotorg {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.fwgroup-ngalllist-c {
    padding: 15px 15px 15px 0;
    border-top: 1px solid #eee;
    box-sizing: border-box;
}

.fwgroup-ngalllist-c .fwgroup-ngalllist-title {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    position: relative;
    box-sizing: border-box;
}

.fwgroup-ngalllist-c .fwgroup-ngalllist-title h2 {
    display: block;
    font-size: 1.6rem;
    font-weight: normal;
    margin-left: 15px;
    border-left: 3px solid var(--acolor);
    padding-left: 5px;
}

.fwgroup-ngalllist-c .fwgroup-ngalllist-title span.fnctoggle {
    position: absolute;
    right: 10px;
    top: 0;
    display: block;
}

.fwgroup-ngalllist-c .fwgroup-ngalllist-title span.fnctoggle.toggled {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.fwgroup-ngalllist-c .fwgroup-ngalllist-title span.fnctoggle i {
    font-size: 2.2rem;
}

.fwgroupindex-search {
    margin: 10px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    font-size: 13px;
    text-align: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.fwgroupindex-search a i {
    color: #a7a7a7;
}

.fwgroupindex-c {
    margin-top: 15px;
    background: #fff;
}

.fwgroupindex-tabs {
    height: 42px;
    line-height: 42px;
    margin-bottom: 5px;
    font-size: 15px;
    border-bottom: 1px solid #efefef;
    color: #999;
}

.fwgroupindex-tabs li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.fwgroupindex-tabs li a {
    display: block;
    font-size: 15px;
    text-align: center;
    color: #999;
}

.fwgroupindex-tabs li.a {
    height: 42px;
    border-bottom: 1px solid var(--acolor);
}

.fwgroupindex-tabs li.a a {
    color: var(--acolor);
}

.fwgroupindex-recommendc {
    margin: 0 15px;
}

.fwgroupindex-recommend-arrow {
    background: url(../images/icon_common_rightarrow.png) no-repeat;
    background-position: right;
    background-size: 20px auto;
}

.fwgroupindex-recommendc li {
    padding: 10px 0;
    border-bottom: 1px solid #fafafa;
    position: relative;
}

.fwgroupindex-recommendc li:last-child {
    border-bottom: none;
}

.fwgroupindex-recommendc .fwgroupindex-recommend-icon {
    float: left;
    width: 44px;
    height: 44px;
    border-radius: 2px;
    margin-right: 10px;
    overflow: hidden;
}

.fwgroupindex-recommendc .fwgroupindex-recommend-icon img {
    width: 44px;
    height: 44px;
    border-radius: 2px;
    vertical-align: top;
}

.fwgroupindex-recommendc .fwgroupindex-recommend-title {
    height: 24px;
    line-height: 24px;
    font-size: 15px;
}

.fwgroupindex-recommendc .fwgroupindex-recommend-title a {
    color: #333;
}

.fwgroupindex-recommendc .fwgroupindex-recommend-des {
    height: 20px;
    line-height: 20px;
    color: #bbb;
    overflow: hidden;
}

.fwgroupindex-recommendc .fwgroupindex-recommend-join {
    position: absolute;
    top: 18px;
    right: 0;
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
    border-radius: 2px;
    background: var(--acolor);
    font-size: 1.2rem;
    color: #fff;
    display: block;
}

.fwgroupindex-recmda {
    position: absolute;
    top: 25px;
    right: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 2px;
    background: var(--acolor);
    font-size: 12px;
    color: var(--aicolor) !important;
    display: block;
}

.fwgroupmy-t {
    width: 100%;
    height: 42px;
    background-color: #fff;
    margin-bottom: 15px;
    display: -moz-box;
    display: -webkit-box;
}

.fwgroupmy-tc {
    height: 43px;
    position: relative;
    overflow: hidden;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
}

.fwgroupmy-tabs {
    width: 100%;
    position: absolute;
    left: 0;
}

.fwgroupmy-tabs ul {
    position: relative;
    white-space: nowrap;
    font-size: 0;
}

.fwgroupmy-tabs ul li {
    width: 33.33%;
    padding: 0;
    display: inline-block;
    position: relative;
}

.fwgroupmy-tabs ul li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 43px;
    font-size: 15px;
    text-align: center;
    color: #888;
}

.fwgroupmy-tabs ul li.a {
    height: 40px;
    border-bottom: 2px solid #41c2fc;
}

.fwgroupmy-tabs ul li.a a {
    color: #41c2fc;
}

.fwgroupmy-c {
    margin-top: 15px;
    padding: 0 15px;
    background: #fff;
}

.fwgroupmy-c li {
    padding: 10px 0;
    border-bottom: 1px solid #fafafa;
    background: url(../images/icon_common_rightarrow.png) no-repeat;
    background-position: right;
    background-size: 20px auto;
    position: relative;
}

.fwgroupmy-c li:last-child {
    border-bottom: none;
}

.fwgroupmy-c .fwgroupmy-icon {
    float: left;
    width: 44px;
    height: 44px;
    border-radius: 2px;
    margin-right: 10px;
    overflow: hidden;
}

.fwgroupmy-c .fwgroupmy-icon img {
    width: 44px;
    height: 44px;
    border-radius: 2px;
    vertical-align: top;
}

.fwgroupmy-c .fwgroupmy-title {
    height: 24px;
    line-height: 24px;
    font-size: 15px;
    color: #333;
}

.fwgroupmy-c .fwgroupmy-info {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #bbb;
    overflow: hidden;
}

.fwgrouplist-t {
    height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.fwgrouplist-t .fwgrouplist-tc {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    height: 50px;
}

.fwgrouplist-t ul {
    width: 9999px;
}

.fwgrouplist-t li {
    float: left;
    margin-left: 10px;
}

.fwgrouplist-t li a {
    background: #CECECE;
    color: #fff;
    -webkit-appearance: none;
    display: block;
    margin: 0 auto;
    padding: 0 8px;
    height: 30px;
    line-height: 32px;
    font-size: 13px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 2px;
}

.fwgrouplist-t .a a {
    background: #41c2fc;
}

.fwgrouplist-itemc {
    border-bottom: 1px solid #eee;
}

.fwgrouplist-itemc li a,
.fwgrouplist-annouce a,
.fwgrouplist-lthread a {
    color: #555;
    display: block;
}

.fwgrouplist-itemc li i,
.fwgrouplist-annouce i,
.fwgrouplist-lthread i {
    float: right;
    padding-left: 20px;
    font-size: 12px;
    color: #C0C0C0;
}

.fwgrouplist-itemc-more {
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #C0C0C0;
    background: #fff url(../images/icon_common_downarrow.png) no-repeat;
    background-position: 43% 15px;
    background-size: 12px auto;
    text-align: center;
    display: block;
}

.fwgrouplist-itemc-up {
    background: #fff url(../images/icon_common_uparrow.png) no-repeat;
    background-position: 43% 15px;
    background-size: 12px auto;
}

a.fwgrouplist-postnew {
    display: block;
    position: fixed;
    right: 8px;
    bottom: 80px;
    height: 42px;
    width: 42px;
    line-height: 42px;
    text-align: center;
    z-index: 99;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 50%;
    color: #fff;
}

.fwgrouplist-itemlist-ul {
    background: #f2f2f2;
}

.fwgrouplist-itemlist-ul .fwforumlist-wb-bottom {
    border-top: 0 !important;
    border-bottom: 1px solid #efefef !important;
}

.fwgroupcreate-c1 {
    margin-top: 15px;
}

.fwgroupcreate-c1 .fwgroupcreate-c1-citem {
    padding: 10px 12px;
    font-size: 15px;
    background: #fff;
    border-bottom: 1px solid #efefef !important;
}

.fwgroupcreate-c1 .fwgroupcreate-c1-citem .fwgroupcreate-c1-citem-name {
    width: 25%;
    color: #666;
    float: left;
}

.fwgroupcreate-c1 .fwgroupcreate-c1-citem .fwgroupcreate-c1-citem-info {
    width: 75%;
    float: left;
}

.fwgroupcreate-c1 .fwgroupcreate-c1-citem .fwgroupcreate-c1-citem-info .px {
    width: 100%;
    padding: 0;
    padding-top: 5px;
    background: #fff;
    border: 0;
    font-size: 15px;
    border-radius: 0;
    color: #000;
    outline: none;
    -webkit-appearance: none;
}

.fwgroupcreate-c1 .fwgroupcreate-c1-citem .fwgroupcreate-c1-citem-info .ps {
    width: 100%;
    background: #fff url(../images/icon_common_downarrow.png) no-repeat;
    background-position: right;
    background-size: 15px auto;
    border: 0;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    outline: none;
    -webkit-appearance: none;
}

.fwgroupcreate-c1 .fwgroupcreate-c1-citem .fwgroupcreate-c1-citem-info .pt {
    width: 100%;
    height: 80px;
    border: 0;
    background: #fff;
    font-size: 15px;
    border-radius: 0;
    color: #000;
    outline: none;
    -webkit-appearance: none;
}

.fwgroupcreate-c1 .fwgroupcreate-c1-citem .fwgroupcreate-c1-citem-info .d {
    font-size: 13px;
    color: #999;
    margin-top: 10px;
    padding: 10px;
    background: #fffdef;
    border: 1px dashed #e7e1cd;
}

.fwgroupcreate-c1 .fwgroupcreate-c1-citem .htimg img {
    margin-top: 10px;
    width: 100%;
}

.fwgroupcreate-c1 .fwgroupcreate-c1-citem .htico img {
    margin-top: 10px;
    width: 60px;
    height: 60px;
}

.fwgroupcreate-c1 .pn {
    background: var(--acolor);
    color: #fff;
    -webkit-appearance: none;
    display: block;
    margin: 5%;
    width: 90%;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 2px;
}

.fwgroupmgmt-c1 {
    margin: 15px 10px;
}

.fwgroupmgmt-c1 a {
    margin-right: 15px;
    font-size: 14px;
    color: #41c2fc;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #41c2fc;
    background: #F2FBFF;
    border-radius: 3px;
}

.fwgroupmgmt-c2 {
    background: #fff;
    padding: 0 15px;
}

.fwgroupmgmt-c2 li {
    height: 45px;
    line-height: 20px;
    padding: 10px 0;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    position: relative;
}

.fwgroupmgmt-c2 li img {
    float: left;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
    vertical-align: top;
    margin-right: 10px;
}

.fwgroupmgmt-c2 .fwgroupmgmt-c2-isbt {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}

.fwgroupmgmt-c2 .fwgroupmgmt-c2-isbt span {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #999;
}

.fwgroupmgmt-c2 .pn {
    float: left;
    background: var();
    color: #fff;
    -webkit-appearance: none;
    display: block;
    margin-right: 15px;
    width: 50px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 2px;
}

.fwgroupmgmt-searchc {
    margin: 0 10px;
}

.fwgroupmgmt-searchc .fwgroupmgmt-searchc-ipt {
    width: 78%;
    margin-right: 2%
}

.fwgroupmgmt-searchc .fwgroupmgmt-searchc-ipt .input {
    width: 97%;
    height: 35px;
    line-height: 36px;
    padding: 0;
    padding-left: 3%;
    background: #fff;
    border: 0;
    font-size: 15px;
    border-radius: 2px;
    color: #000;
    outline: none;
    -webkit-appearance: none;
}

_::-webkit-full-page-media,
_:future,
:root .fwgroupmgmt-searchc .fwgroupmgmt-searchc-ipt .input {
    line-height: 35px;
}

.fwgroupmgmt-searchc .fwgroupmgmt-searchc-submitc {
    width: 20%;
}

.fwgroupmgmt-searchc .fwgroupmgmt-searchc-submitc .button2 {
    background: var(--bcolor);
    color: #fff;
    -webkit-appearance: none;
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 35px;
    line-height: 36px;
    font-size: 16px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 2px;
}

_::-webkit-full-page-media,
_:future,
:root .fwgroupmgmt-searchc .fwgroupmgmt-searchc-submitc .button2 {
    line-height: 35px;
}

.fwgroupmgmt-memc {
    margin-top: 15px;
    background: #fff;
}

.fwgroupmgmt-memc .fwgroupmgmt-memc-title {
    height: 44px;
    line-height: 46px;
    padding-left: 15px;
    font-size: 14px;
    color: #999;
    border-bottom: 1px solid #efefef;
}

.fwgroupmgmt-memc .fwgroupmgmt-memc-list {
    margin: 0 15px;
}

.fwgroupmgmt-memc .fwgroupmgmt-memc-list li {
    height: 45px;
    line-height: 20px;
    padding: 10px 0;
    background: url(../images/icon_common_rightarrow.png) no-repeat;
    background-position: right;
    background-size: 20px auto;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    position: relative;
}

.fwgroupmgmt-memc .fwgroupmgmt-memc-list li:last-child {
    border-bottom: none;
}

.fwgroupmgmt-memc .fwgroupmgmt-memc-list img {
    float: left;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
    vertical-align: top;
    margin-right: 10px;
}

.fwgroupmgmt-memc .fwgroupmgmt-memc-list .fwgroupmgmt-memc-listname {
    height: 25px;
    line-height: 25px;
    font-size: 16px;
}

.fwgroupmgmt-memc .fwgroupmgmt-memc-list .fwgroupmgmt-memc-listname span {
    height: 18px;
    line-height: 18px;
    margin-top: -6px;
    margin-left: 5px;
    padding: 0 5px;
    border-radius: 2px;
    background-color: var(--bcolor);
    font-size: 1.2rem;
    color: var(--bicolor);
    font-family: Helvetica;
    display: inline-block;
    vertical-align: middle;
}

.fwgroupmgmt-memc .fwgroupmgmt-memc-list .fwgroupmgmt-memc-listjointime {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
}

.fwgroupmgmt-memc .fwgroupmgmt-memc-list .fwgroupmgmt-memc-listmem {
    height: 45px;
    line-height: 45px;
}

.fwgroupmgmt-memedits {
    width: 100%;
    height: 50px;
    background: #FCFCFC;
    border-top: 1px solid #ECECEC;
    position: fixed;
    bottom: 0px;
    z-index: 10;
}

.fwgroupmgmt-memedits .fwgroupmgmt-memedits-c {
    height: 50px;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
}

.fwgroupmgmt-memedits .fwgroupmgmt-memedits-c .fwgroupmgmt-memedits-cm {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    height: 60px;
}

.fwgroupmgmt-memedits .fwgroupmgmt-memedits-c ul {
    width: 100px;
}

.fwgroupmgmt-memedits .pn {
    margin-left: 10px;
    margin-top: 8px;
    font-size: 14px;
    color: #41c2fc;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    border: 1px solid #41c2fc;
    background: #F2FBFF;
    border-radius: 3px;
}

.fwgroupmgmt-ttc {}

.fwgroupmgmt-ttc .fwgroupmgmt-ttc-citem {
    padding: 10px 12px;
    font-size: 15px;
    background: #fff;
    border-bottom: 1px solid #efefef !important;
}

.fwgroupmgmt-ttc .fwgroupmgmt-ttc-citem .fwgroupmgmt-ttc-citemtitle {
    width: 35%;
    color: #666;
}

.fwgroupmgmt-ttc .fwgroupmgmt-ttc-citem .fwgroupmgmt-ttc-citemcnt {
    width: 65%;
}

.fwgroupmgmt-ttc-rctc {}

.fwgroupmgmt-ttc-rctc .fwgroupmgmt-ttc-rctitle {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px;
}

.fwgroupmgmt-ttc-rctc .fwgroupmgmt-ttc-rclist {
    width: 100%;
}

.fwgroupmgmt-ttc-rctc .fwgroupmgmt-ttc-rclist thead,
.fwgroupmgmt-ttc-rctc .fwgroupmgmt-ttc-rclist tbody {
    background: #fff;
}

.fwgroupmgmt-ttc-rctc .fwgroupmgmt-ttc-rclist th,
.fwgroupmgmt-ttc-rctc .fwgroupmgmt-ttc-rclist td {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #efefef !important;
}

.fwgroupmgmt-ttc-rctc .fwgroupmgmt-ttc-rclist a {
    color: #41c2fc;
}

.fwgroupmgmt-rctc-submitc {
    background: var(--acolor);
    color: #fff;
    -webkit-appearance: none;
    display: block;
    margin: 5%;
    width: 90%;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 2px;
}

.fwgroupmgmt-ttc-c {
    background: #fff;
}

.fwgroupmgmt-ttc-c .fwgroupmgmt-ttc-rctitle {
    height: 44px;
    line-height: 46px;
    padding-left: 15px;
    font-size: 14px;
    color: #999;
    border-bottom: 1px solid #efefef;
}

.fwgroupmgmt-ttc-c .fwgroupmgmt-memc-list {
    margin: 0 15px;
}

.fwgroupmgmt-ttc-c .fwgroupmgmt-memc-list li {
    height: 45px;
    line-height: 20px;
    padding: 10px 0;
    background: url(../images/icon_common_rightarrow.png) no-repeat;
    background-position: right;
    background-size: 20px auto;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    position: relative;
}

.fwgroupmgmt-ttc-c .fwgroupmgmt-memc-list .fwgroupmgmt-memc-listname {
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}

.fwgroupmgmt-ttc-c .fwgroupmgmt-memc-list img {
    float: left;
    width: 45px;
    height: 45px;
    margin-left: 25px;
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
    vertical-align: top;
    margin-right: 10px;
}

.fwgroupmgmt-ttc-c .fwgroupmgmt-memc-list .pr {
    position: absolute;
    top: 25px;
    left: 0;
}

.fwgroupmgmt-ttc-submitc {
    margin-top: 15px;
}

.fwgroupmgmt-ttc-submitc .fwgroupmgmt-ttc-citem {
    padding: 10px 12px;
    font-size: 15px;
    background: #fff;
    border-bottom: 1px solid #efefef !important;
}

.fwgroupmgmt-ttc-submitc .fwgroupmgmt-ttc-citemtitle {
    width: 35%;
    color: #666;
}

.fwgroupmgmt-ttc-submitc .fwgroupmgmt-ttc-citemcnt {
    width: 65%;
}

.fwgroupmgmt-ttc-submitc .fwgroupmgmt-ttc-citemcnt .px {
    width: 100%;
    padding: 0;
    background: #fff;
    border: 0;
    font-size: 15px;
    border-radius: 0;
    color: #000;
    outline: none;
    -webkit-appearance: none;
}

.fwgroupmgmt-ttc-submitc .pn {
    background: var(--bcolor);
    color: var(--bicolor);
    -webkit-appearance: none;
    display: block;
    margin: 5%;
    width: 90%;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 2px;
}

.fwgroupmgmt-ttc-submitc {
    margin-top: 15px;
}

.fwgroupmgmt-ttc-submitc .pn {
    background: var(--bcolor);
    color: var(--bicolor);
    -webkit-appearance: none;
    display: block;
    margin: 5%;
    width: 90%;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    border: none;
    outline: none;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 2px;
}

.fwgroupivt-c .fwgroupivt-meminfo {
    margin-bottom: 15px;
}

.fwgroupivt-c .fwgroupivt-meminfo .fwgroupivt-meminfo-avatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.fwgroupivt-c .fwgroupivt-meminfo .fwgroupivt-meminfo-avatar img {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    vertical-align: top;
}

.fwgroupivt-c .fwgroupivt-meminfo .fwgroupivt-meminfo-name h2 {
    line-height: 20px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}

.fwgroupivt-c .fwgroupivt-meminfo .fwgroupivt-meminfo-name p {
    line-height: 20px;
    font-size: 12px;
    color: #999;
}

.fwgroupivt-c .fwgroupivt-meminfo-qr canvas {
    display: none;
}

.fwgroupivt-c .fwgroupivt-meminfo-qr img {
    width: 100%;
    vertical-align: top;
}

.fwgroupheader-c {
    width: 100%;
    padding-bottom: 0px;
    overflow: hidden;
    position: relative;
}

.fwgroupheader-info {
    text-align: center;
    margin-top: 45px;
    padding-bottom: 45px;
    overflow: hidden;
    color: #fff;
}

.fwgroupheader-info .fwgroupheader-info-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
    overflow: hidden;
}

.fwgroupheader-info .fwgroupheader-info-icon img {
    margin: 2px;
    width: 76px;
    height: 76px;
    -webkit-border-radius: 5rem;
    border-radius: 5rem;
    vertical-align: top;
}

.fwgroupheader-info h2 {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    margin-top: 10px;
    overflow: hidden;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}

.fwgroupheader-info .fwgroupheader-info-yl {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.fwgroupheader-info .fwgroupheader-info-yl i {
    padding: 0 10px;
    color: rgba(255, 255, 255, 0.5);
}

.fwgroupheader-info .fwgroupheader-info-btnc {
    margin: 10px 3px 0 3px;
    line-height: 26px;
    outline: none;
    text-align: center;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0 12px;
    font-size: 14px;
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4)
}

.fwgroupheader-info .fwgroupheader-info-btnc i {
    margin-right: 5px;
}

/*=====================================fwportal style==========================================*/

.fwlanch {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999998;
    width: 100%;
    height: 100%;
}

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

.fwlanch .fwlanch-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fwlanch .fwlanch-times {
    position: absolute;
    z-index: 999999;
    right: 20px;
    top: 20px;
    padding: 5px 10px;
    background: #222;
    color: #fff;
    font-size: 1.4rem;
    opacity: 0.8;
    border-radius: 3px;
}

.fwportal-viewc {
    width: 100%;
    padding: 10px;
    background: #fff;
    box-sizing: border-box;
}

.fwportal-viewc .fwportalview-titlebar {
    margin-top: 10px;
    box-sizing: border-box;
}

.fwportal-viewc .fwportalview-titlebar h2 {
    font-size: 2.0rem;
    font-weight: normal;
}

.fwportal-viewc .fwportalview-titlebar p {
    margin-top: 5px;
}

.fwportal-viewc .fwportalview-titlebar p span {
    font-size: 1.2rem;
    color: #999;
    margin-right: 5px;
}

.fwportal-viewc .fwportalview-summarybar {
    width: 100%;
    background: #f1f2f6;
    color: #666;
    font-size: 1.4rem;
    margin: 10px 0;
    padding: 8px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
}

.fwportal-viewc .fwportalview-contentbar {
    margin-top: 10px;
    font-size: 1.6rem;
    color: #666;
    line-height: 25px;
    box-sizing: border-box;
    position: relative;
}

.fwportal-viewc .fwportalview-contentbar .readmore {
    position: absolute;
    z-index: 90;
    bottom: 0;
    width: 100%;
    padding-top: 160px;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
}

.fwportal-viewc .fwportalview-contentbar .readmore a.areadmore {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 0 8px;
    display: inline-block;
    font-size: 1.4rem;
    border-radius: 4px;
    text-align: center;
    border: none;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    min-width: 72px;
    color: var(--bcolor);
    border: 1px solid var(--bcolor);
}

.fwportal-viewc .fwportalview-contentbar p {
    font-size: 1.6rem;
    margin: 15px 0;
}

.fwportal-viewc .fwportalview-contentbar p img {
    width: 100%;
}

.fwportal-viewc .fwportalview-contentbar p a {
    font-size: 1.6rem !important;
    color: var(--acolor) !important;
}

.fwportal-viewc .fwportalview-otherartbar p {
    margin: 10px 0;
    font-size: 1.4rem;
    color: #666;
}

.fwportal-viewc .fwportalview-otherartbar p.otherartbar-next {
    margin-top: 0 !important;
}

.fwportal-viewc .fwportalview-otherartbar p a {
    font-size: 1.4rem;
    color: #666;
}

.fwportal-viewreleated,
.fwportal-comment {
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    background: #fff;
    box-sizing: border-box;
}

.fwportal-viewreleated-title,
.fwportal-comment-title {
    overflow: hidden;
    position: relative;
}

.fwportal-comment-title {
    border-bottom: 1px solid #eee;
}

.fwportal-viewreleated-title h2,
.fwportal-comment-title h2 {
    height: 18px;
    line-height: 18px;
    /* margin: 0 12px; */
    padding-top: 12px;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
}

.fwportal-viewreleated-title h2 span,
.fwportal-comment-title h2 span {
    border-left: 5px solid var(--acolor) !important;
}

.fwportal-viewreleated-title .viewreleated-more,
.fwportal-comment-title .viewcomment-more {
    position: absolute;
    right: 5px;
    top: 8px;
    height: 22px;
    z-index: 120;
    overflow: hidden;
    color: #999;
}

.fwportal-comment-title .viewcomment-more a {
    font-size: 1.2rem;
    color: #999;
}

.fwportal-comment-title .viewcomment-more i {
    font-size: 1.2rem;
    color: #999;
}

.fwportal-viewreleated li {
    line-height: 25px;
    color: #666;
}

.fwportal-viewreleated li i {
    color: #666;
}

.fwportal-viewreleated li a {
    font-size: 1.4rem;
    color: #666;
}

.fwportal-comment-c {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

.fwportal-comment-top {
    height: 50px;
    line-height: 50px;
    color: #666;
    position: relative;
    box-sizing: border-box;
}

.fwportal-comment-top .fwportal-comment-avatar {
    float: left;
    display: block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 12px;
    margin-top: 8px;
}

.fwportal-comment-top .fwportal-comment-avatar img {
    object-fit: cover;
    border: 0;
    width: 35px;
    height: 35px;
}

.fwportal-comment-top .fwportal-comment-uname {
    float: left;
    display: block;
    height: 50px;
    line-height: 50px;
    margin-left: 10px;
    font-size: 1.2rem;
    color: #666;
}

.fwportal-comment-top .fwportal-comment-time {
    float: right;
    display: block;
    color: #999;
    height: 50px;
    line-height: 50px;
}

.fwportal-comment-body {
    font-size: 1.4rem;
    color: #666;
    line-height: 20px;
    margin-top: 5px;
    box-sizing: border-box;
}

.fwportal-comment-bottom span,
.fwportal-comment-bottom span a {
    color: #999;
    font-size: 1.2rem;
}

.fwportal-sendcomment-c {
    bottom: 0;
    left: 0;
    position: fixed;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
    width: 100%;
    z-index: 100;
    box-sizing: border-box;
}

/*=====================================fwshare style==========================================*/

.fwshare-share {
    font-size: 1.4rem;
    border-radius: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    text-align: center;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 300ms;
    transition: transform 300ms;
    width: 100%;
    z-index: 100;
}

.fwshare-modal-active {
    transform: translateY(0px);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.fwshare-modal-out {
    z-index: 99;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.fwshare-share-title {
    background-color: #f8f8f8;
    border-bottom: 1px solid #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #555;
    font-weight: 400;
    margin: 0;
    padding: 10px 0 0;
    text-align: center;
}

.fwshare-share-title::after {
    border-bottom: 1px solid #dfdfdf;
    content: "";
    display: block;
    height: 0;
    margin-top: 10px;
    width: 100%;
}

.fwshare-share-footer {
    margin: 0;
}

.fwshare-share-footer .fwshare-share-btn {
    color: #555;
    display: block;
    width: 100%;
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
    padding: 10px 0;
    text-align: center;
    transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s;
    white-space: nowrap;
    font-family: "微软雅黑";
}

.fwshare-share-sns {
    background-color: #f8f8f8;
    border-radius: 0 0 2px 2px;
    margin: 0;
    padding: 15px 0 0 0;
    height: auto;
    zoom: 1;
    overflow: auto;
}

.fwshare-share-sns li {
    margin-bottom: 15px;
    display: block;
    float: left;
    height: auto;
    width: 33%;
}

.fwshare-share-sns.fwshare-share-sns-inapp li {
    width: 25%;
    box-sizing: border-box;
}

#fwshare_items li a {
    color: #555;
    display: block;
    text-decoration: none;
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
    line-height: unset;
    height: auto;
    background-image: none;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-color: transparent;
    width: 100%;
    height: 65px;
    padding-top: 42px;
    box-sizing: border-box;
    position: relative;
}

#fwshare_items li a.bds_weixin,
#fwshare_items li a.fwshare-wxitem {
    background-image: url(../images/shareicon/2/share_icon_wechat.png);
}

#fwshare_items li a.bds_weixin,
#fwshare_items li a.fwshare-pyqitem {
    background-image: url(../images/shareicon/2/share_icon_pyq.png);
}

#fwshare_items li a.bds_tqf,#fwshare_items li a.bds_sqq,
#fwshare_items li a.fwshare-qqitem {
    background-image: url(../images/shareicon/2/share_icon_qq.png);
}

#fwshare_items li a.bds_qzone,
#fwshare_items li a.fwshare-qzoneitem {
    background-image: url(../images/shareicon/2/share_icon_qzone.png);
}

#fwshare_items li a.bds_tqq,
#fwshare_items li a.fwshare-tqqitem {
    background-image: url(../images/shareicon/2/share_icon_tweibo.png);
}

#fwshare_items li a.bds_tsina,
#fwshare_items li a.fwshare-weiboitem {
    background-image: url(../images/shareicon/2/share_icon_weibo.png);
}

#fwshare_items li a.bds_copy {
    background-image: url(../images/shareicon/2/share_icon_copy.png);
}

/*=====================================fwdzad style==========================================*/

.fwdzad-c {
    margin: 10px 0;
    background: #fff;
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box;
}

.fwdzad-c img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border: 0;
}

/*=====================================fwdzdiy style==========================================*/

/*=====================================fwimportant style==========================================*/

.fwloadmore-nocontent {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 1.4rem;
    background: #fff;
    color: #999;
    text-align: center;
    margin-top: 10px;
    padding: 10px 0;
}

.am-modal-active {
    transform: translateY(0px);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}

.am-modal-out {
    z-index: 1109;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}

.sharebg {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    display: none;
}

.sharebg-active {
    opacity: 1;
    display: block;
}

.fw-pageload-status {
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    min-height: 100%;
    background-color: #FFF;
    z-index: 89;
}

.fw-pageload-status.fwanimate {
    transition: all 0.3s;
    /* Firefox 4 */
    -moz-transition: all 0.3s;
    /* Safari 和 Chrome */
    -webkit-transition: all 0.3s;
    /* Opera */
    -o-transition: all 0.3s;
}

.fw-pageload-status.active {
    right: 0;
}