.module-detail {
  position: relative; }

.module-detail .detail-header {
  padding: 7px 0 16px 0;
  border-bottom: 1px solid #eee;
  min-height: 64px;
  position: relative;
  width: 100%;
  display: table;
  table-layout: fixed; }

.module-detail .detail-header .detail-tit {
  width: 100%;
  letter-spacing: -1.5px;
  font-size: 22px;
  color: #333;
  line-height: 27px;
  font-weight: normal; }

.module-detail .detail-header .detail-tit.color-disabled {
  color: #999999; }

.module-detail .detail-header .detail-breadcrumb {
  margin-top: 2px; }

.module-detail .detail-header .detail-breadcrumb ul::after {
  content: "";
  display: table;
  clear: both; }

.module-detail .detail-header .detail-breadcrumb ul li {
  float: left;
  position: relative;
  padding-left: 8px;
  margin-right: 6px;
  font-size: 12px;
  color: #999;
  line-height: normal;
  font-weight: normal; }

.module-detail .detail-header .detail-breadcrumb ul li::before {
  content: "";
  width: 1px;
  height: 8px;
  background-color: #cccccc;
  position: absolute;
  top: 0px;
  left: 0px;
  top: 50%;
  margin-top: -6px;
  right: 0; }

.module-detail .detail-header .detail-breadcrumb ul li:first-child {
  padding-left: 0; }

.module-detail .detail-header .detail-breadcrumb ul li:first-child::before {
  display: none; }

.module-detail .detail-header .detail-list {
  margin-top: 2px; }

.module-detail .detail-header .detail-list ul::after {
  content: "";
  display: table;
  clear: both; }

.module-detail .detail-header .detail-list ul li {
  float: left;
  position: relative;
  padding-left: 10px;
  margin-right: 10px;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  font-weight: normal; }

.module-detail .detail-header .detail-list ul li::before {
  content: "";
  width: 1px;
  height: 8px;
  background-color: #ccc;
  position: absolute;
  top: 6px;
  left: 0px;
  top: 50%;
  margin-top: -4px; }

.module-detail .detail-header .detail-list ul li:first-child {
  padding-left: 0; }

.module-detail .detail-header .detail-list ul li:first-child::before {
  display: none; }

.module-detail .detail-header .module-dropdown {
  position: absolute;
  bottom: 16px;
  right: 0; }

.module-detail .detail-content {
  padding: 16px 0 20px 0;
  font-size: 15px;
  color: #000;
  line-height: 23px;
  font-weight: normal; }

.module-detail .detail-content-data {
  word-break: break-all;
  word-break: break-word; }

.module-detail .detail-content-data img {
  max-width: 100% !important; }

.module-detail .detail-content-data iframe {
  max-width: 100% !important; }

.module-detail .detail-content .scroll {
  padding-top: 0;
  padding-bottom: 0; }

.module-detail .detail-content-form {
  padding-top: 20px; }

.module-detail .detail-content:first-child {
  padding-top: 0; }

.module-detail .detail-form {
  padding: 0 40px 40px 0; }

.module-detail .detail-footer {
  padding: 0 0 24px 0; }

.module-detail .detail-footer .module-type .p1 {
  margin-top: 4px;
  font-size: 14px;
  color: #666;
  line-height: normal;
  font-weight: normal; }

.module-detail .detail-footer .module-list.list-note li {
  font-size: 12px;
  margin-top: 16px;
  padding-top: 16px;
  line-height: 16px;
  text-align: center;
  color: #999999;
  position: relative; }

.module-detail .detail-footer .module-list.list-note li::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  height: 1px;
  background: #eeeeee;
  display: block; }

.module-detail .detail-footer .module-rateit {
  padding-top: 15px;
  position: relative; }

.module-detail .detail-footer .module-rateit::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  height: 1px;
  background: #eeeeee;
  display: block; }

.module-detail .detail-footer .module-actions:first-child {
  position: relative; }

.module-detail .detail-footer .module-actions:first-child::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: -16px;
  margin-right: -16px;
  content: "";
  height: 1px;
  background: #eeeeee;
  display: block; }

.module-detail .detail-footer .module-actions .actions-right {
  float: none; }

.module-detail .detail-quick {
  width: 100%;
  margin-top: -25px;
  margin-bottom: -28px; }

.module-detail .detail-quick li {
  display: table-row;
  height: 51px; }

.module-detail .detail-quick li .group-text {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
  color: #333;
  line-height: normal;
  font-weight: 400;
  padding-right: 29px; }

