.fui-card { background: #fff; box-shadow: 0 0.1rem 0.1rem rgba(204, 204, 204, 0.3); border: 1px solid #ccc; margin: 0.5rem; position: relative; border-radius: 0.1rem; font-size: 30rpx; padding-top: .5rem; -moz-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: background-color; transition-property: background-color; }
.fui-card.fui-card-full { margin: 0; border: none; border-radius: none; box-shadow: none; }
.fui-card:not(.fui-card-list):active { background: #e5e5e5; }
.fui-card .fui-card-title { padding: 0rem .5rem 0 .5rem; }
.fui-card .fui-card-title wx-span { width: 100%; display: block; }
.fui-card .fui-card-title .title { line-height: 1rem; font-size: .85rem; }
.fui-card .fui-card-title .subtitle { color: #666; padding: .3rem 0; }
.fui-card .fui-card-image { padding: .3rem .3rem 0 .3rem; }
.fui-card .fui-card-image wx-img { width: 100%; }
.fui-card .fui-card-content { padding: 0 .5rem .5rem .5rem; line-height: 1rem; font-size: 0.7rem; color: #445; }
.fui-card .fui-card-footer { border-top: 1px solid #f5f5f5; padding: .6rem .5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.fui-card .fui-card-footer .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.fui-card .fui-card-footer .remark:after { content: " "; display: inline-block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); height: 0.3rem; width: 0.3rem; border-width: 2px 2px 0 0; border-color: #C8C8CD; border-style: solid; position: relative; top: -1px; margin-left: .3em; }
.fui-card-header { text-align: center; margin: 0.8rem .5rem .8rem .5rem; font-size: 0.7rem; color: #666; }
.fui-card-header wx-span { display: inline-block; background: #cecece; padding: .2rem .5rem; border-radius: 0.2rem; color: #fff; }
.fui-card.fui-card-list { padding: .05rem; padding-bottom: 0; }
.fui-card .fui-card-first { padding: .5rem .2rem; -moz-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: background-color; transition-property: background-color; }
.fui-card .fui-card-first .image { position: relative; }
.fui-card .fui-card-first wx-img { width: 100%; display: block; }
.fui-card .fui-card-first .text { position: absolute; background: rgba(0, 0, 0, 0.8); bottom: 0; width: 97%; padding: .4rem .3rem; color: #fff; font-size: 32rpx; }
.fui-card .fui-card-item { border-top: 1px solid #f5f5f5; padding: .2rem .5rem .2rem .5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-transition-duration: 300ms; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transition-property: background-color; transition-property: background-color; }
.fui-card .fui-card-item wx-img { width: 2rem; height: 2rem; display: table-cell }
.fui-card .fui-card-item .text { padding: 0 .5rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.fui-card .fui-card-item .text.left { padding: 0; }
.fui-card-first:active, .fui-card-item:active { background: #e5e5e5; }
.fui-card .fui-card-info { padding: 0 .5rem; padding-top: .5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.fui-card .fui-card-info wx-span { display: block; padding: 0 .5rem; font-size: 0.7rem; }
.fui-card .fui-card-info .subtitle { padding-top: 0.2rem; color: #666; font-size: 0.65rem; }
.fui-card .fui-card-info wx-img { width: 2rem; height: 2rem; }
.fui-card .fui-card-info .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.fui-card .fui-card-btns { padding: .6rem .5rem; border-top: 1px solid #f5f5f5; }
.fui-card .fui-card-btns wx-a { display: table-cell; width: 1%; text-align: center; text-decoration: none; color: #666; }
.fui-card .fui-card-btns wx-a:first-child { text-align: left; }
.fui-card .fui-card-btns wx-a:last-child { text-align: right; }
.fui-card .fui-card-btns wx-a:active { color: #999; }
.list-number{width:100%;display:flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
.article-index-page .fui-content, .article-list-page .fui-content {background: #f4f4f4;}
.fui-article-page {background: #fff; padding: 0.5rem;}
.fui-article-page .fui-article-title {font-size: 1.2rem;}
.fui-article-page .fui-article-subtitle {height: auto; font-size: 0.8rem; color: #8c8c8c; overflow: hidden;}
.fui-article-page .fui-article-subtitle wx-a {color: #607fa6;}
.fui-article-page .fui-article-subtitle .nav {padding-top: 0.3rem; float: left; font-size: 0.75rem;}
.fui-article-page .fui-article-subtitle .nav.right {float: right;}
.fui-article-page .fui-article-subtitle .nav.padding {padding-left: 0.3rem;}
.fui-article-page .fui-article-content {padding-top: 0.2rem;}
.fui-article-page .fui-article-content .fui-article-notread {height: 8rem; background: #F4F4F4; margin: 0.5rem; padding-top: 2.5rem; border: 0.1rem dashed #999; display: none;}
.fui-article-page .fui-article-content .fui-article-notread wx-p {line-height: 1.5rem; text-align: center; font-size: 0.8rem; color: #666;}
.fui-article-page .fui-article-content .fui-article-gps {font-size: 0.8rem; text-align: center; line-height: 2rem; color: #666; padding-top: 2rem; padding-bottom: 5rem;}
.fui-article-page .fui-article-content wx-image {vertical-align:bottom; max-width: 100%; border: 0;}
.template-2 .fui-list-group {margin-top: 120rpx;}
.article-index-page .fui-list-group {margin-top: 100rpx;}
.article-index-page .fui-list-group .round {border-radius: 2.5rem;}
.article-index-page .fui-line .text {color: #999;}
.article-index-page .fui-line.link:before {height: 0; border: 0;}
.article-index-page .fui-line.link .text {color: #607fa6;}
.article-index-page .fui-line:before {background: none; border-top: 1px dashed #999;}
.article-index-page .swipe {height: auto; background: #f4f4f4;}
.article-index-page .swipe .inner {background: #fff; padding: 0.5rem; margin: 0 0.5rem; overflow: hidden; display: block;}
.article-index-page .swipe wx-image {width: 100%;}
.article-report-page .fui-cell-title {color: #999;}
.article-report-page .fui-cell-group {margin-top: 0;}
.article-report-page .fui-cell-group .fui-cell.fui-cell-textarea .fui-cell-label {margin-top: -4.8rem;}
.article-report-page .sub {display: block; margin-top: 2rem;}
.fui-article-list.template-0 .fui-list-media wx-image, .fui-article-list.template-2 .fui-list-media wx-image {height: 2.5rem; width: 2.5rem;}
.fui-article-list.template-0 {background: #fff;}
.fui-article-list.template-0 .topimg {height: auto; padding-bottom: 0.5rem;}
.fui-article-list.template-0 .topimg wx-image {height: auto; width: 100%; display: block;}
.fui-article-list.template-0 .fui-list-group {margin-top: 0;}
.fui-article-list.template-1 wx-a {color: #666;}
.fui-article-list.template-1 .fui-card-list {padding-bottom: 0.4rem;}
.fui-article-list.template-2 .fui-tab-scroll .item.on {color: #0cc;}
.fui-article-list.template-2 .fui-tab-scroll .item.on:before {background: #0cc;}
.fui-tab-scroll {height:100rpx;}
.fui-tab-scroll:after {content: ""; height: 1px; width: 100%; background: #efefef; position: absolute; left: 0; bottom: 0;}
.fui-tab-scroll .container{z-index: -1; height:2.4rem; overflow: auto; white-space:nowrap;}
.fui-tab-scroll .item { width:auto; overflow: hidden; text-decoration: none; color:#333; text-align: center; padding: 0.25rem 0.6rem; font-size: 32rpx;}
.fui-tab-scroll .item.on {color:#ff6801; font-weight: bold; position: relative;}
.fui-tab-scroll .item.on:before {content: ""; height: 2px; width: 100%; background: #ff6801; position: absolute; bottom: -0.2rem; left: 0;}