.module-detail .detail-quick li .group-text .element-svg {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%); }

.module-detail .detail-quick li .group-subject {
  display: table-cell;
  vertical-align: middle;
  padding-left: 45px; }

.module-detail .detail-quick li .group-subject a {
  font-size: 14px;
  color: #666;
  line-height: normal;
  font-weight: normal; }

.module-detail .detail-quick li .group-subject a:hover {
  text-decoration: underline; }

.module-detail .detail-state {
  font-size: 0;
  padding-top: 7px; }

.module-detail .btn-close {
  padding: 0;
  margin: 0;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  position: absolute;
  top: 16px;
  right: 32px; }

.module-detail .btn-close:hover {
  background-color: #eee; }

.module-detail .btn-close .icon {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%); }

.module-detail.disabled .detail-header .detail-tit {
  color: #999999; }

.module-detail.disabled .detail-content {
  font-size: 15px;
  color: #cccccc; }

.module-tab .module-detail {
  background-color: #f5f5f5;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  padding-top: 16px;
  padding-left: 17px;
  padding-right: 17px;
  padding-bottom: 16px; }

.module-tab .module-detail .detail-content-data.scroll {
  overflow-x: hidden;
  overflow-y: auto; }

.module-tab .detail-footer {
  border-top: 1px solid #cccccc;
  padding-bottom: 0; }

.module-tab .detail-content {
  padding-top: 16px;
  padding-bottom: 17px; }

.module-files::after {
  content: "";
  display: table;
  clear: both; }

.module-files ul {
  display: flex;
  justify-content: left;
  flex-wrap: nowrap; }

.module-files .files-addon {
  position: relative;
  overflow: hidden; }

.module-files .files-addon input[type="file"] {
  position: absolute;
  top: -100px;
  left: -100px; }

.module-files .files-header {
  position: relative; }

.module-files .files-header em {
  padding-left: 14px;
  font-style: normal;
  font-size: 14px;
  font-weight: bold;
  color: #222222; }

.module-files .files-header .element-svg {
  height: 14px;
  position: absolute;
  top: 6px;
  left: 0px; }

.module-files .files-data .clamp {
  white-space: normal;
  max-width: 100%;
  font-size: 12px;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  font-family: sans-serif;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis; }

.module-files .files-count {
  font-size: 14px;
  font-weight: normal;
  color: #ff5000; }

.module-files .files-body {
  padding-top: 6px; }

.module-files .files-size {
  padding-top: 4px;
  font-size: 10px;
  font-weight: normal;
  color: #aaa; }

.module-files .files-slide {
  padding-left: 16px;
  overflow: hidden;
  margin-left: -16px;
  margin-right: -16px;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }

.module-files .files-slide::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none; }

.module-files .files-slide::-moz-scrollbar {
  display: none; }

.module-files .files-items {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left; }

.module-files .files-items-item {
  position: relative;
  padding-right: 8px;
  flex-basis: 146px;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 2px;
  position: relative;
  word-break: break-all;
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  color: #666;
  line-height: normal;
  font-weight: normal; }

.module-files .files-items-item .files-size {
  display: block;
  font-size: 10px;
  color: #aaa; }

.module-files .files-items-item a {
  display: inline-block;
  font-size: 12px;
  color: #222;
  line-height: normal;
  font-weight: normal; }

.module-files .files-items-item a:hover {
  text-decoration: underline; }

.module-files .files-items-item .center {
  border-radius: 2px;
  background-color: #f7f7f7;
  width: 100%;
  padding-top: 12px;
  min-height: 72px;
  vertical-align: middle; }

.module-files .files-items-item .center .files-data {
  display: block;
  height: 58px;
  padding-left: 8px;
  padding-right: 8px; }

.module-files .files-items-item .element-btn {
  width: 100%;
  border: 0;
  height: 32px;
  border: solid 1px #cccccc;
  border-radius: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  background-color: #f7f7f7; }

.module-files .files-items-item .element-btn .btn-txt {
  font-size: 12px;
  font-weight: normal;
  color: #999999; }

.module-files .files-items-item:last-child {
  padding-right: 16px; }

.module-files .files-items.files-border .files-items-item .center {
  border-radius: 2px;
  border: solid 1px #cccccc;
  background-color: #f7f7f7; }

.module-files .files-addon + .files-body {
  padding-top: 16px; }

.detail-accordion.module-view {
  background-color: #f9f9f9;
  margin-top: 11px;
  margin-bottom: 40px; }

.detail-accordion.module-view .detail-footer {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #333333; }

.module-rateit .rateit-txt {
  text-align: center;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal; }

.module-rateit .rateit-star {
  text-align: center;
  position: relative;
  padding-top: 9px;
  font-size: 0; }

.module-rateit .rateit-star .start-mask {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }

.module-rateit .rateit-star .start-mask i {
  transition: opacity 0.5s; }

.module-rateit .rateit-star .start-mask .active {
  opacity: 0; }

.module-star {
  display: inline-block;
  overflow: hidden;
  position: relative; }

.module-star .element-svg {
  float: left;
  margin-left: 8px; }

.module-star .element-svg:first-child {
  margin-left: 0; }

.module-actions {
  position: relative;
  padding-top: 24px; }

.module-actions::after {
  content: "";
  display: table;
  clear: both; }

.module-actions .actions-left {
  float: left; }

.module-actions .actions-right {
  float: right; }

.module-actions .actions-center {
  text-align: center; }

.module-actions .actions-center .element-btn {
  width: 100%;
  display: inline-block; }

.module-actions .actions-center .element-btn .btn-txt {
  text-align: center; }

.module-actions .actions-center .element-btn.width-min {
  width: auto; }

.module-actions .column-2 {
  float: left;
  width: 50% !important; }

.module-actions .column-3 {
  float: left;
  width: 33.3% !important; }

.module-actions .column-3 .element-btn {
  width: 100%; }

.module-actions .column-3 .element-btn .btn-txt {
  padding-left: 0;
  padding-right: 0;
  text-align: center; }

.module-actions .column-2 + .column-2 {
  padding-left: 8px; }

.module-actions .column-3 + .column-3 {
  padding-left: 8px; }

.module-actions .actions-center + .actions-center {
  padding-top: 16px; }

.module-alerts .module-actions .element-btn {
  widows: auto; }

.module-banner {
  display: block;
  height: 96px;
  display: block;
  height: 96px;
  position: relative; }

.module-banner .banner-grident {
  z-index: 1;
  width: 100%;
  opacity: 0.3;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); }

.module-banner .banner-tit {
  display: block; }

.module-banner .banner-txt {
  display: block;
  margin-top: 4px; }

.module-banner .banner-position {
  width: 100%;
  position: absolute;
  top: 18px;
  left: 120px;
  z-index: 2; }

.module-banner .banner-image {
  position: relative;
  display: block;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-color: #e56060; }

.module-banner .banner-image .cover {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center 0 !important; }

.moduel-variable {
  width: 100%;
  display: table; }

.moduel-variable .variable-form {
  vertical-align: middle;
  display: table-cell; }

.moduel-variable .variable-addon {
  width: 1%;
  vertical-align: middle;
  display: table-cell; }

.slidr-basic .swiper-slide {
  display: block; }

.layout-content .navbar-right {
  margin-top: -15px; }

.layout-content .navbar-right .tab-nav::after {
  content: "";
  display: table;
  clear: both; }

.element-color.color-orange {
  color: #ff5000 !important; }

.well-cs {
  position: relative;
  border: solid 1px #e4e4e4;
  display: table;
  width: 100%;
  table-layout: fixed; }

.well-cs .cs-group {
  position: relative;
  display: table-cell;
  height: 94px;
  width: 100%;
  padding-left: 102px;
  padding-right: 24px;
  padding-top: 10px;
  padding-bottom: 15px;
  word-break: break-word;
  vertical-align: middle; }

.well-cs .cs-tit {
  display: block;
  padding-top: 0;
  word-wrap: break-word;
  font-size: 18px;
  color: #333;
  line-height: normal;
  font-weight: normal; }

.well-cs .cs-tit .element-svg {
  position: absolute;
  top: 16px;
  left: 24px; }

.well-cs .cs-content {
  vertical-align: top; }

.well-cs .cs-content .p1 {
  font-size: 32px;
  color: #333;
  line-height: normal;
  font-weight: 500;
  word-break: break-all; }

.well-cs .cs-content .p2 {
  font-size: 10px;
  color: #666;
  line-height: normal;
  font-weight: normal;
  word-break: break-all; }

.well-cs .cs-content .p2 .bar {
  display: block; }

.tab-filter + .module-filter {
  margin-top: -65px; }

.header + .tab-filter {
  margin-top: -30px; }

.module-filter {
  margin-bottom: -9px;
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 0; }

.module-filter::after {
  content: "";
  display: table;
  clear: both; }

.module-filter .filter-leftbar {
  vertical-align: middle;
  width: 70%;
  height: 27px;
  display: table-cell;
  padding-top: 11px;
  padding-right: 22px;
  padding-bottom: 9px; }

.module-filter .filter-leftbar .count {
  display: block; }

.module-filter .filter-leftbar .count em {
  font-style: normal;
  margin-right: 5px; }

.module-filter .filter-leftbar .count em, .module-filter .filter-leftbar .count span {
  vertical-align: top;
  display: inline-block;
  font-size: 14px;
  color: #333333;
  line-height: 18px;
  overflow: hidden; }

.module-filter .filter-leftbar .count .keyword {
  display: inline-block;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  color: #333333; }

.module-filter .filter-leftbar .count .keyword.active {
  color: #ff5000; }

.module-filter .filter-leftbar .txt {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 18px;
  color: #999999; }

.module-filter .filter-rightbar {
  width: 30%;
  text-align: right;
  display: table-cell;
  vertical-align: middle;
  padding-top: 8px;
  padding-bottom: 7px; }

.module-filter .filter-rightbar .element-select {
  vertical-align: middle;
  max-width: 100%; }

.module-filter .filter-rightbar .element-select .select-handle {
  vertical-align: top; }

.list-accordion .module-view {
  margin-top: 11px;
  margin-bottom: 40px; }

.module-card-list {
  margin-top: 7px; }

.module-list.list-basic {
  margin-top: 8px; }

.module-paging {
  margin-top: 15px; }

.well-cs {
  margin-top: 23px; }

.module-tab .tab-content .tab-filter {
  margin-top: 12px; }

.module-reply-area {
  position: relative; }

.module-reply-area::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  margin-right: -16px;
  margin-left: -16px;
  background: #eeeeee; }

.module-reply-area::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  margin-right: -16px;
  margin-left: -16px;
  background: #eeeeee; }

.module-reply-area {
  margin-bottom: 24px; }

.module-reply-area > .module-reply {
  padding-bottom: 12px; }

.module-reply {
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #f5f5f5; }

.module-reply:first-child {
  padding-top: 9px; }

.module-reply > .module-reply-item {
  padding-top: 16px; }

.module-reply > .module-reply-item .module-reply > .module-reply-item {
  padding-top: 16px; }

.module-reply .replay-group {
  display: table;
  table-layout: fixed;
  width: 100%; }

.module-reply .replay-group .module-profile {
  font-size: 0;
  line-height: 0;
  display: table-cell;
  vertical-align: top;
  width: 39px;
  padding-top: 0; }

.module-reply .replay-group .module-profile img.size-32 {
  width: 32px; }

.module-reply .replay-group .module-profile .profile-thumb img {
  width: 32px; }

.module-reply .replay-group .reply-content {
  display: table-cell;
  vertical-align: top; }

.module-reply .replay-group.disabled .reply-content .reply-txt {
  color: #aaa; }

.module-reply .reply-content {
  padding-top: 0;
  padding-bottom: 13px;
  border-bottom: 1px solid #cccccc; }

.module-reply .reply-content .replay-infobar {
  margin-top: -2px;
  padding-top: 0; }

.module-reply .reply-content .replay-infobar:first-child {
  padding-top: 0; }

.module-reply .reply-content .moudle-banner {
  overflow: hidden;
  height: 88px;
  border-radius: 4px;
  height: 88px;
  border-radius: 4px;
  border: solid 1px rgba(34, 34, 34, 0.05);
  background-image: linear-gradient(260deg, #8ee1ee 105%, #3aaed9 0%);
  margin-bottom: 3px;
  margin-top: 20px;
  display: block;
  margin-left: -41px;
  text-align: center; }

.module-reply .reply-content .moudle-banner img {
  height: 88px;
  max-width: 100% !important; }

.module-reply .reply-content .reply-tit {
  display: block;
  letter-spacing: -1px;
  margin-top: -1px;
  font-size: 16px;
  color: #222;
  line-height: 22px;
  font-weight: bold;
  font-style: normal; }

.module-reply .reply-content .replay-infobar {
  padding-top: 4px;
  font-size: 12px;
  color: #999;
  line-height: 16px;
  font-weight: normal; }

.module-reply .reply-content .replay-infobar::after {
  content: "";
  display: table;
  clear: both; }

.module-reply .reply-content .infobar-item {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  font-size: 12px;
  color: #999999;
  position: relative; }

.module-reply .reply-content .infobar-item::before {
  content: "";
  width: 1px;
  height: 8px;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 0; }

.module-reply .reply-content .infobar-item:first-child {
  padding-left: 0; }

.module-reply .reply-content .infobar-item:first-child::before {
  display: none; }

.module-reply .reply-content .infobar-item:first-child::before {
  padding-left: 0; }

.module-reply .reply-content .reply-txt {
  padding-top: 2px;
  font-size: 14px;
  color: #333;
  line-height: 20px;
  font-weight: normal;
  font-style: normal;
  word-break: keep-all;
  word-wrap: break-word; }

.module-reply .reply-content .reply-txt a {
  color: #61aaff; }

.module-reply .reply-content .reply-txt.color-disabled {
  color: #aaaaaa; }

.module-reply .reply-content .reply-txt img {
  max-width: 100% !important; }

.module-reply-area > .module-reply > .module-reply-item:last-child > .module-reply > .module-reply-item > .replay-group > .reply-content {
  border: 0;
  padding-bottom: 9px; }

.module-addon {
  display: block;
  padding-top: 23px; }

.module-addon .addon-txt .p1 {
  text-align: center;
  font-size: 16px;
  color: #222;
  line-height: 20px;
  font-weight: bold; }

.module-addon .addon-txt .p2 {
  text-align: center;
  font-size: 12px;
  color: #666;
  line-height: 16px;
  font-weight: normal;
  margin-top: 6px;
  color: #666; }

.module-addon .addon-form {
  position: relative; }

.module-addon .addon-form .module-rateit {
  padding-top: 14px; }

.module-addon .addon-form .module-rateit .rateit-star {
  padding-top: 0; }

.module-addon .addon-form .element-textarea {
  margin-top: 24px;
  resize: none;
  box-sizing: border-box; }

.module-addon .addon-form .element-textarea textarea {
  height: 160px;
  outline: none; }

.module-addon .addon-form .element-textarea textarea:focus {
  outline: none;
  border: 0; }

.module-addon .addon-form .module-rateit {
  margin-bottom: 21px;
  z-index: 2; }

.module-addon .addon-actions {
  vertical-align: top; }

.module-nodata .nodata-body {
  display: table;
  min-height: 30vh;
  width: 100%; }

.module-nodata .nodata-center {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  padding-bottom: 0; }

.module-nodata p {
  font-size: 15px;
  color: #999;
  line-height: normal;
  font-weight: normal;
  margin-top: 12px; }

.module-nodata p:first-child {
  margin-top: 0; }

.module-nodata .tag-group {
  margin-top: 20px; }

.clamp {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.module-file .file-addon {
  position: relative;
  overflow: hidden; }

.module-file .file-addon input[type="file"] {
  position: absolute;
  top: -1000px;
  left: -1000px; }

.module-file .file-items {
  margin-top: 12px; }

.module-file .file-items-item {
  min-height: 20px;
  margin-top: 4px; }

.module-file .file-items-name {
  display: inline-block;
  font-size: 13px;
  color: #333;
  line-height: normal;
  font-weight: normal;
  position: relative;
  padding-right: 30px;
  max-width: 100%; }

.module-file .file-items-name .element-btn {
  border: 0;
  height: auto;
  position: absolute;
  top: 3px;
  right: 0; }

.module-dropdown .dropdown-toggle {
  display: block;
  width: 20px;
  height: 20px;
  position: relative; }

.module-dropdown .dropdown-toggle .icon-more {
  position: absolute;
  top: 0;
  right: 0; }

.module-dropdown .dropdown-list {
  position: absolute;
  top: 0;
  left: 0;
  border: solid 1px #333333;
  background-color: #ffffff; }

.module-dropdown .dropdown-list li {
  border-top: 1px solid #eaeaea; }

.module-dropdown .dropdown-list li:first-child {
  border-top: 0; }

.module-dropdown .dropdown-list li a {
  display: block;
  font-size: 14px;
  min-height: 41px;
  min-width: 65px;
  white-space: nowrap;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  text-align: center;
  color: #333; }

.module-dropdown.right .dropdown-list {
  top: 20px;
  left: auto;
  right: 0; }

.module-filter .filter-navi {
  height: 56px;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 18px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-top: 20px;
  padding-bottom: 4px;
  position: relative; }

.module-filter .filter-navi::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none; }

.module-filter .filter-navi::-moz-scrollbar {
  display: none; }

.module-filter .filter-navi ul {
  flex: 1;
  transform: translateX(0px);
  display: flex;
  justify-content: left;
  flex-wrap: nowrap;
  margin-left: -8px;
  flex-direction: row; }

.module-filter .filter-navi ul::after {
  content: "";
  display: table;
  clear: both; }

.module-filter .filter-navi ul li {
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: 8px;
  padding-right: 8px; }

.module-filter .filter-navi ul li a {
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  vertical-align: middle; }

.module-filter .filter-navi ul li.active a {
  color: #ff5000; }

.module-filter .filter-navi ul li:first-child {
  padding-left: 5px; }

.module-filter .filter-navi ul li:last-child {
  padding-right: 16px; }

.module-filter.filter-search {
  position: relative; }

.module-filter.filter-search::after {
  display: block;
  height: 1px;
  background: #eeeeee;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: -16px;
  margin-right: -16px; }

.module-tab .module-filter {
  position: relative; }

.module-tab .module-filter::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  height: 4px;
  margin-left: -16px;
  margin-right: -16px;
  display: block;
  background: #f5f5f5; }

.element-tooltip {
  display: table;
  margin: 0 auto;
  height: 32px;
  justify-content: center;
  border: solid 1px #cccccc;
  align-items: center;
  border-radius: 26.5px; }

.element-tooltip .tooltip-body {
  display: table-cell;
  padding-right: 12px;
  padding-left: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  border-radius: 26.5px;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  color: #999999; }

.block {
  display: block !important; }

.module-reply-area + .module-actions::before, .module-detail + .module-actions::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: -16px;
  margin-right: -16px;
  height: 1px;
  background: #eeeeee;
  display: block; }

.module-filter + .module-nodata {
  margin-top: 8px;
  position: relative; }

.module-filter + .module-nodata::before {
  content: "";
  display: block;
  margin-left: -16px;
  margin-right: -16px;
  border-top: 1px solid #e4e4e4; }

.tag-group {
  font-size: 0; }

.tag-group .element-tag + .element-tag {
  margin-left: 8px; }

.element-tag {
  display: inline-block;
  height: 30px;
  border-radius: 43px;
  border: solid 1px #dddddd;
  background-color: #ffffff; }

.element-tag .tag-txt {
  line-height: 27px;
  font-size: 13px;
  color: #666666;
  max-width: 100%;
  display: block;
  padding-left: 13px;
  padding-right: 12px; }

.element-tag .tag-txt a {
  color: #666666; }

.bodyauth {
  padding-top: 36px;
  padding-left: 16px;
  padding-right: 16px; }

.bodyauth .typo-top {
  color: #333;
  text-align: center; }

.bodyauth .typo-large {
  font-size: 22px;
  letter-spacing: -2px;
  line-height: 29px;
  color: #333333; }

.bodyauth .typo-large em {
  font-style: normal; }

.bodyauth .typo-large .color-orange {
  color: #ff5000; }

.bodyauth .typo-small {
  letter-spacing: -1px;
  padding-top: 2px;
  font-size: 14px;
  line-height: 18px;
  color: #999999; }

.bodyauth .module-actions {
  padding-top: 30px; }

.bodyauth .module-column {
  width: 440px;
  margin: auto;
  margin-top: 28px; }

.bodyauth .module-column .column {
  text-align: center;
  position: relative; }

.bodyauth .module-column .column:first-child::before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #d9d9d9; }

.bodyauth .module-column .column strong {
  display: block; }

.bodyauth .module-column .column i {
  margin-top: 10px; }

.bodyauth .module-column .column .actions {
  padding-top: 20px; }

.header.arrow + .module-filter {
  margin-top: 20px; }

.module-typo.typo-note {
  font-size: 12px;
  margin-top: 16px;
  padding-top: 16px;
  line-height: 16px;
  text-align: center;
  color: #999999;
  position: relative; }

.module-typo.typo-note::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  height: 1px;
  background: #eeeeee;
  display: block; }

.module-reply-area + .module-actions {
  padding-top: 0; }

.module-reply-area + .module-actions::before {
  display: none; }

.module-rateit .rateit-star {
  padding-top: 8px; }

.module-detail .module-rateit ~ .module-actions {
  padding-top: 9px;
  margin-bottom: -8px; }

.tab-card .module-rateit ~ .module-actions {
  margin-bottom: 0; }

.module-tab.tab-card .tab-content .detail-footer .module-actions {
  padding-top: 8px; }

.header.arrow + .module-detail .detail-header {
  padding-top: 1px; }

.header.arrow + .module-detail .detail-content {
  padding-top: 12px; }