.ads_margin{
    margin-top: 15px;
    margin-bottom: 15px;
}
.row-strict {
  font-size: 0;
}
.row-strict-imp {
  font-size: 0 !important;
}
.row-item {
  display: inline-block;
  vertical-align: top;
}
.row-item.vertical-base {
  vertical-align: baseline;
}
.vertical-top {
  vertical-align: top;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.column {
  overflow: hidden;
}
.column[class*='table'] {
  display: table;
  width: 100%;
}
.column[class*='table'] [class*='col-xm-'],
.column[class*='table'] [class*='col-sm-'],
.column[class*='table'] [class*='col-md-'],
.column[class*='table'] [class*='col-lg-'] {
  display: table-cell;
  width: auto;
  float: none;
}
.column[class*='table'] .width-1 {
  width: 1px;
}
.column.table-middle {
  vertical-align: middle;
}
.column.col-center [class*='col-'],
.column.col-center [class*='col-'],
.column.col-center [class*='col-'],
.column.col-center [class*='col-'] {
  float: none;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.out-space-xsmall {
  margin-right: 5px;
}
.out-space-small {
  margin-right: 10px;
}
.out-space-smallx {
  margin-right: 15px;
}
.out-space-normal {
  margin-right: 20px;
}
.out-space-large {
  margin-right: 30px;
}
.out-top-exist {
  margin-top: 1px;
}
.out-top-tiny {
  margin-top: 2px;
}
.out-top-xsmaller {
  margin-top: 4px;
}
.out-top-xsmall {
  margin-top: 5px;
}
.out-top-small {
  margin-top: 10px;
}
.out-top-smallx {
  margin-top: 15px;
}
.out-top-normal {
  margin-top: 20px;
}
.out-top-large {
  margin-top: 30px;
}
.out-bottom-small {
  margin-bottom: 10px;
}
.out-bottom-xsmall {
  margin-bottom: 5px;
}
.out-bottom-smallx {
  margin-bottom: 15px;
}
.out-bottom-normal {
  margin-bottom: 20px;
}
.out-bottom-large {
  margin-bottom: 30px;
}
.out-left-xsmall {
  margin-left: 5px;
}
.out-left-small {
  margin-left: 10px;
}
.out-left-smallx {
  margin-left: 15px;
}
.out-left-normal {
  margin-left: 20px;
}
.out-left-large {
  margin-left: 30px;
}
.inner-space-xsmall {
  padding-right: 5px;
}
.inner-space-small {
  padding-right: 10px;
}
.inner-space-smallx {
  padding-right: 15px;
}
.inner-space-normal {
  padding-right: 20px;
}
.inner-space-large {
  padding-right: 30px;
}
.inner-left-large {
  padding-left: 30px;
}
.inner-left-normal {
  padding-left: 20px;
}
.inner-left-smallx {
  padding-left: 15px;
}
.inner-left-small {
  padding-left: 10px;
}
.inner-left-xsmall {
  padding-left: 5px;
}
.inner-top-large {
  padding-top: 30px;
}
.inner-top-normal {
  padding-top: 20px;
}
.inner-top-smallx {
  padding-top: 15px;
}
.inner-top-small {
  padding-top: 10px;
}
.inner-top-xsmall {
  padding-top: 5px;
}
.inner-top-tiny {
  padding-top: 3px;
}
.inner-bottom-large {
  padding-bottom: 30px;
}
.inner-bottom-normal {
  padding-bottom: 20px;
}
.inner-bottom-smallx {
  padding-bottom: 15px;
}
.inner-bottom-small {
  padding-bottom: 10px;
}
.inner-bottom-xsmall {
  padding-bottom: 5px;
}
.space-normal [class*='col-xm-'],
.space-normal [class*='col-sm-'],
.space-normal [class*='col-md-'],
.space-normal [class*='col-lg-'] {
  padding-right: 20px;
}
.space-large [class*='col-xm-'],
.space-large [class*='col-sm-'],
.space-large [class*='col-md-'],
.space-large [class*='col-lg-'] {
  padding-right: 30px;
}
.space-huge [class*='col-xm-'],
.space-huge [class*='col-sm-'],
.space-huge [class*='col-md-'],
.space-huge [class*='col-lg-'] {
  padding-right: 70px;
}
[class*='col-'].col-placeholder {
  height: 1px;
}
[class*='col-'].padding-top-1 {
  padding-top: 1px;
}
@media (min-width: 1000px) {
  .hidden-pc {
    display: none;
  }
  .visible-pc {
    display: block;
  }
}
@media (max-width: 1000px -1) {
  .hidden-mobile {
    display: none;
  }
  .visible-mobile {
    display: block;
  }
}
@media (max-width: 768px) {
  .col-xm-0,
  .col-xm-1,
  .col-xm-2,
  .col-xm-3,
  .col-xm-4,
  .col-xm-5,
  .col-xm-6,
  .col-xm-7,
  .col-xm-8,
  .col-xm-9,
  .col-xm-10,
  .col-xm-11,
  .col-xm-12 {
    float: left;
  }
  .col-xm-0-r,
  .col-xm-4-r,
  .col-xm-4-r,
  .col-xm-5-r,
  .col-xm-6-r {
    float: right;
  }
  .col-xm-1 {
    width: 8.333333%;
  }
  .col-xm-2 {
    width: 16.666667%;
  }
  .col-xm-3 {
    width: 25%;
  }
  .col-xm-4 {
    width: 33.333333%;
  }
  .col-xm-5 {
    width: 41.666667%;
  }
  .col-xm-6 {
    width: 50%;
  }
  .col-xm-7 {
    width: 58.333333%;
  }
  .col-xm-8 {
    width: 66.666667%;
  }
  .col-xm-9 {
    width: 75%;
  }
  .col-xm-10 {
    width: 83.333333%;
  }
  .col-xm-11 {
    width: 91.666667%;
  }
  .col-xm-12 {
    width: 100%;
  }
  .hidden-xm {
    display: none;
  }
  .visible-xm {
    display: block;
  }
  .xm-visible-block {
    display: block !important;
  }
  .xm-hide {
    display: none !important;
  }
  .sm-clear-float {
    clear: both;
  }
  [class*='out-'].out-xm-none {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .col-sm-0,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-0-r,
  .col-sm-4-r,
  .col-sm-4-r,
  .col-sm-5-r,
  .col-sm-6-r {
    float: right;
  }
  .col-sm-1 {
    width: 8.333333%;
  }
  .col-sm-2 {
    width: 16.666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.333333%;
  }
  .col-sm-5 {
    width: 41.666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333333%;
  }
  .col-sm-8 {
    width: 66.666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.333333%;
  }
  .col-sm-11 {
    width: 91.666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .hidden-sm {
    display: none;
  }
  .visible-sm {
    display: block;
  }
  .sm-visible-block {
    display: block !important;
  }
  .sm-hide {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-0,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-0-r,
  .col-md-4-r,
  .col-md-4-r,
  .col-md-5-r,
  .col-md-6-r {
    float: right;
  }
  .col-md-1 {
    width: 8.333333%;
  }
  .col-md-2 {
    width: 16.666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4,
  .col-md-4-r {
    width: 33.333333%;
  }
  .col-md-5,
  .col-md-5-r {
    width: 41.666667%;
  }
  .col-md-6,
  .col-md-6-r {
    width: 50%;
  }
  .col-md-7 {
    width: 58.333333%;
  }
  .col-md-8 {
    width: 66.666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.333333%;
  }
  .col-md-11 {
    width: 91.666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .hidden-md {
    display: none;
  }
  .visible-md {
    display: block;
  }
  .md-visible-block {
    display: block !important;
  }
  .md-hide {
    display: none !important;
  }
}
@media (min-width: 1050px) {
  .col-pm-0,
  .col-pm-1,
  .col-pm-2,
  .col-pm-3,
  .col-pm-4,
  .col-pm-5,
  .col-pm-6,
  .col-pm-7,
  .col-pm-8,
  .col-pm-9,
  .col-pm-10,
  .col-pm-11,
  .col-pm-12 {
    float: left;
  }
  .col-pm-0-r,
  .col-pm-4-r,
  .col-pm-4-r,
  .col-pm-5-r,
  .col-pm-6-r {
    float: right;
  }
  .col-pm-1 {
    width: 8.333333%;
  }
  .col-pm-2 {
    width: 16.666667%;
  }
  .col-pm-3 {
    width: 25%;
  }
  .col-pm-4,
  .col-pm-4-r {
    width: 33.333333%;
  }
  .col-pm-5,
  .col-pm-5-r {
    width: 41.666667%;
  }
  .col-pm-6,
  .col-pm-6-r {
    width: 50%;
  }
  .col-pm-7 {
    width: 58.333333%;
  }
  .col-pm-8 {
    width: 66.666667%;
  }
  .col-pm-9 {
    width: 75%;
  }
  .col-pm-10 {
    width: 83.333333%;
  }
  .col-pm-11 {
    width: 91.666667%;
  }
  .col-pm-12 {
    width: 100%;
  }
  .hidden-pm {
    display: none;
  }
  .visible-pm {
    display: block;
  }
  .visible-inlineblock-pm {
    display: inline-block;
  }
  .pm-visible-inlineblock {
    display: inline-block !important;
  }
  .pm-visible-block {
    display: block !important;
  }
  .pm-hide {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-0,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-0-r,
  .col-lg-4-r,
  .col-lg-4-r,
  .col-lg-5-r,
  .col-lg-6-r {
    float: right;
  }
  .col-lg-r-3 {
    float: right;
  }
  .col-lg-1 {
    width: 8.333333%;
  }
  .col-lg-2 {
    width: 16.666667%;
  }
  .col-lg-3,
  .col-lg-r-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.333333%;
  }
  .col-lg-5 {
    width: 41.666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333333%;
  }
  .col-lg-8 {
    width: 66.666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.333333%;
  }
  .col-lg-11 {
    width: 91.666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .hidden-lg {
    display: none;
  }
  .visible-lg {
    display: block;
  }
  .visible-inlineblock-lg {
    display: inline-block;
  }
  .lg-visible-inlineblock {
    display: inline-block !important;
  }
  .lg-visible-block {
    display: block !important;
  }
  .lg-hide {
    display: none !important;
  }
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-bold {
  font-weight: bold;
}
.box-center {
  margin-left: auto;
  margin-right: auto;
}
.width-max-auto {
  width: auto;
  max-width: 100%;
}
.abs-hor-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.abs-ver-middle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.abs-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.abs-r {
  position: absolute;
  right: 0;
}
.margin-lf-auto {
  margin-left: auto;
  margin-right: auto;
}
.title-h0 {
  font-size: 30px;
  color: #313131;
}
.title-h1 {
  font-size: 27px;
  color: #313131;
}
.title-h1.title-high {
  padding-top: 18.9px;
  padding-bottom: 18.9px;
}
.title-h2 {
  font-size: 24px;
  color: #313131;
}
.title-h2.title-high {
  padding-top: 16.8px;
  padding-bottom: 16.8px;
}
.title-h3 {
  font-size: 20px;
  color: #313131;
}
.title-h3.title-high {
  padding-top: 14px;
  padding-bottom: 14px;
}
@media (min-width: 992px) {
  .title-h4.title-high {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.title-h4 {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 18px;
  color: #313131;
}
.title-h5 {
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 18px;
  color: #313131;
}
.title-h5.active,
.title-h5 .active {
  color: #6ad68b;
}
.title-h6,
.title-h6-block {
  font-size: 16px;
  color: #313131;
}
.title-h6-block {
  display: block;
  margin-bottom: 10px;
}
.title-h6-block.title-placeholder {
  height: 18px;
}
.title-h7 {
  font-size: 14px;
  color: #313131;
}
.title-remark {
  font-size: 12px;
  vertical-align: inherit;
  color: #313131;
}
.title-remark.remark-noteless {
  color: #999;
}
.title-remark.remark-xnoteless {
  color: #e6e6e6;
}
.title-remark.remark-normal {
  font-size: 14px;
}
.title-remark.remark-smallx {
  font-size: 13px;
}
[class*='title-'].remark-noteless {
  color: #999;
}
[class*='title-'].title-short {
  margin-top: 0;
  margin-bottom: 0;
}
[class*='title-'].title-inner-short {
  padding-top: 0;
  padding-bottom: 0;
}
[class*='title-'].color-base {
  color: #313131;
}
[class*='title-'].color-base-adorn {
  color: #626262;
}
[class*='title-'].color-dark {
  color: #999;
}
[class*='title-'].color-default {
  color: #adadad;
}
[class*='title-'].color-score {
  color: #fcb800;
}
[class*='title-'].color-main {
  color: #6ad68b;
}
[class*='title-'].color-font-main {
  color: #01b259;
}
[class*='title-'].color-info {
  color: #43b7e3;
}
[class*='title-'].color-success {
  color: #a7c82c;
}
[class*='title-'].color-error {
  color: #ff6a6a;
}
[class*='title-'].color-white {
  color: #ffffff;
}
[class*='title-'].color-inherit {
  color: inherit;
}
.para-h7 {
  font-size: 14px;
}
.para-h8 {
  font-size: 13px;
}
.para-h9 {
  font-size: 12px;
}
@media (max-width: 768px) {
  .title-h5.title-short {
    padding-top: 0;
    padding-bottom: 0;
  }
  .title-h6-xm {
    font-size: 14px;
  }
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.position-static {
  position: static;
}
.absolute-lt {
  position: absolute;
  left: 0;
  top: 0;
}
.absolute-lb {
  position: absolute;
  left: 0;
  bottom: 0;
}
.absolute-rb {
  position: absolute;
  right: 0;
  bottom: 0;
}
.absolute-rt {
  position: absolute;
  right: 0;
  top: 0;
}
.box-stretch {
  width: 100%;
  height: 100%;
}
input[type='text'],
input[type='password'],
input[type='email'] {
  display: block;
  width: 100%;
  height: 35px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-right: 10px;
  font-size: 14px;
  text-indent: 10.5px;
  color: #313131;
  outline: none;
  border: solid 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-color: #b5b5b5;
}
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus {
  border-color: #6ad68b;
  -webkit-box-shadow: 0 0 2px #6ad68b;
  -moz-box-shadow: 0 0 2px #6ad68b;
  box-shadow: 0 0 2px #6ad68b;
}
input[type='file'].form-error {
  display: block;
}
input.input-inline-block {
  display: inline-block;
}
input[class*='btn-'] {
  background-color: #ffffff;
}
input.input-primary {
  border-color: #6ad68b;
}
input.input-primary-dark {
  border-color: #01b259;
}
input.input-transparent {
  background-color: transparent;
}
input.input-white {
  border-color: #ffffff;
}
input.input-white:focus {
  border-color: #ffffff;
  -webkit-box-shadow: 0 0 2px 1px #ffffff;
  -moz-box-shadow: 0 0 2px 1px #ffffff;
  box-shadow: 0 0 2px 1px #ffffff;
}
input.input-large {
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}
input.input-small {
  height: 30px;
  font-size: 14px;
  line-height: 30px;
}
input.light-border {
  border-color: #ddd;
}
input.color-white {
  color: #ffffff;
}
input.color-maim-dark {
  color: #01b259;
}
input.special {
  max-width: 100% !important;
  color: #01b259;
  background-color: transparent;
  border: none;
  border-bottom: solid 1px;
  border-color: #01b259;
}
input.special::-webkit-input-placeholder {
  color: #01b259;
  font-size: 14px;
  font-family: inherit;
}
input.special:-moz-placeholder {
  color: #01b259;
  font-size: 14px;
  font-family: inherit;
}
input.special::-moz-placeholder {
  color: #01b259;
  font-size: 14px;
  font-family: inherit;
}
input.special:-ms-input-placeholder {
  color: #01b259;
  font-size: 14px;
  font-family: inherit;
}
input.special:focus {
  -webkit-box-shadow: 0 0 2px 1px transparent;
  -moz-box-shadow: 0 0 2px 1px transparent;
  box-shadow: 0 0 2px 1px transparent;
}
input.special:focus::-webkit-input-placeholder {
  color: #6ad68b;
  font-size: 14px;
  font-family: inherit;
}
input.special:focus:-moz-placeholder {
  color: #6ad68b;
  font-size: 14px;
  font-family: inherit;
}
input.special:focus::-moz-placeholder {
  color: #6ad68b;
  font-size: 14px;
  font-family: inherit;
}
input.special:focus:-ms-input-placeholder {
  color: #6ad68b;
  font-size: 14px;
  font-family: inherit;
}
@media (min-width: 768px) {
  input[type='text'],
  input[type='password'],
  input[type='email'] {
    max-width: 290px;
  }
}
.form-error {
  font-size: 14px;
  color: #ff6a6a;
  display: none;
}
.form-hint {
  font-size: 14px;
  color: #afafaf;
}
.form-hint.hint-hide {
  display: none;
}
.form-part {
  padding-top: 10px;
  padding-bottom: 10px;
}
textarea {
  display: block;
  height: 110px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 5px 10px;
  font-family: "Microsoft YaHei UI";
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  resize: none;
  border: solid 1px;
  border-color: #b5b5b5;
}
textarea.input-noted {
  color: #313131;
  border: solid 1px;
  border-color: #b5b5b5;
}
textarea:focus {
  -webkit-box-shadow: 0 0 2px 0 #6ad68b;
  -moz-box-shadow: 0 0 2px 0 #6ad68b;
  box-shadow: 0 0 2px 0 #6ad68b;
  border-color: #6ad68b;
}
textarea.textarea-noteless {
  border-color: #e6e6e6;
}
textarea.textarea-noteless:focus {
  -webkit-box-shadow: 0 0 2px 0 #6ad68b;
  -moz-box-shadow: 0 0 2px 0 #6ad68b;
  box-shadow: 0 0 2px 0 #6ad68b;
  border-color: #6ad68b;
}
textarea.textarea-primary {
  border-color: #6ad68b;
}
textarea.textarea-wrong:focus {
  -webkit-box-shadow: 0 0 2px 0 #ff0a0a;
  -moz-box-shadow: 0 0 2px 0 #ff0a0a;
  box-shadow: 0 0 2px 0 #ff0a0a;
  border-color: #ff0a0a;
}
textarea.font-normal {
  font-size: 16px;
}
@media (min-width: 768px) {
  textarea.input-noted {
    max-width: 465px;
  }
}
input.disabled,
textarea.disabled,
select.disabled {
  cursor: not-allowed;
}
input.dis-block,
textarea.dis-block,
select.dis-block {
  display: block;
  max-width: none;
}
.select-normal {
  height: 35px;
  font-size: 14px;
  line-height: 35px;
}
.select-small {
  height: 30px;
  font-size: 14px;
  line-height: 30px;
}
[class*='select-'] {
  border: solid 1px #b5b5b5;
  outline: none;
}
[class*='select-']:focus {
  -webkit-box-shadow: 0 0 2px 0 #6ad68b;
  -moz-box-shadow: 0 0 2px 0 #6ad68b;
  box-shadow: 0 0 2px 0 #6ad68b;
  border-color: #6ad68b;
}
[class*='select-'] option:hover {
  background-color: #6ad68b;
}
[class*='select-'].select-main-dark {
  border-color: #01b259;
}
.field-require {
  position: relative;
}
.field-require:before {
  position: absolute;
  left: -15px;
  top: 2px;
  display: block;
  content: '*';
  font-size: 20px;
  color: #ff6a6a;
}
.checkbox-normal {
  width: 15px;
  height: 15px;
}
.link-underline {
  text-decoration: underline;
}
.link-noted {
  color: #6ad68b;
}
input.little-tag {
  display: inline-block;
}
.little-tag {
  position: relative;
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 10px;
  margin-bottom: 10px;
  min-height: 30px;
  font-size: 14px;
  color: #afafaf;
  text-align: center;
  vertical-align: baseline;
  line-height: 30px;
  border: solid 1px;
  border-color: #afafaf;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.little-tag.edited:after {
  position: absolute;
  top: -7.5px;
  right: -7.5px;
  display: block;
  width: 15px;
  height: 15px;
  content: '';
  background-color: #afafaf;
  background-image: url("/files/images/icon_delete_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .little-tag.edited:after {
    background-image: url("/files/images/icon_delete_bg.png");
  }
}
.little-tag.add {
  max-width: 100px;
  margin-top: 0;
  text-indent: 0;
  background-image: url("/files/images/icon_plus.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .little-tag.add {
    background-image: url("/files/images/icon_plus.png");
  }
}
.little-tag.add:focus {
  background-image: none;
}
.little-tag .pd-icon {
  margin-top: 9px;
}
@media (max-width: 768px) {
  .little-tag.add {
    width: 100%;
  }
}
.dis-block {
  display: block;
}
.dis-block-imp {
  display: block !important;
}
.dis-inline-block {
  display: inline-block;
}
.dis-inline-block-imp {
  display: inline-block !important;
}
.dis-hide {
  display: none;
}
.dis-hide-imp {
  display: none !important;
}
.border-main-dark {
  border: solid 1px;
  border-color: #01b259;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.border-main-dark.has-shadow {
  -webkit-box-shadow: 0 0 2px 0 #adadad;
  -moz-box-shadow: 0 0 2px 0 #adadad;
  box-shadow: 0 0 2px 0 #adadad;
}
.border-main-dark.border-radius-none {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.border-default {
  border: solid 1px;
  border-color: #adadad;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.border-default.has-shadow {
  -webkit-box-shadow: 0 0 2px 0 #adadad;
  -moz-box-shadow: 0 0 2px 0 #adadad;
  box-shadow: 0 0 2px 0 #adadad;
}
.border-lighter {
  border: solid 1px;
  border-color: #e6e6e6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.border-lighter.has-shadow {
  -webkit-box-shadow: 0 0 2px 0 #e6e6e6;
  -moz-box-shadow: 0 0 2px 0 #e6e6e6;
  box-shadow: 0 0 2px 0 #e6e6e6;
}
.border-solid {
  border: solid 1px;
  border-color: #adadad;
}
.border-none {
  border: none;
}
.border-solid,
.border-dashed {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.border-solid.border-white,
.border-dashed.border-white {
  border-color: #ffffff;
}
.border-solid.border-base-sub,
.border-dashed.border-base-sub {
  border-color: #adadad;
}
.border-solid.border-main-dark,
.border-dashed.border-main-dark {
  border-color: #01b259;
}
.border-solid.border-bold,
.border-dashed.border-bold {
  border-width: 2px;
}
.border-solid.border-bolder,
.border-dashed.border-bolder {
  border-width: 3px;
}
.border-solid.has-shadow,
.border-dashed.has-shadow {
  -webkit-box-shadow: 0 0 2px 0 #e6e6e6;
  -moz-box-shadow: 0 0 2px 0 #e6e6e6;
  box-shadow: 0 0 2px 0 #e6e6e6;
}
.border-solid.border-radius-none,
.border-dashed.border-radius-none {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.border-dashed {
  border-style: dashed;
}
.width-1 {
  width: 1px;
}
.color-main {
  color: #6ad68b;
}
.color-main-dark {
  color: #01b259;
}
.color-vip-yellow {
  color: #ffed45;
}
.color-vip-red {
  color: #e54100;
}
.disabled-shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.5;
  cursor: not-allowed;
}
.bg-color-default {
  background-color: #adadad;
}
.bg-color-lighter {
  background-color: #e6e6e6;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: #6ad68b;
}
a.color-inherit:hover {
  color: inherit;
}
.img-full {
  display: block;
  width: 100%;
  height: auto;
}
.img-full-normal {
  max-width: 500px;
}
.img-rec-normal {
  width: 122px;
  height: 78px;
  max-height: 78px;
  overflow: hidden;
}
.img-rec-normal.active {
  width: 116px;
  height: 72px;
  border: solid 3px #01b259;
}
.img-rec-largex {
  width: 176px;
  height: 122px;
  max-height: 122px;
  overflow: hidden;
}
.img-rec-large {
  width: 221px;
  height: 151px;
  max-height: 151px;
  overflow: hidden;
}
.img-rec-largex {
  width: 240px;
  height: 164px;
  max-height: 164px;
  overflow: hidden;
}
.img-rec-ver-largex {
  width: 240px;
  height: 330px;
  max-height: 330px;
  overflow: hidden;
}
.img-rec-huge {
  width: 100%;
  height: 325px;
  max-height: 325px;
  overflow: hidden;
}
.img-square-normal {
  width: 65px;
  height: 65px;
  max-height: 65px;
  overflow: hidden;
}
.img-square-normal.img-round {
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  border-radius: 99999px;
}
.img-square-normal img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-square-smallx {
  width: 50px;
  height: 50px;
  max-height: 50px;
  overflow: hidden;
}
.img-square-smallx.img-round {
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  border-radius: 99999px;
}
.img-square-smallx img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-square-big {
  width: 106px;
  height: 106px;
  max-height: 106px;
  overflow: hidden;
}
.img-square-big img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1050px) {
}
.img-recbox-normal {
  width: 24%;
  margin-right: 1.3%;
}
.img-recbox-normal .recbox-content {
  position: relative;
  overflow: hidden;
}
.img-recbox-normal .recbox-content:after {
  display: block;
  content: '';
  padding-top: 60%;
}
.img-recbox-normal img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
}
.img-recbox-normal:nth-child(4n+0) {
  margin-right: 0;
}
.img-recbox-large {
  width: 49.5%;
  margin-right: 1%;
}
.img-recbox-large .recbox-content {
  position: relative;
  overflow: hidden;
}
.img-recbox-large .recbox-content:after {
  display: block;
  content: '';
  padding-top: 60%;
}
.img-recbox-large img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
}
.img-recbox-large:nth-child(2n+0) {
  margin-right: 0;
}
@media (max-width: 1050px) {
  .img-recbox-normal {
    width: 24%;
    margin-right: 1.3%;
    margin-bottom: 15px;
  }
}
@media (max-width: 500px) {
  .img-recbox-normal {
    width: 49%;
    margin-right: 2%;
  }
  .img-recbox-normal:nth-child(2n+0) {
    margin-right: 0;
  }
  .img-recbox-large {
    width: 100%;
    margin-right: 0;
  }
}
.line-height-small {
  line-height: 14px;
}
.line-height-iconsmallx {
  line-height: 15px;
}
.line-height-imgnormal {
  line-height: 65px;
}
.line-height-two {
  line-height: 2;
}
.line-height-one {
  line-height: 1;
}
.line-height-onepfive {
  line-height: 1.5;
}
.hover-underline:hover {
  text-decoration: underline;
}
.normal-radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.round-radius {
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
}
.pointer {
  cursor: pointer;
}
.magnify-pointer {
  cursor: zoom-in;
}
.text-serif {
  font-family: "Century";
}
.hover-bg-opacity.black-linear {
  background: -webkit-linear-gradient(bottom, rgba(49, 49, 49, 0.52) 0%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(49, 49, 49, 0.52) 0%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(bottom, rgba(49, 49, 49, 0.52) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(bottom, rgba(49, 49, 49, 0.52) 0%, rgba(255, 255, 255, 0) 100%);
}
.hover-bg-opacity.black-opacity {
  background-color: rgba(0, 0, 0, 0.3);
}
.overflow-hidden {
  overflow: hidden;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-underline {
  text-decoration: underline;
}
.show-ie {
  display: none !important;
}
.content-has-bg,
.hover-has-bg:hover,
.hover-has-bg.active {
  background-color: #ffffff;
}
.content-has-bg.bg-common,
.hover-has-bg:hover.bg-common,
.hover-has-bg.active.bg-common {
  background-color: #f7f7f7;
}
.content-has-bg.bg-thememain-lightest,
.hover-has-bg:hover.bg-thememain-lightest,
.hover-has-bg.active.bg-thememain-lightest {
  background-color: #f2f2f2;
}
.content-has-bg.bg-black-opacity,
.hover-has-bg:hover.bg-black-opacity,
.hover-has-bg.active.bg-black-opacity {
  background-color: rgba(49, 49, 49, 0.3);
}
.content-has-bg.bg-black-opacity-dark,
.hover-has-bg:hover.bg-black-opacity-dark,
.hover-has-bg.active.bg-black-opacity-dark {
  background-color: rgba(49, 49, 49, 0.5);
}
.content-has-bg.bg-main-dark,
.hover-has-bg:hover.bg-main-dark,
.hover-has-bg.active.bg-main-dark {
  background-color: #01b259;
}
.content-has-bg.bg-main,
.hover-has-bg:hover.bg-main,
.hover-has-bg.active.bg-main {
  background-color: #6ad68b;
}
.content-has-bg.bg-warn,
.hover-has-bg:hover.bg-warn,
.hover-has-bg.active.bg-warn {
  background-color: #FF9649;
}
.content-has-bg.bg-yellow,
.hover-has-bg:hover.bg-yellow,
.hover-has-bg.active.bg-yellow {
  background-color: #FECC1E;
}
.content-has-bg.bg-info,
.hover-has-bg:hover.bg-info,
.hover-has-bg.active.bg-info {
  background-color: #44D0FE;
}
.hover-has-bg:hover.bg-main,
.hover-has-bg.active.bg-main {
  color: #ffffff;
}
.hover-has-bg:hover.hover-bg-main,
.hover-has-bg.active.hover-bg-main {
  background-color: #6ad68b;
}
.hover-has-bg:hover.hover-color-white,
.hover-has-bg.active.hover-color-white {
  color: #ffffff;
}
.single-line-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.box-shadow.shadow-default {
  -webkit-box-shadow: 0 0 2px 1px #adadad;
  -moz-box-shadow: 0 0 2px 1px #adadad;
  box-shadow: 0 0 2px 1px #adadad;
}
.box-shadow.shadow-default.shadow-boldest {
  -webkit-box-shadow: 0 0 5px 1px #e6e6e6;
  -moz-box-shadow: 0 0 5px 1px #e6e6e6;
  box-shadow: 0 0 5px 1px #e6e6e6;
}
.box-shadow.shadow-light {
  -webkit-box-shadow: 0 0 2px 1px #ddd;
  -moz-box-shadow: 0 0 2px 1px #ddd;
  box-shadow: 0 0 2px 1px #ddd;
}
.box-shadow.shadow-light.shadow-boldest {
  -webkit-box-shadow: 0 0 5px 1px #e6e6e6;
  -moz-box-shadow: 0 0 5px 1px #e6e6e6;
  box-shadow: 0 0 5px 1px #e6e6e6;
}
.box-shadow.shadow-lighter {
  -webkit-box-shadow: 0 0 2px 1px #e6e6e6;
  -moz-box-shadow: 0 0 2px 1px #e6e6e6;
  box-shadow: 0 0 2px 1px #e6e6e6;
}
.box-shadow.shadow-lighter.shadow-boldest {
  -webkit-box-shadow: 0 0 5px 1px #e6e6e6;
  -moz-box-shadow: 0 0 5px 1px #e6e6e6;
  box-shadow: 0 0 5px 1px #e6e6e6;
}
.demo {
  display: none;
}
.max-height-zero {
  max-height: 0;
  overflow: hidden;
}
.line-nowrap {
  white-space: nowrap;
}
.line-normal {
  white-space: normal;
}
.overflow-auto {
  overflow: auto;
}
.overflow-inherit-imp {
  overflow: inherit !important;
}
.border-bottom {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px;
  border-color: #ddd;
}
.border-bottom.border-lighter {
  border-color: #e6e6e6;
}
.border-bottom.border-lightest {
  border-color: #f8f8f8;
}
.border-bottom.border-main-dark {
  border-color: #01b259;
}
.border-bottom.border-boldest {
  border-width: 5px;
}
.border-bottom.border-bolder {
  border-width: 3px;
}
.clear-float:after {
  display: block;
  content: "";
  clear: both;
}
.not-float {
  float: none !important;
}
.text-indent-normal {
  text-indent: 20px;
}
.text-indent-large {
  text-indent: 30px;
}
.link-active a {
  color: #01b259;
}
.img-contain-center {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.img-contain-nest {
  width: 100%;
}
.img-contain-nest:after {
  display: block;
  content: "";
  padding-top: 100%;
}
.hover-toggle:hover .hover-target {
  display: block;
}
.hover-toggle .hover-target {
  display: none;
}
.hover-color:hover.hover-main-dark {
  color: #01b259;
}
.hover-color:hover.hover-main {
  color: #6ad68b;
}
.hover-color-inherit:hover {
  color: inherit;
}
.has-tip {
  position: relative;
}
.has-tip .tip-triangle,
.has-tip .tip-content {
  position: absolute;
  z-index: 2;
}
.tip-close {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 10px;
  padding-right: 5px;
  padding-left: 20px;
  padding-bottom: 20px;
  font-size: 0;
}
.tip-close:hover {
  cursor: pointer;
}
.tip-close:hover [class*='ifont-'] {
  color: #01b259;
}
.input-file {
  position: relative;
  border: solid 1px #adadad;
}
.input-file.input-file-primary-dark {
  border-color: #01b259;
}
.input-file.input-file-primary-dark .input-file-btn {
  color: #ffffff;
  background-color: #01b259;
}
.input-file.input-file-small {
  height: 28px;
  font-size: 14px;
  line-height: 28px;
}
.input-file.input-file-small .input-file-btn {
  padding-left: 6px;
  padding-right: 5px;
}
.input-file input[type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: auto;
  opacity: 0;
}
.input-file .input-file-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.z-index-lowest {
  z-index: 1;
}
.dbclick-no-select {
  -moz-user-select: none;
}
.cant-use {
  opacity: 0.5;
  cursor: not-allowed;
}
.ifont-xhuge {
  font-size: 65px;
}
.ifont-huge {
  font-size: 48px;
}
.ifont-larger {
  font-size: 32px;
}
.ifont-large {
  font-size: 26px;
}
.ifont-largex {
  font-size: 23px;
}
.ifont-normal {
  font-size: 20px;
}
.ifont-smallxx {
  font-size: 18px;
}
.ifont-smallx {
  font-size: 15px;
}
.ifont-small {
  font-size: 14px;
}
.ifont-xsmall {
  font-size: 12px;
}
.ifont-xxsmall {
  font-size: 10px;
}
.ifont-bold {
  font-weight: bold;
}
.ifont-white {
  color: #ffffff;
}
.ifont-grey {
  color: #adadad;
}
.ifont-black {
  color: #313131;
}
.ifont-main {
  color: #6ad68b;
}
.ifont-main-dark {
  color: #01b259;
}
.ifont-hover-main-dark:hover {
  color: #01b259;
}
.ifont-warn {
  color: #ff6a6a;
}
.ifont-help-blue {
  color: #22a4ef;
}
.ifont-star-yellow {
  color: #ffb843;
}
.ifont-heart-red {
  color: #fe785e;
}
.ifont-picture-solid {
  color: #82b62d;
}
.ifont-well {
  color: #5a7eb8;
}
.ifont-atsomebody {
  color: #e48024;
}
.ifont-book-solid {
  color: #13c236;
}
.ifont-student-cap-solid {
  color: #ffbd30;
}
.ifont-emotion {
  color: #ecc215;
}
.ifont-report {
  color: #ecc215;
}
.ifont-transmit {
  color: #6abb5d;
}
[class*='ifont-'].ifont-hover-shadow:hover {
  text-shadow: 0 0 2px;
}
.icon-xhuge {
  width: 65px;
  height: 65px;
}
.icon-huge {
  width: 48px;
  height: 48px;
}
.icon-larger {
  width: 32px;
  height: 32px;
}
.icon-large {
  width: 26px;
  height: 26px;
}
.icon-largex {
  width: 23px;
  height: 23px;
}
.icon-normal {
  width: 20px;
  height: 20px;
}
.icon-smallxx {
  width: 18px;
  height: 18px;
}
.icon-smallx {
  width: 15px;
  height: 15px;
}
.icon-small {
  width: 14px;
  height: 14px;
}
.icon-xsmall {
  width: 12px;
  height: 12px;
}
.icon-xxsmall {
  width: 10px;
  height: 10px;
}
.pd-icon {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: top;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.pd-icon.icon-margin-none {
  margin-left: 0;
  margin-right: 0;
}
.pd-icon.pointer {
  cursor: pointer;
}
.pd-icon.active-block {
  display: block;
}
.pd-icon.active-inline-block {
  display: inline-block;
}
.pd-icon.vertical-base {
  vertical-align: baseline;
}
.icon-ver-textbottom {
  vertical-align: text-bottom;
}
.icon-arrow {
  background-image: url("/files/images/r_arrow_black.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-arrow {
    background-image: url("/files/images/r_arrow_black.png");
  }
}
.icon-arrow.active {
  background-image: url("/files/images/r_arrow_light.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-arrow.active {
    background-image: url("/files/images/r_arrow_light.png");
  }
}
.icon-chat.icon-grey {
  background-image: url("/files/images/icon/x1/chat_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-chat.icon-grey {
    background-image: url("/files/images/icon/x2/chat_grey.png");
  }
}
.icon-heart.icon-grey {
  background-image: url("/files/images/icon/x1/heart.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-heart.icon-grey {
    background-image: url("/files/images/icon/x2/heart.png");
  }
}
.icon-heart.icon-white {
  background-image: url("/files/images/icon/x1/heart_white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-heart.icon-white {
    background-image: url("/files/images/icon/x2/heart_white.png");
  }
}
.icon-heart.icon-active {
  background-image: url("/files/images/icon/x1/heart_active.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-heart.icon-active {
    background-image: url("/files/images/icon/x2/heart_active.png");
  }
}
.icon-edit.icon-grey {
  background-image: url("/files/images/icon_edit_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-edit.icon-grey {
    background-image: url("/files/images/icon_edit_grey.png");
  }
}
.icon-edit.icon-white {
  background-image: url("/files/images/icon_edit_white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-edit.icon-white {
    background-image: url("/files/images/icon_edit_white.png");
  }
}
.icon-edit.icon-black {
  background-image: url("/files/images/icon/x1/edit_black.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-edit.icon-black {
    background-image: url("/files/images/icon/x2/edit_black.png");
  }
}
.icon-add.icon-white {
  background-image: url("/files/images/icon/x1/add.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-add.icon-white {
    background-image: url("/files/images/icon/x2/add.png");
  }
}
.icon-add.icon-black {
  background-image: url("/files/images/icon/x1/add_black.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-add.icon-black {
    background-image: url("/files/images/icon/x2/add_black.png");
  }
}
.icon-add.icon-green {
  background-image: url("/files/images/icon/x1/add_green.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-add.icon-green {
    background-image: url("/files/images/icon/x2/add_green.png");
  }
}
.icon-add.icon-grey {
  background-image: url("/files/images/icon/x1/add_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-add.icon-grey {
    background-image: url("/files/images/icon/x2/add_grey.png");
  }
}
.icon-add-circle.icon-grey {
  background-image: url("/files/images/icon/x1/add_circle.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-add-circle.icon-grey {
    background-image: url("/files/images/icon/x2/add_circle.png");
  }
}
.icon-delete-cross.icon-grey {
  background-image: url("/files/images/icon/x1/close_cross_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-delete-cross.icon-grey {
    background-image: url("/files/images/icon/x2/close_cross_grey.png");
  }
}
.icon-delete-cross.icon-white {
  background-image: url("/files/images/icon/x1/close_cross_fff.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-delete-cross.icon-white {
    background-image: url("/files/images/icon/x2/close_cross_fff.png");
  }
}
.icon-delete-cross.icon-black {
  background-image: url("/files/images/icon/x1/close_cross_black.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-delete-cross.icon-black {
    background-image: url("/files/images/icon/x2/close_cross_black.png");
  }
}
.icon-delete-cross.icon-green {
  background-image: url("/files/images/icon/x1/close_cross_green.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-delete-cross.icon-green {
    background-image: url("/files/images/icon/x2/close_cross_green.png");
  }
}
.icon-delete-circle.icon-red {
  background-image: url("/files/images/icon/x1/close_circle_red.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-delete-circle.icon-red {
    background-image: url("/files/images/icon/x2/close_circle_red.png");
  }
}
.icon-delete-circle.icon-grey {
  background-image: url("/files/images/icon/x1/close_circle_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-delete-circle.icon-grey {
    background-image: url("/files/images/icon/x2/close_circle_grey.png");
  }
}
.icon-delete-circle.icon-active {
  background-image: url("/files/images/icon/x1/close_circle_active.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-delete-circle.icon-active {
    background-image: url("/files/images/icon/x2/close_circle_active.png");
  }
}
.icon-menu.icon-grey {
  background-image: url("/files/images/icon/x1/menu.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-menu.icon-grey {
    background-image: url("/files/images/icon/x1/menu.png");
  }
}
.icon-sort-vertical.icon-grey {
  background-image: url("/files/images/icon_sort_ver_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-sort-vertical.icon-grey {
    background-image: url("/files/images/icon_sort_ver_grey.png");
  }
}
.icon-arrow-top.icon-grey {
  background-image: url("/files/images/t_arrrow_black.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-arrow-top.icon-grey {
    background-image: url("/files/images/t_arrrow_black.png");
  }
}
.icon-arrow-bottom.icon-grey {
  background-image: url("/files/images/b_arrrow_black.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-arrow-bottom.icon-grey {
    background-image: url("/files/images/b_arrrow_black.png");
  }
}
.icon-plus.icon-grey {
  background-image: url("/files/images/icon_plus.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-plus.icon-grey {
    background-image: url("/files/images/icon_plus.png");
  }
}
.icon-up-replace.icon-white {
  background-image: url("/files/images/icon_up_replace.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-up-replace.icon-white {
    background-image: url("/files/images/icon_up_replace.png");
  }
}
.icon-save.icon-light {
  background-image: url("/files/images/icon_save.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-save.icon-light {
    background-image: url("/files/images/icon_save.png");
  }
}
.icon-down.icon-light {
  background-image: url("/files/images/icon_down_light.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-down.icon-light {
    background-image: url("/files/images/icon_down_light.png");
  }
}
.icon-exclamatory.icon-grey {
  background-image: url("/files/images/icon_exclamatory_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-exclamatory.icon-grey {
    background-image: url("/files/images/icon_exclamatory_grey.png");
  }
}
.icon-exclamatory.icon-light {
  background-image: url("/files/images/icon_exclamatory_light.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-exclamatory.icon-light {
    background-image: url("/files/images/icon_exclamatory_light.png");
  }
}
.icon-pay.icon-wechat {
  background-image: url("/files/images/icon/x1/pay_wechat.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-pay.icon-wechat {
    background-image: url("/files/images/icon/x2/pay_wechat.png");
  }
}
.icon-pay.icon-ali {
  background-image: url("/files/images/icon/x1/pay_ali.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-pay.icon-ali {
    background-image: url("/files/images/icon/x2/pay_ali.png");
  }
}
.icon-pay.icon-paypal {
  background-image: url("/files/images/icon/x1/pay_paypal.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-pay.icon-paypal {
    background-image: url("/files/images/icon/x2/pay_paypal.png");
  }
}
.icon-search.icon-white {
  background-image: url("/files/images/icon/x1/search.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-search.icon-white {
    background-image: url("/files/images/icon/x2/search.png");
  }
}
.icon-search.icon-grey {
  background-image: url("/files/images/icon/x1/search_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-search.icon-grey {
    background-image: url("/files/images/icon/x2/search_grey.png");
  }
}
.icon-search.icon-black {
  background-image: url("/files/images/icon/x1/search_black.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-search.icon-black {
    background-image: url("/files/images/icon/x2/search_black.png");
  }
}
.icon-search.icon-green {
  background-image: url("/files/images/icon/x1/search_green.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-search.icon-green {
    background-image: url("/files/images/icon/x2/search_green.png");
  }
}
.icon-list-arrow.icon-default,
.icon-list-arrow.icon-right {
  background-image: url("/files/images/icon/x1/list_arraw_right.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-list-arrow.icon-default,
  .icon-list-arrow.icon-right {
    background-image: url("/files/images/icon/x2/list_arraw_right.png");
  }
}
.icon-list-arrow.icon-open {
  background-image: url("/files/images/icon/x1/list_arraw_down.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-list-arrow.icon-open {
    background-image: url("/files/images/icon/x2/list_arraw_down.png");
  }
}
.icon-list-arrow.icon-left {
  background-image: url("/files/images/icon/x1/list_arraw_left.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-list-arrow.icon-left {
    background-image: url("/files/images/icon/x2/list_arraw_left.png");
  }
}
.icon-list-arrow.icon-green-open {
  background-image: url("/files/images/icon/x1/arraw_green_down.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-list-arrow.icon-green-open {
    background-image: url("/files/images/icon/x2/arraw_green_down.png");
  }
}
.icon-exchange.icon-light {
  background-image: url("/files/images/icon/x1/exchange.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-exchange.icon-light {
    background-image: url("/files/images/icon/x2/exchange.png");
  }
}
.icon-location.icon-light {
  background-image: url("/files/images/icon/x1/location.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-location.icon-light {
    background-image: url("/files/images/icon/x2/location.png");
  }
}
.icon-location.icon-grey {
  background-image: url("/files/images/icon/x1/location_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-location.icon-grey {
    background-image: url("/files/images/icon/x2/location_grey.png");
  }
}
.icon-share.icon-light {
  background-image: url("/files/images/icon/x1/share.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-share.icon-light {
    background-image: url("/files/images/icon/x2/share.png");
  }
}
.icon-share.icon-grey {
  background-image: url("/files/images/icon/x1/share_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-share.icon-grey {
    background-image: url("/files/images/icon/x2/share_grey.png");
  }
}
.icon-report.icon-light {
  background-image: url("/files/images/icon/x1/report.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-report.icon-light {
    background-image: url("/files/images/icon/x2/report.png");
  }
}
.icon-report.icon-white {
  background-image: url("/files/images/icon/x1/report_white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-report.icon-white {
    background-image: url("/files/images/icon/x2/report_white.png");
  }
}
.icon-transmit.icon-light {
  background-image: url("/files/images/icon/x1/transmit.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-transmit.icon-light {
    background-image: url("/files/images/icon/x2/transmit.png");
  }
}
.icon-transmit.icon-white {
  background-image: url("/files/images/icon/x1/transmit_white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-transmit.icon-white {
    background-image: url("/files/images/icon/x2/transmit_white.png");
  }
}
.icon-transmit.icon-white-square {
  background-image: url("/files/images/icon/x1/transmit_white_square.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-transmit.icon-white-square {
    background-image: url("/files/images/icon/x2/transmit_white_square.png");
  }
}
.icon-expression.icon-default {
  background-image: url("/files/images/icon/x1/expression.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-expression.icon-default {
    background-image: url("/files/images/icon/x2/expression.png");
  }
}
.icon-picture.icon-default {
  background-image: url("/files/images/icon/x1/picture.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-picture.icon-default {
    background-image: url("/files/images/icon/x2/picture.png");
  }
}
.icon-help.icon-default {
  background-image: url("/files/images/icon/x1/help.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-help.icon-default {
    background-image: url("/files/images/icon/x2/help.png");
  }
}
.icon-collect.icon-default {
  background-image: url("/files/images/icon/x1/collect_default.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-collect.icon-default {
    background-image: url("/files/images/icon/x2/collect_default.png");
  }
}
.icon-collect.icon-white {
  background-image: url("/files/images/icon/x1/collect_white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-collect.icon-white {
    background-image: url("/files/images/icon/x2/collect_white.png");
  }
}
.icon-collect.icon-active {
  background-image: url("/files/images/icon/x1/collect_active.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-collect.icon-active {
    background-image: url("/files/images/icon/x2/collect_active.png");
  }
}
.icon-book.icon-grey {
  background-image: url("/files/images/icon/x1/book.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-book.icon-grey {
    background-image: url("/files/images/icon/x2/book.png");
  }
}
.icon-next.icon-white {
  background-image: url("/files/images/icon/x1/next.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-next.icon-white {
    background-image: url("/files/images/icon/x2/next.png");
  }
}
.icon-prev.icon-white {
  background-image: url("/files/images/icon/x1/prev.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-prev.icon-white {
    background-image: url("/files/images/icon/x2/prev.png");
  }
}
.icon-classify.icon-black {
  background-image: url("/files/images/icon/x1/classify.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-classify.icon-black {
    background-image: url("/files/images/icon/x2/classify.png");
  }
}
.icon-sunshine.icon-half {
  background-image: url("/files/images/icon/x1/sunshine_half.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-sunshine.icon-half {
    background-image: url("/files/images/icon/x2/sunshine_half.png");
  }
}
.icon-sunshine.icon-all {
  background-image: url("/files/images/icon/x1/sunshine_all.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-sunshine.icon-all {
    background-image: url("/files/images/icon/x2/sunshine_all.png");
  }
}
.icon-sunshine.icon-none {
  background-image: url("/files/images/icon/x1/sunshine_none.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-sunshine.icon-none {
    background-image: url("/files/images/icon/x2/sunshine_none.png");
  }
}
.icon-sunshine.icon-default {
  background-image: url("/files/images/icon/x1/sunshine.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-sunshine.icon-default {
    background-image: url("/files/images/icon/x2/sunshine.png");
  }
}
.icon-water.icon-default {
  background-image: url("/files/images/icon/x1/water.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-water.icon-default {
    background-image: url("/files/images/icon/x2/water.png");
  }
}
.icon-water.icon-half {
  background-image: url("/files/images/icon/x1/water_half.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-water.icon-half {
    background-image: url("/files/images/icon/x2/water_half.png");
  }
}
.icon-water.icon-less {
  background-image: url("/files/images/icon/x1/water_less.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-water.icon-less {
    background-image: url("/files/images/icon/x2/water_less.png");
  }
}
.icon-water.icon-quarter {
  background-image: url("/files/images/icon/x1/water_quarter.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-water.icon-quarter {
    background-image: url("/files/images/icon/x2/water_quarter.png");
  }
}
.icon-water.icon-none {
  background-image: url("/files/images/icon/x1/water_none.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-water.icon-none {
    background-image: url("/files/images/icon/x2/water_none.png");
  }
}
.icon-fertilizer.icon-liquid {
  background-image: url("/files/images/icon/x1/fertilizer_liquid.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-fertilizer.icon-liquid {
    background-image: url("/files/images/icon/x2/fertilizer_liquid.png");
  }
}
.icon-fertilizer.icon-good {
  background-image: url("/files/images/icon/x1/fertilizer_good.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-fertilizer.icon-good {
    background-image: url("/files/images/icon/x2/fertilizer_good.png");
  }
}
.icon-fertilizer.icon-organic {
  background-image: url("/files/images/icon/x1/fertilizer_organic.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-fertilizer.icon-organic {
    background-image: url("/files/images/icon/x2/fertilizer_organic.png");
  }
}
.icon-soil.icon-default {
  background-image: url("/files/images/icon/x1/soil.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-soil.icon-default {
    background-image: url("/files/images/icon/x2/soil.png");
  }
}
.icon-flower-time.icon-default {
  background-image: url("/files/images/icon/x1/flower_time.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-flower-time.icon-default {
    background-image: url("/files/images/icon/x2/flower_time.png");
  }
}
.icon-temperature.icon-default {
  background-image: url("/files/images/icon/x1/temperature.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-temperature.icon-default {
    background-image: url("/files/images/icon/x2/temperature.png");
  }
}
.icon-home.icon-default {
  background-image: url("/files/images/icon/x1/home_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-home.icon-default {
    background-image: url("/files/images/icon/x2/home_grey.png");
  }
}
.icon-article.icon-grey {
  background-image: url("/files/images/icon/x1/article_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-article.icon-grey {
    background-image: url("/files/images/icon/x2/article_grey.png");
  }
}
.icon-article.icon-default {
  background-image: url("/files/images/icon/x1/article.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-article.icon-default {
    background-image: url("/files/images/icon/x2/article.png");
  }
}
.icon-encyclopedia.icon-grey {
  background-image: url("/files/images/icon/x1/encyclopedia_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-encyclopedia.icon-grey {
    background-image: url("/files/images/icon/x2/encyclopedia_grey.png");
  }
}
.icon-dynamic.icon-grey {
  background-image: url("/files/images/icon/x1/dynamic_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-dynamic.icon-grey {
    background-image: url("/files/images/icon/x2/dynamic_grey.png");
  }
}
.icon-garden.icon-grey {
  background-image: url("/files/images/icon/x1/garden_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-garden.icon-grey {
    background-image: url("/files/images/icon/x2/garden_grey.png");
  }
}
.icon-backtop.icon-default {
  background-image: url("/files/images/icon/x1/back_top.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-backtop.icon-default {
    background-image: url("/files/images/icon/x2/back_top.png");
  }
}
.icon-brand.icon-google {
  background-image: url("/files/images/icon/x1/google_plus.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-brand.icon-google {
    background-image: url("/files/images/icon/x2/google_plus.png");
  }
}
.icon-brand.icon-facebook {
  background-image: url("/files/images/icon/x1/facebook.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-brand.icon-facebook {
    background-image: url("/files/images/icon/x2/facebook.png");
  }
}
.icon-brand.icon-weibo {
  background-image: url("/files/images/icon/x1/weibo.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-brand.icon-weibo {
    background-image: url("/files/images/icon/x2/weibo.png");
  }
}
.icon-brand.icon-wechat {
  background-image: url("/files/images/icon/x1/wechat.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-brand.icon-wechat {
    background-image: url("/files/images/icon/x2/wechat.png");
  }
}
.icon-logo.icon-round {
  background-image: url("/files/images/logo/round/96.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-logo.icon-round {
    background-image: url("/files/images/logo/round/96.png");
  }
}
.icon-qrcode.icon-white {
  background-image: url("/files/images/icon/x1/qrcode.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-qrcode.icon-white {
    background-image: url("/files/images/icon/x2/qrcode.png");
  }
}
.icon-grow.icon-default {
  background-image: url("/files/images/icon/x1/grow.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-grow.icon-default {
    background-image: url("/files/images/icon/x2/grow.png");
  }
}
.icon-plant.icon-home {
  background-image: url("/files/images/icon/x1/plant_home.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-plant.icon-home {
    background-image: url("/files/images/icon/x2/plant_home.png");
  }
}
.icon-plant.icon-potting {
  background-image: url("/files/images/icon/x1/plant_potting.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-plant.icon-potting {
    background-image: url("/files/images/icon/x2/plant_potting.png");
  }
}
.icon-plant.icon-default {
  background-image: url("/files/images/icon/x1/plant.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-plant.icon-default {
    background-image: url("/files/images/icon/x2/plant.png");
  }
}
.icon-plant.icon-attachment {
  background-image: url("/files/images/icon/x1/plant_attachment.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-plant.icon-attachment {
    background-image: url("/files/images/icon/x2/plant_attachment.png");
  }
}
.icon-plant.icon-land {
  background-image: url("/files/images/icon/x1/plant_land.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-plant.icon-land {
    background-image: url("/files/images/icon/x2/plant_land.png");
  }
}
.icon-plant.icon-location {
  background-image: url("/files/images/icon/x1/plant_location.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-plant.icon-location {
    background-image: url("/files/images/icon/x2/plant_location.png");
  }
}
.icon-plant.icon-out {
  background-image: url("/files/images/icon/x1/plant_out.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-plant.icon-out {
    background-image: url("/files/images/icon/x2/plant_out.png");
  }
}
.icon-plant.icon-water {
  background-image: url("/files/images/icon/x1/plant_water.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-plant.icon-water {
    background-image: url("/files/images/icon/x2/plant_water.png");
  }
}
.icon-checkmark.icon-white {
  background-image: url("/files/images/icon/x1/check_mark.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-checkmark.icon-white {
    background-image: url("/files/images/icon/x2/check_mark.png");
  }
}
.icon-checkmark.icon-active {
  background-image: url("/files/images/icon/x1/check_mark_green.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-checkmark.icon-active {
    background-image: url("/files/images/icon/x2/check_mark_green.png");
  }
}
.icon-lang.icon-default {
  background-image: url("/files/images/icon/x1/lang.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-lang.icon-default {
    background-image: url("/files/images/icon/x2/lang.png");
  }
}
.icon-setting.icon-white {
  background-image: url("/files/images/icon/x1/setting_white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-setting.icon-white {
    background-image: url("/files/images/icon/x2/setting_white.png");
  }
}
.icon-setting.icon-grey {
  background-image: url("/files/images/icon/x1/setting_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-setting.icon-grey {
    background-image: url("/files/images/icon/x2/setting_grey.png");
  }
}
.icon-envelope.icon-white {
  background-image: url("/files/images/icon/x1/envelope_white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-envelope.icon-white {
    background-image: url("/files/images/icon/x2/envelope_white.png");
  }
}
.icon-envelope.icon-grey {
  background-image: url("/files/images/icon/x1/envelope_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-envelope.icon-grey {
    background-image: url("/files/images/icon/x2/envelope_grey.png");
  }
}
.icon-tick.icon-green {
  background-image: url("/files/images/icon/x1/tick.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-tick.icon-green {
    background-image: url("/files/images/icon/x2/tick.png");
  }
}
.icon-success.icon-default {
  background-image: url("/files/images/icon/x1/success.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-success.icon-default {
    background-image: url("/files/images/icon/x2/success.png");
  }
}
.icon-tip-triangle.icon-white {
  background-image: url("/files/images/icon/x1/tip_triangle_white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-tip-triangle.icon-white {
    background-image: url("/files/images/icon/x2/tip_triangle_white.png");
  }
}
.icon-tip-triangle.icon-green {
  background-image: url("/files/images/icon/x1/triangle_green.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-tip-triangle.icon-green {
    background-image: url("/files/images/icon/x2/triangle_green.png");
  }
}
.icon-question.icon-active {
  background-image: url("/files/images/icon/x1/question_active.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-question.icon-active {
    background-image: url("/files/images/icon/x2/question_active.png");
  }
}
.icon-question.icon-grey {
  background-image: url("/files/images/icon/x1/question_grey.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-question.icon-grey {
    background-image: url("/files/images/icon/x2/question_grey.png");
  }
}
.icon-download.icon-white {
  background-image: url("/files/images/icon/x1/download_white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-download.icon-white {
    background-image: url("/files/images/icon/x2/download_white.png");
  }
}
.icon-trash.icon-white {
  background-image: url("/files/images/icon/x1/delete_white.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-trash.icon-white {
    background-image: url("/files/images/icon/x2/delete_white.png");
  }
}
.icon-at.icon-default {
  background-image: url("/files/images/icon/x1/at.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-at.icon-default {
    background-image: url("/files/images/icon/x2/at.png");
  }
}
.icon-emotion.icon-default {
  background-image: url("/files/images/icon/x1/emotion.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-emotion.icon-default {
    background-image: url("/files/images/icon/x2/emotion.png");
  }
}
.icon-well.icon-default {
  background-image: url("/files/images/icon/x1/well.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-well.icon-default {
    background-image: url("/files/images/icon/x2/well.png");
  }
}
[class*="btn-"] {
  cursor: pointer;
}
[class*="btn-"].btn-font-normal {
  font-size: 16px;
}
.btn-file {
  position: relative;
  height: 31px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #6ad68b;
  text-align: center;
  line-height: 31px;
  border: solid 1px;
  border-color: #6ad68b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.btn-file input[type='file'] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media (min-width: 768px) {
  .btn-file {
    max-width: 290px;
  }
}
.btn-link {
  display: inline-block;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
}
.btn-link.no-decoration {
  text-decoration: none;
}
.btn-link:hover {
  color: #6ad68b;
}
.btn-link.no-hover:hover {
  color: inherit;
}
.btn-link.disabled {
  opacity: 0.5;
  cursor: context-menu;
}
.btn-link.disabled:hover {
  color: inherit;
}
.btn-primary {
  color: #6ad68b;
  border: solid 1px;
  border-color: #6ad68b;
}
.btn-primary:hover {
  -webkit-box-shadow: 0 0 2px #6ad68b;
  -moz-box-shadow: 0 0 2px #6ad68b;
  box-shadow: 0 0 2px #6ad68b;
}
.btn-primary:hover {
  color: #6ad68b;
}
.btn-primary.btn-solid {
  color: #ffffff;
  background-color: #6ad68b;
}
.btn-primary.btn-filled {
  background-color: #6ad68b;
}
.btn-primary-dark {
  color: #01b259;
  border: solid 1px;
  border-color: #01b259;
}
.btn-primary-dark:hover {
  -webkit-box-shadow: 0 0 2px #01b259;
  -moz-box-shadow: 0 0 2px #01b259;
  box-shadow: 0 0 2px #01b259;
}
.btn-primary-dark:hover {
  color: #01b259;
}
.btn-primary-dark.btn-filled {
  background-color: #01b259;
}
.btn-primary-less {
  color: #f7d386;
  border: solid 1px;
  border-color: #f7d386;
}
.btn-primary-less:hover {
  -webkit-box-shadow: 0 0 2px #f7d386;
  -moz-box-shadow: 0 0 2px #f7d386;
  box-shadow: 0 0 2px #f7d386;
}
.btn-primary-less:hover {
  color: #f7d386;
}
.btn-primary-less.btn-filled {
  background-color: #f7d386;
}
.btn-default {
  color: #313131;
  border: solid 1px;
  border-color: #313131;
}
.btn-default:hover {
  -webkit-box-shadow: 0 0 2px #313131;
  -moz-box-shadow: 0 0 2px #313131;
  box-shadow: 0 0 2px #313131;
}
.btn-default:hover {
  color: #313131;
}
.btn-default.btn-filled {
  background-color: #313131;
}
.btn-insignificant {
  color: #999;
  border: solid 1px;
  border-color: #999;
}
.btn-insignificant:hover {
  -webkit-box-shadow: 0 0 2px #999;
  -moz-box-shadow: 0 0 2px #999;
  box-shadow: 0 0 2px #999;
}
.btn-insignificant.btn-filled {
  background-color: #999;
}
.btn-success {
  color: #a7c82c;
  border: solid 1px;
  border-color: #a7c82c;
}
.btn-success:hover {
  -webkit-box-shadow: 0 0 2px #a7c82c;
  -moz-box-shadow: 0 0 2px #a7c82c;
  box-shadow: 0 0 2px #a7c82c;
}
.btn-success.btn-filled {
  background-color: #a7c82c;
}
.btn-info {
  color: #43b7e3;
  border: solid 1px;
  border-color: #43b7e3;
}
.btn-info:hover {
  -webkit-box-shadow: 0 0 2px #43b7e3;
  -moz-box-shadow: 0 0 2px #43b7e3;
  box-shadow: 0 0 2px #43b7e3;
}
.btn-info.btn-filled {
  background-color: #43b7e3;
}
.btn-contrast {
  color: #ffffff;
  border: solid 1px;
  border-color: #ffffff;
}
.btn-contrast:hover {
  -webkit-box-shadow: 0 0 2px #ffffff;
  -moz-box-shadow: 0 0 2px #ffffff;
  box-shadow: 0 0 2px #ffffff;
}
.btn-contrast.btn-filled {
  background-color: #ffffff;
}
.btn-primary,
.btn-primary-less,
.btn-primary-dark,
.btn-default,
.btn-success,
.btn-info,
.btn-contrast,
.btn-insignificant {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
  cursor: pointer;
}
.btn-primary.disabled,
.btn-primary-less.disabled,
.btn-primary-dark.disabled,
.btn-default.disabled,
.btn-success.disabled,
.btn-info.disabled,
.btn-contrast.disabled,
.btn-insignificant.disabled {
  opacity: 0.5;
  cursor: context-menu;
}
.btn-primary.disabled-must,
.btn-primary-less.disabled-must,
.btn-primary-dark.disabled-must,
.btn-default.disabled-must,
.btn-success.disabled-must,
.btn-info.disabled-must,
.btn-contrast.disabled-must,
.btn-insignificant.disabled-must {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-primary.btn-block,
.btn-primary-less.btn-block,
.btn-primary-dark.btn-block,
.btn-default.btn-block,
.btn-success.btn-block,
.btn-info.btn-block,
.btn-insignificant.btn-block,
.btn-link.btn-block,
.btn-white.btn-block {
  display: block;
}
.btn-primary.btn-filled,
.btn-primary-less.btn-filled,
.btn-primary-dark.btn-filled,
.btn-default.btn-filled,
.btn-success.btn-filled,
.btn-info.btn-filled,
.btn-insignificant.btn-filled,
.btn-link.btn-filled,
.btn-white.btn-filled {
  color: #ffffff;
}
@media (max-width: 500px) {
  .btn-primary.btn-block-xm,
  .btn-default.btn-block-xm {
    display: block;
  }
}
.btn-item {
  margin-left: 5px;
}
.btn-item:first-child {
  margin-left: 0;
}
.btn-small {
  margin: 5px;
  font-size: 14px;
}
.btn-smallx {
  padding-left: 9.6px;
  padding-right: 9.6px;
  font-size: 14px;
  line-height: 24px;
}
.btn-lt-small {
  padding-left: 9.6px;
  padding-right: 9.6px;
  font-size: 16px;
  line-height: 24px;
}
.btn-normal {
  padding-left: 9.6px;
  padding-right: 9.6px;
  font-size: 16px;
  line-height: 28.8px;
}
.btn-large {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 40px;
}
.btn-exhuge {
  padding-left: 9.6px;
  padding-right: 9.6px;
  font-size: 20px;
  line-height: 45px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-fix-exhuge {
  width: 130px;
  height: 45px;
  font-size: 20px;
  text-align: center;
  line-height: 45px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-inner-normal {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 14px;
  line-height: 28.8px;
}
[class*="btn-fixsize-"] {
  text-align: center;
  cursor: pointer;
}
.btn-fixsize-normal {
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  width: 66px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-unimportant {
  color: #2f2f2f;
}
.btn-noteless {
  color: #999;
}
.btn-noted {
  color: #6ad68b;
}
.btn-gradient.btn-ok {
  color: #ffffff;
  background: -webkit-linear-gradient(#ffa04e, #ff6926);
  background: -o-linear-gradient(#ffa04e, #ff6926);
  background: -moz-linear-gradient(#ffa04e, #ff6926);
  background: linear-gradient(#ffa04e, #ff6926);
}
.btn-gradient.btn-ok:hover {
  -webkit-box-shadow: 0 0 2px 1px #ff6926;
  -moz-box-shadow: 0 0 2px 1px #ff6926;
  box-shadow: 0 0 2px 1px #ff6926;
}
.btn-gradient.btn-cancel {
  color: #313131;
  background: -webkit-linear-gradient(#fff, #d3d3d3);
  background: -o-linear-gradient(#fff, #d3d3d3);
  background: -moz-linear-gradient(#fff, #d3d3d3);
  background: linear-gradient(#fff, #d3d3d3);
}
.btn-gradient.btn-cancel:hover {
  -webkit-box-shadow: 0 0 2px 1px #d3d3d3;
  -moz-box-shadow: 0 0 2px 1px #d3d3d3;
  box-shadow: 0 0 2px 1px #d3d3d3;
}
.candidate-module.candidate-abs {
  position: absolute;
  width: 100%;
  background-color: #f7f7f7;
  z-index: 1;
}
.candidate-content {
  display: table;
  width: 100%;
  overflow: hidden;
  border-radius: 3px;
  border: solid 1px #f8f8f8;
  font-size: 14px;
}
.candidate-item {
  display: table-row;
  border-bottom: solid 1px #e6e6e6;
  cursor: pointer;
}
.candidate-item:nth-child(odd) {
  background-color: #f8f8f8;
}
.candidate-item:nth-child(odd):hover {
  background-color: #ebebeb;
}
.candidate-item:nth-child(even) {
  background-color: #ffffff;
}
.candidate-item:nth-child(even):hover {
  background-color: #f2f2f2;
}
.candidate-item:last-child {
  border-bottom: none;
}
.candidate-item.demo {
  display: none;
}
.candidate-text {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  word-break: break-word;
}
.candidate-remark {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 12px;
  text-align: center;
}
.candidate-hide {
  display: none;
}
.table-class {
  font-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.table-class .table-row {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.table-class .table-row-title {
  color: #999;
}
.table-class .table-cell {
  display: inline-block;
  padding-right: 10px;
  padding-bottom: 5px;
}
.table-class.optional,
.table-class .optional {
  cursor: pointer;
}
.table-class.table-middle .table-cell {
  vertical-align: middle;
}
.class-table {
  display: table;
}
.class-table .table-row {
  display: table-row;
}
.class-table .table-cell {
  display: table-cell;
}
.class-table.vertical-middle {
  width: 100%;
  height: 100%;
}
.class-table.vertical-middle .table-cell {
  font-size: 0;
  vertical-align: middle;
}
.progress-module {
  width: 100%;
  height: 100%;
  background-color: rgba(46, 46, 46, 0.6);
}
.progress-module .progress-bar {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
}
.class-select {
  padding-left: 5px;
  padding-right: 5px;
  border: solid 1px;
  border-color: #e6e6e6;
}
.class-select .select-title.active {
  color: #6ad68b;
}
.class-select .select-title.has-list-mark {
  position: relative;
}
.class-select .select-title.has-list-mark:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  content: '';
  width: 8px;
  height: 10px;
  background-image: url("../images/icon/x1/arraw_green_down.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.class-select .has-list-mark.active:after {
  background-image: url("../images/icon/x1/arrow_down_fff.png");
}
.class-select .select-item {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px;
  border-color: #f8f8f8;
  cursor: pointer;
}
.class-select .select-item.active {
  color: #6ad68b;
}
.class-select .select-item:last-child {
  border-bottom: none;
}
.select-module {
  position: relative;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.select-module .select-replace {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.select-module .select-replace:after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.select-module select {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: none;
  outline: none;
  border: 0;
  opacity: 0;
  z-index: 3;
}
.select-module.select-module {
  display: block;
}
.select-module.select-primary {
  border: solid 1px;
  border-color: #6ad68b;
}
.select-module.select-primary select {
  color: #6ad68b;
}
.select-module.select-normal {
  width: 120px;
  height: 30px;
  font-size: 14px;
}
.select-module.select-normal select {
  font-size: 14px;
}
.select-module.select-normal .select-replace {
  line-height: 30px;
}
.tag-for-classify {
  position: absolute;
  display: inline-block;
  padding: .3rem .4rem .2rem;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  vertical-align: .2em;
  line-height: 1.1;
  white-space: nowrap;
  color: #ffffff;
  text-transform: uppercase;
  background: #6ad68b;
  z-index: 10;
  -webkit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.tag-for-classify.l-t {
  top: 0;
  left: 0;
}
.tag-for-classify.r-t {
  top: 0;
  right: 0;
}
.tag-for-classify.tag-insignificant {
  color: #313131;
  background: #adadad;
}
.portrait {
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.portrait.portrait-round {
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  border-radius: 99999px;
}
.portrait.portrait-xsmall {
  width: 30px;
  height: 30px;
}
.portrait.portrait-small {
  width: 40px;
  height: 40px;
}
.portrait.portrait-normal {
  width: 50px;
  height: 50px;
}
.portrait.portrait-large {
  width: 65px;
  height: 65px;
}
.portrait img {
  display: block;
  width: 100%;
}
.catalogue-module {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.catalogue-module.tb-no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.catalogue-module.lr-no-padding {
  padding-right: 0;
  padding-left: 0;
}
.catalogue-title {
  font-size: 16px;
  color: #6ad68b;
}
.catalogue-child-list {
  padding-left: 10px;
  display: none;
}
.catalogue-child-list.visible-block {
  display: block;
}
.catalogue-child:hover,
.catalogue-parent:hover {
  background-color: #6ad68b;
  color: #ffffff !important;
}
.catalogue-child {
  line-height: 30px;
  cursor: pointer;
}
.catalogue-parent {
  line-height: 35px;
  color: #313131;
}
.catalogue-parent.has-list-mark {
  position: relative;
  cursor: pointer;
}
.catalogue-parent.has-list-mark:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: auto;
  margin-bottom: auto;
  content: '';
  background-image: url("/files/images/icon/x1/list_arraw_right.png");
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .catalogue-parent.has-list-mark:after {
    background-image: url("/files/images/icon/x2/list_arraw_right.png");
  }
}
.catalogue-parent.has-list-mark.active:after {
  width: 12px;
  height: 12px;
  background-image: url("/files/images/icon/x1/list_arraw_down.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .catalogue-parent.has-list-mark.active:after {
    background-image: url("/files/images/icon/x2/list_arraw_down.png");
  }
}
.catalogue-name.catalogue-parent {
  font-size: 14px;
}
.catalogue-name.catalogue-child {
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  color: #adadad;
}
.catalogue-name.catalogue-child.active {
  color: #ffffff;
  background-color: #01b259;
}
.catalogue-name.catalogue-child.active:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: auto;
  margin-bottom: auto;
  content: '';
  background-image: url("/files/images/icon/x1/check_mark.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .catalogue-name.catalogue-child.active:after {
    background-image: url("/files/images/icon/x2/check_mark.png");
  }
}
.editor-model {
  cursor: text;
}
.alert {
  position: fixed;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  right: 40px;
  width: 220px;
  opacity: 0;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  margin-bottom: 20px;
  font-size: 14px;
  border: solid transparent 1px;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.index-normal {
  width: 17px;
  height: 17px;
  font-size: 12px;
  text-align: center;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
}
.index-hot {
  background-color: #ff6a6a;
  color: #ffffff;
}
.model-module {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  margin: auto;
  z-index: 10;
  overflow: auto;
  background-color: rgba(49, 49, 49, 0.5);
}
.model-body {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  background-color: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 9px 2px rgba(49, 49, 49, 0.8);
  -moz-box-shadow: 0 2px 9px 2px rgba(49, 49, 49, 0.8);
  box-shadow: 0 2px 9px 2px rgba(49, 49, 49, 0.8);
}
.model-body.overflow-initial {
  overflow: initial;
}
.model-header {
  position: relative;
  padding: 15px;
  border-bottom: solid 1px;
  border-color: #e6e6e6;
  background-color: #6ad68b;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.model-header.bg-white {
  background-color: #ffffff;
  padding-left: 33px;
}
.model-header.bg-white .model-title {
  color: #313131;
  font-size: 16px;
  line-height: 24px;
}
.model-header.bg-white .model-close {
  color: #313131;
  font-weight: bold;
}
.model-header.bg-white .model-close:hover {
  color: #01b259;
}
.model-title {
  display: inline-block;
  margin-right: 26px;
  margin-bottom: 0;
  font-size: 18px;
  color: #ffffff;
  text-align: left;
}
.model-close {
  position: absolute;
  padding-left: 25px;
  padding-right: 15px;
  top: 0;
  right: 0;
  line-height: 54px;
}
.model-content {
  padding: 15px;
  border-bottom: solid 1px;
  border-color: #e6e6e6;
}
.model-footer {
  padding: 15px;
  text-align: right;
  overflow: hidden;
}
.model-btn {
  text-align: center;
}
.model-module-use .model-body {
  max-width: 687px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.model-module-use .model-content {
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: none;
}
.bread-module {
  max-width: 980px;
  height: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
  color: #313131;
  font-size: 14px;
  line-height: 28px;
  background-color: #ffffff;
}
.bread-module .bread-active {
  color: #01b259;
}
.magnify-module {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #999999;
  background-color: rgba(0, 0, 0, 0.9);
  cursor: zoom-out;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.magnify-module .carousel-pic-magnify {
  position: relative;
  width: 100%;
  height: 100%;
}
.magnify-module .magnify-box {
  position: absolute;
  left: -100%;
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
}
.magnify-module .magnify-inner-box {
  display: inline-block;
  height: 100%;
}
.magnify-module .img-cell-box {
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.magnify-module img {
  width: auto;
  max-width: 800px;
  margin: auto;
}
.magnify-module .img-display {
  display: none;
  white-space: nowrap;
}
.magnify-module .switch-prev-next {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  background-color: #151515;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
}
.magnify-module .switch-prev-next .pd-icon {
  position: relative;
  top: 34px;
}
.magnify-module .switch-prev-next img {
  width: 35px;
  height: 35px;
}
.magnify-module .switch-prev {
  left: 50px;
}
.magnify-module .switch-prev img {
  margin-top: 30px !important;
}
.magnify-module .switch-next {
  right: 50px;
}
.magnify-module .switch-next img {
  margin-top: 30px !important;
}
.magnify-module .inner-index {
  display: inline-block;
  padding: 15px;
}
.magnify-module .img-index {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: #ffffff;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
}
@media (max-width: 1050px) {
  .magnify-module .switch-prev-next {
    display: none;
  }
  .magnify-module .img-index {
    top: 0px;
  }
}
.download-footer-module {
  position: fixed;
  bottom: 5px;
  width: 100%;
  max-width: 1000px;
  height: 70px;
  background-color: rgba(49, 49, 49, 0.5);
}
.download-footer-module .download-footer-btn {
  min-width: 66px;
  height: 40px;
  margin-top: 15px;
  padding-left: 22px;
  padding-right: 22px;
  font-size: 16px;
  color: #ffffff;
  line-height: 40px;
  background-color: #37d267;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.download-footer-module .download-footer {
  margin-left: 25px;
  margin-right: 25px;
}
.download-footer-module .download-footer-logo {
  height: 62px;
  margin-top: 4px;
}
.download-footer-module .download-footer-logo img {
  height: 100%;
}
.download-footer-module .download-footer-word {
  margin-top: 13px;
  margin-left: 12px;
}
@media (max-width: 1050px) {
  .download-footer-module {
    position: fixed;
    bottom: 0;
    height: 60px;
  }
  .download-footer-module .download-footer-btn {
    min-width: 66px;
    height: 28px;
    margin-top: 16px;
    padding-left: 22px;
    padding-right: 22px;
    font-size: 14px;
    line-height: 28px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .download-footer-module .download-footer {
    margin-left: 20px;
    margin-right: 20px;
  }
  .download-footer-module .download-footer-logo {
    height: 40px;
    margin-top: 10px;
  }
}
.comment-item {
  padding-bottom: 22px;
  position: relative;
}
.comment-item:last-child {
  border-bottom: solid 1px #f7f7f7;
}
.comment-item .content {
  font-size: 14px;
  color: #303030;
  padding-left: 53px;
  margin-top: 2px;
}
.comment-item .count {
  position: absolute;
  right: 0;
  top: 23px;
}
.comment-item .count .gf-icon {
  margin-right: 10px;
}
.comment-item .count .remark {
  vertical-align: top;
}
.comment-item .cmt-reply-box {
  position: absolute;
  right: 56px;
  top: 23px;
}
.comment-item .cmt-reply-container {
  margin-left: 53px;
  margin-bottom: 0;
  margin-top: 10px;
  background-color: #f7f7f7;
  border-bottom: none;
}
.comment-item .cmt-reply-container .function-btn {
  margin-bottom: 14px;
}
.comment-item .cmt-reply-container [toggle_name='emoji_list'] {
  top: 83px;
}
.comment-item .cmt-reply-container [toggle_name='cmt_pic'] {
  top: 83px;
}
.comment-item a {
  color: #01b259;
}
.comment-module {
  padding: 27px 20px 25px 20px;
  background-color: #ffffff;
  border-bottom: solid 10px #f7f7f7;
}
.comment-module .no-more-prompt {
  margin: 18px 0;
}
.text-box {
  border-bottom: solid 1px #f7f7f7;
  margin-bottom: 20px;
}
.text-box .function-btn {
  margin-top: 6px;
  margin-bottom: 40px;
  position: relative;
}
.text-box .gf-icon {
  margin-right: 17px;
}
.text-box .submit {
  width: 104px;
  height: 36px;
  background-color: #01b259;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.praise-box .portrait-circle-normal {
  margin-right: 10px;
}
.praise-box .portrait-list {
  margin: 10px 0 20px 0;
  white-space: nowrap;
  overflow: hidden;
}
.praise-box .praise-name-list a {
  color: #01b259;
}
.praise-box .praise-name-list a:hover {
  text-decoration: underline;
}
@media (max-width: 1050px) {
  .comment-item .content {
    font-size: 14px;
  }
}
.comment-module-short {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  background-color: transparent;
}
.comment-module-short textarea {
  height: 65px;
}
.comment-module-short .text-box {
  margin-bottom: 0;
}
.comment-module-short .text-box .function-btn {
  margin-bottom: 30px;
}
.comment-module-short .content {
  margin-top: 10px;
  padding-left: 43px;
}
.comment-module-short .cmt-reply-box,
.comment-module-short .count {
  top: 3px;
}
.comment-module-short .cmt-reply-container {
  margin-left: 43px;
  background-color: #f2f2f2;
}
.comment-module-short .has-tip[toggle_name='cmt_pic'] {
  position: absolute;
  top: 108px;
}
.comment-module-short .has-tip[toggle_name='emoji_list'] {
  position: absolute;
  top: 108px;
}
.pd-cmt-module .icon-star {
  margin-left: 0;
  margin-right: 0;
}
.pd-cmt-module .score-box .icon-active {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.pd-cmt-module .cmt-portrait {
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pd-cmt-module .cmt-portrait.portrait-small {
  width: 40px;
  height: 40px;
}
.pd-cmt-module .cmt-portrait.portrait-normal {
  width: 50px;
  height: 50px;
}
.pd-cmt-module .cmt-portrait img {
  display: block;
  width: 100%;
}
.pd-cmt-module textarea {
  color: #313131;
  font-size: 16px;
  font-family: inherit;
}
.pd-cmt-module .cmt-info-bar {
  min-height: 20px;
  font-size: 14px;
  line-height: 20px;
  background-color: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pd-cmt-module .reply-list {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.pd-cmt-module .icon-praise {
  margin-right: 2px;
}
.pd-cmt-module .reply-user {
  position: absolute;
  top: -11px;
  left: 6px;
  font-size: 14px;
  color: #adadad;
  background-color: #ffffff;
}
.pd-cmt-module .reply-input-box {
  padding-top: 25px;
}
.main.max-main {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(1px, 0, 0);
    transform: translate3d(1px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(1px, 0, 0);
    transform: translate3d(1px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes wrong {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(1px, 0, 0);
    transform: translate3d(1px, 0, 0);
  }
}
@keyframes wrong {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(1px, 0, 0);
    transform: translate3d(1px, 0, 0);
  }
}
[model_name="add_plant_grow"] [class*='plant-grow-btn'] {
  padding-top: 9px;
  padding-bottom: 9px;
}
[model_name="add_plant_grow"] .plant-grow-btn1,
[model_name="add_plant_grow"] .plant-grow-btn2 {
  padding-left: 6px;
  padding-right: 15px;
}
[model_name="add_plant_grow"] .uploadpic-tip-triangle,
[model_name="add_plant_grow"] .synchro-tip-triangle {
  top: -15px;
}
[model_name="add_plant_grow"] .uploadpic-tip-content {
  top: 2px !important;
  left: -27px;
}
[model_name="add_plant_grow"] .synchro-tip-content {
  top: 2px !important;
  left: 34px;
  width: 170px;
}
.dynamic-content-pic-list {
  max-width: 350px;
}
.only-one .dynamic-content-pic {
  width: 100%;
}
.dynamic-content-pic {
  position: relative;
  width: 32.5%;
  margin-right: 1%;
  margin-top: 1%;
}
.dynamic-content-pic:nth-child(3n+3) {
  margin-right: 0;
}
.dynamic-content-pic:after {
  display: block;
  content: '';
  padding-top: 100%;
}
.dynamic-content-pic img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (min-width: 500px) {
  .only-one .dynamic-content-pic {
    width: 110px;
  }
  .dynamic-content-pic {
    width: 110px;
    height: 110px;
    margin-right: 5px;
    margin-top: 5px;
  }
}
* {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei UI";
}
::-webkit-selection {
  background: #6ad68b;
  color: #ffffff;
}
::-moz-selection {
  background: #6ad68b;
  color: #ffffff;
}
::selection {
  background: #6ad68b;
  color: #ffffff;
}
html,
body {
  min-height: 100%;
  background-color: #f7f7f7;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: bold;
  color: inherit;
}
a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
}
.horizontal-line {
  font-size: 0;
}
.horizontal-item {
  display: inline-block;
  vertical-align: top;
}
img {
  border: none;
}
.li-no-type li {
  list-style-type: none;
}
.cover-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.inputWhite {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background-color: #ffffff;
  color: inherit;
}
.overflowEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-normal {
  width: 745px;
}
.content-side {
  width: 245px;
}
.content-smallx {
  width: 680px;
}
.content-small {
  width: 525px;
}
.load-more {
  text-align: center;
  font-size: 16px;
  color: #adadad;
  background-color: #ffffff;
  line-height: 1.0;
  padding: 15px 0 0;
}
.head-nav-module .logo-bar {
  height: 118px;
  width: 1000px;
  margin: auto;
}
.head-nav-module .logo-box {
  height: 70px;
  margin-top: 24px;
}
.head-nav-module .logo-box img {
  height: 100%;
}
.head-nav-module .qrcode {
  width: 75px;
  height: 75px;
  background-color: #7d7d7d;
  float: right;
  margin-top: 22px;
}
.head-nav-module .nav-bar {
  height: 50px;
  background-color: #6ad68b;
}
.head-nav-module .nav-bar-content {
  width: 1000px;
  margin: auto;
  position: relative;
}
.head-nav-module .nav-item {
  padding-left: 25px;
  padding-right: 25px;
  line-height: 50px;
}
.head-nav-module .nav-item:hover {
  color: #ffffff;
  background-color: #01b259;
}
.head-nav-module .nav-item:last-child {
  margin-right: 0;
}
.head-nav-module .nav-item.active {
  background-color: #01b259;
}
.head-nav-module .search-input {
  width: 250px;
  margin-top: 2.5px;
  margin-right: 30px;
}
.head-nav-module .search-input ::-webkit-input-placeholder {
  color: #ffffff;
}
.head-nav-module .search-input :-moz-placeholder {
  color: #ffffff;
}
.head-nav-module .search-input ::-moz-placeholder {
  color: #ffffff;
}
.head-nav-module .search-input :-ms-input-placeholder {
  color: #ffffff;
}
.head-nav-module .search-input .ifont-search {
  top: 7px;
  right: 4px;
}
.head-nav-module .search-input input {
  padding-left: 5px;
  padding-right: 30px;
}
.head-nav-module .gf-icon {
  margin-right: 22px;
}
.head-nav-module .vertical-line {
  width: 1px;
  height: 27px;
  background-color: #ffffff;
  position: relative;
  top: 12px;
}
.head-nav-module .btn-list {
  position: relative;
  top: 12px;
}
.head-nav-module .btn-list .ifont-setting {
  margin-right: 22px;
}
.head-nav-module .user {
  position: absolute;
  left: 1022px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.head-nav-module .user-portrait {
  margin-top: 10px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden;
}
.head-nav-module .user-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.head-nav-module .user-name {
  font-size: 14px;
  line-height: 50px;
  width: 110px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 37px;
  color: #ffffff;
}
.carousel {
  overflow: hidden;
}
.carousel img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.recommend-list {
  padding: 10px;
  background-color: #ffffff;
  vertical-align: top;
  position: relative;
}
.recommend-title {
  font-size: 18px;
  color: #6ad68b;
  margin-bottom: 8px;
}
.recommend-more {
  color: #6ad68b;
  font-size: 12px;
  position: absolute;
  top: 17px;
  right: 10px;
}
.subtitle {
  color: #626262;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recommend-item {
  position: relative;
}
.recommend-item .time {
  line-height: 24px;
  position: absolute;
  top: 0;
  right: 0;
}
.time {
  color: #adadad;
  font-size: 12px;
}

.help-item {
  width: 183px;
  height: 121px;
  overflow: hidden;
}
.help-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.help-item:nth-child(odd) {
  margin-right: 25px;
}
.help-item:nth-child(3) {
  margin-top: 26px;
}
.help-item:nth-child(4) {
  margin-top: 26px;
}
@media (max-width: 1050px) {
  .help-list{
    width: 100% !important;
    box-sizing: border-box;
    padding: 0;
  }
  .help-item {
    width: 49%;
    height: 121px;
    overflow: hidden;
  }
  .help-item:nth-child(odd) {
    margin-right: 2%;
  }
  .help-item:nth-child(3),
  .help-item:nth-child(4) {
    margin-top: 10px;
  }
}
.help-list {
  width: 391px;
  height: 268px;
  padding: 10px 10px 10px 14px;
  background-color: #ffffff;
}
.grow .recommend-title {
  margin-bottom: 15px;
}
.grow .recommend-item {
  padding: 5px;
  width: 148px;
  background-color: #f7f7f7;
  margin-right: 6px;
}
.grow .recommend-item:last-child {
  margin-right: 0;
}
.recommend-item .big-pic {
  width: 99px;
  height: 96px;
  overflow: hidden;
  margin-right: 2px;
}
.recommend-item .big-pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.recommend-item .small-pic {
  width: 47px;
  height: 47px;
  overflow: hidden;
}
.recommend-item .small-pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.recommend-item .small-pic:first-child {
  margin-bottom: 2px;
}
.flower-name {
  font-size: 14px;
  color: #626262;
  margin-top: 6px;
}
.user-portrait-box {
  position: relative;
  display: inline-block;
}
.user-portrait-box.vip:after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 40%;
  padding-top: 40%;
  content: "";
  background-image: url("../images/icon/vip.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.user-portrait {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 6px;
}
.user-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.user-name {
  font-size: 12px;
  color: #adadad;
  position: absolute;
  top: 10px;
  left: 34px;
  width: 114px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1050px) {
  .user-name {
    top: 5px;
  }
}
.user {
  position: relative;
}
.general-list {
  width: 599px;
  height: 268px;
  padding: 43px 10px 10px 14px;
  background-color: #ffffff;
}
.general-item {
  width: 183px;
  height: 121px;
  overflow: hidden;
  margin-top: 26px;
}
.general-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.general-item:nth-child(1),
.general-item:nth-child(2),
.general-item:nth-child(4),
.general-item:nth-child(5) {
  margin-right: 25px;
}
.general-item:nth-child(2),
.general-item:nth-child(3),
.general-item:first-child {
  margin-top: 0;
}
.general {
  position: relative;
  margin: 10px;
}
.general.mob-has-padding {
  padding: 10px !important;
  background-color: #ffffff;
}
.mob-has-padding .recommend-list{
  background-color: #ffffff;
}
@media (min-width: 1050px) {
  .general {
    margin: 0;
  }
  .general.mob-has-padding {
    padding: 0 !important;
  }
}
.photograph {
  background-color: #ffffff;
  padding: 10px;
  position: relative;
}
.photograph .recommend-title {
  margin-bottom: 15px;
}
.photograph .photo-title {
  width: 100%;
  height: 26px;
  text-indent: 3px;
  line-height: 26px;
  background-color: rgba(0, 0, 0, 0.3);
}
.photo-title {
  width: 100%;
  height: 26px;
  text-indent: 3px;
  line-height: 26px;
  background-color: rgba(0, 0, 0, 0.3);
}
.photograph-list {
  width: 234px;
  margin-right: 14px;
}
.photograph-list:last-child {
  margin-right: 0;
}
.photograph-short {
  height: 160px;
}
.photograph-high {
  height: 322px;
}
.photograph-item {
  position: relative;
  margin-bottom: 15px;
}
.photograph-item:last-child {
  margin-bottom: 0;
}
.photograph-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.footer-module {
  margin-top: 46px;
  margin-bottom: 80px;
}
.footer-module .flower-border {
  text-align: center;
  margin-bottom: 35px;
}
.footer-module .flower-item {
  width: 348px;
  height: 23px;
  overflow: hidden;
}
.footer-module .flower-item img {
  display: block;
  width: 100%;
}
.footer-module .copyright {
  text-align: center;
  color: #303030;
}
@media (max-width: 500px) {
  .footer-module {
    margin-bottom: 0;
  }
  .footer-module .flower-border {
    margin-bottom: 20px;
  }
  .footer-module .copyright {
    margin-top: 0;
    font-size: 12px;
  }
}
.ganhuo-module .classify-item.active,
.photograph-module .classify-item.active {
  border: solid 3px #01b259;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ganhuo-module .sort-list,
.photograph-module .sort-list {
  line-height: 40px;
}
.ganhuo-module .classify-1,
.photograph-module .classify-1 {
  padding: 10px;
  background-color: #ffffff;
}
.ganhuo-module .classify-1 .classify-item,
.photograph-module .classify-1 .classify-item {
  cursor: pointer;
  width: 228px;
  height: 143px;
  margin-right: 22px;
  position: relative;
}
.ganhuo-module .classify-1 .classify-item:hover,
.photograph-module .classify-1 .classify-item:hover {
  border: solid 3px #01b259;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ganhuo-module .classify-1 .classify-item img,
.photograph-module .classify-1 .classify-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ganhuo-module .classify-1 .classify-item:last-child,
.photograph-module .classify-1 .classify-item:last-child {
  margin-right: 0;
}
.ganhuo-module .classify-1 .classify-item .title,
.photograph-module .classify-1 .classify-item .title {
  height: 32px;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 32px;
  font-size: 18px;
  color: #fefefe;
  text-align: center;
}
.ganhuo-module .classify-2,
.photograph-module .classify-2 {
  border-top: solid 10px #f7f7f7;
  border-bottom: solid 10px #f7f7f7;
  padding-top: 10px;
  padding-left: 8px;
  background-color: #ffffff;
}
.ganhuo-module .classify-2 .classify-item,
.photograph-module .classify-2 .classify-item {
  cursor: pointer;
  height: 40px;
  margin-bottom: 10px;
  background-color: #f7f7f7;
  text-align: center;
  font-size: 16px;
  line-height: 40px;
  color: #303030;
  margin-right: 10px;
}
.ganhuo-module .classify-2 .classify-item:last-child,
.photograph-module .classify-2 .classify-item:last-child {
  margin-right: 0;
}
.ganhuo-module .classify-2 .classify-item.active,
.photograph-module .classify-2 .classify-item.active {
  color: #ffffff;
  border: none;
  background-color: #01b259;
}
.ganhuo-module .classify-2 .classify-item:hover,
.photograph-module .classify-2 .classify-item:hover {
  background-color: #01b259;
  color: #ffffff;
}
.ganhuo-module .ganhuo-item,
.photograph-module .ganhuo-item {
  background-color: #ffffff;
  position: relative;
  width: 308px;
  padding: 10px;
  margin-right: 8px;
  margin-bottom: 8px;
}
.ganhuo-module .ganhuo-item:nth-child(3n+0),
.photograph-module .ganhuo-item:nth-child(3n+0) {
  margin-right: 0;
}
.ganhuo-module .ganhuo-item .title,
.photograph-module .ganhuo-item .title {
  font-size: 16px;
  color: #303030;
  line-height: 1.2;
  margin: 15px 0 14px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ganhuo-module .ganhuo-pic,
.photograph-module .ganhuo-pic {
  width: 100%;
  height: 187px;
  overflow: hidden;
}
.ganhuo-module .ganhuo-pic img,
.photograph-module .ganhuo-pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ganhuo-module .count,
.photograph-module .count {
  font-size: 12px;
  color: #adadad;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.ganhuo-module .count .number,
.photograph-module .count .number {
  margin-right: 15px;
}
.ganhuo-module .count .number:last-child,
.photograph-module .count .number:last-child {
  margin-right: 0;
}
.ganhuo-module .gf-icon,
.photograph-module .gf-icon {
  position: relative;
  top: 2px;
}
.ganhuo-module .load-more,
.photograph-module .load-more {
  text-align: center;
  font-size: 16px;
  margin-top: 22px;
  color: #01b259;
}
.ganhuo-detail-module {
  position: relative;
  color: #626262;
  background-color: #ffffff;
}
.ganhuo-detail-module .head-part {
  padding: 20px 20px 8px 20px;
  border-bottom: solid 1px #f7f7f7;
  position: relative;
}
.head-part .function-btn {
  position: absolute;
  right: 0;
  bottom: 8px;
}
.head-part .function-btn .gf-icon {
  margin-right: 25px;
}
.head-part .article-detail-title {
  margin-bottom: 16px;
}
.body-part {
  position: relative;
  word-break: break-all;
}
.ganhuo-detail-module .body-part .content {
  word-break: break-word;
}
.body-part .thing-title {
  margin-bottom: 24px;
}
.body-part .content .img {
  text-align: center;
}
.body-part .content img {
  display: block;
  max-width: 95%;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.body-part .content .section {
  margin-bottom: 35px;
}
.body-part .content .section:last-child {
  margin-bottom: 0;
}
.body-part .section .word {
  text-indent: 29px;
  font-size: 16px;
  color: #626262;
  line-height: 30px;
}
.body-part .side-part {
  position: absolute;
  padding: 0 10px 0 23px;
  width: 266px;
  top: 0;
  right: 0;
}
.article-detail-title {
  font-size: 24px;
  color: #303030;
  margin-bottom: 16px;
}
.remark {
  font-size: 12px;
  color: #adadad;
}
.main-content .user-name.thing-name {
  color: #6ad68b;
}
.thing-name {
  font-size: 12px;
  color: #6ad68b;
}
.thing-title {
  font-size: 16px;
  color: #303030;
}
.thing-title.user-name {
  font-size: 16px;
  color: #303030;
}
.ad-placeholder {
  width: 100%;
  height: 100%;
}
.side-part .recommend-list {
  padding: 0;
}
.side-part .hot-list {
  border-bottom: solid 1px #baebd1;
  padding-bottom: 14px;
  margin-bottom: 14px;
}
.side-part .hot-list:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.side-part .subtitle {
  max-width: 145px;
}
.side-part .recommend-item .time {
  right: -120px;
}
.portrait-circle-large {
  width: 120px;
  height: 120px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden;
}
.portrait-circle-large img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.portrait-circle-large.user-portrait {
  width: 120px;
  height: 120px;
}
.portrait-circle-normal {
  width: 49px;
  height: 49px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden;
}
.portrait-circle-normal img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.portrait-circle-normal.user-portrait {
  width: 49px;
  height: 49px;
}
.portrait-circle-xsmall {
  width: 43px;
  height: 43px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden;
}
.portrait-circle-xsmall img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.portrait-circle-xsmall.user-portrait {
  width: 43px;
  height: 43px;
}
.portrait-circle-xxsmall {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden;
}
.portrait-circle-xxsmall img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.portrait-circle-xxsmall.user-portrait {
  width: 32px;
  height: 32px;
}
.portrait-circle-xxxsmall {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden;
}
.portrait-circle-xxxsmall img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.portrait-circle-xxxsmall.user-portrait {
  width: 30px;
  height: 30px;
}
.portrait-circle-tiny {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden;
}
.portrait-circle-tiny img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.portrait-circle-tiny.user-portrait {
  width: 24px;
  height: 24px;
}
.portrait-tiny-lineheight {
  line-height: 23px;
}
[class*='portrait-'].user-portrait {
  margin-top: 0;
}
.portrait-with-detail {
  position: relative;
}
.portrait-with-detail .user-name {
  position: absolute;
  top: 3px;
  left: 53px;
}
.portrait-with-detail .remark {
  position: absolute;
  top: 25px;
  left: 53px;
}
.no-more-prompt {
  text-align: center;
  font-size: 16px;
  color: #303030;
}
.page-module {
  text-align: center;
}
.page-module .page-item {
  cursor: pointer;
  font-size: 16px;
  color: #303030;
  padding-left: 14px;
  padding-right: 14px;
}
.page-module .page-item.active {
  color: #6ad68b;
}
.relevant-module {
  margin: auto;
  background-color: #ffffff;
}
.relevant-module .content {
  padding-top: 14px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-left: 20px;
}
.relevant-module .thing-name-normal {
  margin-bottom: 13px;
}
.thing-name-normal {
  font-size: 16px;
  color: #6ad68b;
}
.thing-name-xnormal {
  font-size: 16px;
  color: #6ad68b;
}
.relevant-item {
  width: 221px;
  margin-right: 25px;
}
.relevant-item:last-child {
  margin-right: 0;
}
.relevant-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.relevant-item .relevant-title {
  margin: 10px 0 7px 0;
}
.relevant-item .count {
  float: right;
}
.relevant-item .count .number {
  font-size: 12px;
  vertical-align: bottom;
  color: #adadad;
}
.relevant-item .gf-icon {
  margin: 0 15px;
}
.search-box {
  width: 1000px;
  margin: auto;
  background-color: #ffffff;
  margin-bottom: 10px;
}
.search-box .content {
  padding: 20px 88px 48px 88px;
}
.search-box .tab-name {
  width: 114px;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.search-box .tab-name.active {
  border-bottom: solid 5px #01b259;
}
.search-box .search-input {
  padding-right: 105px;
  height: 40px;
  background-color: #f7f7f7;
  position: relative;
}
.search-box .search-input ::-webkit-input-placeholder {
  color: #adadad;
}
.search-box .search-input :-moz-placeholder {
  color: #adadad;
}
.search-box .search-input ::-moz-placeholder {
  color: #adadad;
}
.search-box .search-input :-ms-input-placeholder {
  color: #adadad;
}
.search-box .search-input input {
  display: block;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 25px;
  outline: none;
  border: solid 1px;
  border-color: transparent;
  background-color: inherit;
  color: #313131;
}
.search-box .search-input input:focus {
  border-color: #6ad68b;
}
.search-box .search-input .submit-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.dark-green-btn {
  width: 105px;
  height: 40px;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  background-color: #01b259;
  cursor: pointer;
}
/*##############################################################################################*/
/*
                                             tab标签页
*/
/*##############################################################################################*/
.tab-module {
  background-color: #ffffff;
}
.tab-module.no-default-active .tab-name.active {
  border-bottom: none;
}
.tab-module .tab-name-list {
  font-size: 0;
}
.tab-module .tab-name {
  font-size: 16px;
  display: inline-block;
  color: #303030;
  cursor: pointer;
  width: 114px;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.tab-module .tab-name.active {
  border-bottom: solid 5px #01b259;
}
.tab-module .tab-item {
  font-size: 16px;
  display: none;
}
.tab-module .tab-item.active {
  display: block;
}
.tab-name.color-btn-green {
  padding: 0 25px;
  height: 33px;
  line-height: 33px;
  font-size: 16px;
  color: #303030;
  background-color: #ffffff;
  width: auto;
}
.tab-name.color-btn-green.active {
  background-color: #01b259;
  color: #ffffff;
  border-bottom: none;
}
.tab-name.tab-auto {
  width: auto;
  height: auto;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 48px;
}
.tab-name.bottom-triangle {
  padding: 0 25px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #303030;
  background-color: #ffffff;
  width: auto;
  position: relative;
}
.tab-name.bottom-triangle.active {
  border-bottom: none;
}
.tab-name.bottom-triangle.active:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-top: solid 9px transparent;
  border-left: solid 9px transparent;
  border-right: solid 9px transparent;
  border-bottom: solid 9px #6ad68b;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}
.tab-item.editor {
  padding: 14px;
  border: solid 2px #01b259;
  min-height: 172px;
}
/*##############################################################################################*/
/*
                                        END  tab标签页
*/
/*##############################################################################################*/
.encyclopedia-page .catalogue-module {
  width: 222px;
  background-color: #ffffff;
}
.encyclopedia-page .catalogue-masking {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 1px;
  min-height: 100%;
  background-color: rgba(49, 49, 49, 0.5);
}
.classify-list {
  margin-right: 10px;
}
.classify-list .classify-title {
  padding: 0 10px;
  font-size: 16px;
  color: #303030;
  height: 36px;
  line-height: 36px;
}
.classify-list .thing-name-xnormal {
  margin: 10px 0 0 10px;
}
.classify-list .classify-subtitle-list {
  display: none;
}
.plant-list {
  width: 513px;
  vertical-align: top;
  background-color: #ffffff;
  padding-bottom: 17px;
  margin-right: 10px;
}
.plant-list .thing-name-xnormal {
  margin: 10px 0 0 10px;
}
.plant-item {
  padding: 15px 0;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: solid 1px #f7f7f7;
}
.plant-item .plant-pic {
  width: 65px;
  height: 65px;
}
.plant-item .plant-pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.plant-item .plant-name {
  margin-left: 18px;
  width: 389px;
  vertical-align: top;
  padding-top: 5px;
}
.plant-item .nick-name {
  margin-top: 12px;
}
.plant-item em {
  font-style: normal;
  color: #6ad68b;
}
.remark-normal {
  font-size: 16px;
  color: #adadad;
}
em {
  font-style: normal;
  color: #6ad68b;
}
.hot-list {
  width: 245px;
  vertical-align: top;
  background-color: #ffffff;
}
.hot-list .plant-pic-list {
  padding-left: 10px;
  margin-top: 15px;
}
.hot-list .hot-item {
  width: 65px;
}
.hot-list .plant-pic {
  height: 65px;
}
.hot-list .plant-pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.hot-list .hot-plant-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.side-list {
  background-color: #ffffff;
}
.side-list .change-over-trigger {
  position: absolute;
  top: 13px;
  right: 5px;
}
.side-list.hot-article-list .list-item,
.side-list.new-article-list .list-item {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
}
.side-list.hot-article-list .list-item-name,
.side-list.new-article-list .list-item-name {
  margin-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.side-list.hot-article-list .list-item-time,
.side-list.new-article-list .list-item-time {
  position: absolute;
  top: 0;
  right: 10px;
}
.left-side {
  margin-right: 10px;
}
.right-content {
  vertical-align: top;
}
.weather-module {
  width: 100%;
  background-color: #ffffff;
  padding: 10px 0 13px 0;
  margin-bottom: 10px;
}
.weather-module .weather-pic {
  width: 70px;
  height: 65px;
  margin: 0 auto 12px;
}
.weather-module .weather-pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.weather-module .city {
  margin-bottom: 10px;
}
.weather-module .city,
.weather-module .weather {
  text-align: center;
}
.garden .left-side {
  width: 274px;
}
.garden .hot-list .subtitle {
  max-width: 170px;
}
.garden .hot-list .time {
  right: -84px;
}
.garden .right-content {
  width: 696px;
  padding: 20px 10px 54px 10px;
  background-color: #ffffff;
  position: relative;
}
.garden .right-content .search-box {
  position: absolute;
  top: 15px;
  right: 10px;
}
.garden .add-plant {
  padding-top: 20px;
  margin-bottom: 40px;
  cursor: pointer;
}
.garden .icon-add {
  display: inline-block;
  vertical-align: sub;
  margin-right: 4px;
}
.garden .tab-item {
  padding-left: 28px;
  border-top: solid 1px #e8e8e8;
  margin-top: 9px;
}
.garden .plant-pic {
  width: 56px;
  height: 56px;
  margin-right: 30px;
}
.garden .plant-pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.garden .plant-item {
  border: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.garden .plant-name {
  width: 240px;
  padding-top: 0;
  margin-left: 0;
  vertical-align: middle;
}
.garden .plant-line {
  display: block;
  margin-bottom: 26px;
}
.garden .tab-name.active .btn-white {
  background-color: #01b259;
  color: #ffffff;
}
.garden .btn-tab-list {
  padding: 10px 16px 0;
}
.garden .garden-matter thead {
  height: 36px;
  background-color: #f7f7f7;
}
.garden .tab-item.maintain {
  padding-left: 0;
}
.garden .tab-item.maintain .tab-item {
  padding-left: 0;
}
.garden .tab-item .function-btn {
  text-align: center;
  padding: 0 20px;
  white-space: nowrap;
}
.garden .tab-item .function-btn-icon {
  text-align: center;
  width: 11px;
  height: 6px;
  padding-right: 10px;
}
.garden .tab-item .thing-title {
  padding-left: 46px;
}
.garden .tab-item .thing-title.function-btn {
  padding-left: 20px;
}
.garden td.subtitle {
  position: relative;
}
.garden td.subtitle:before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  background-color: #434343;
  position: absolute;
  top: 0;
  left: 26px;
  bottom: 0;
  margin: auto;
}
.garden .garden-matter .plant-pic {
  position: relative;
}
.garden .garden-matter .plant-pic:before {
  display: block;
  content: "";
  width: 13px;
  height: 13px;
  background-color: #ffffff;
  border: solid 1px #303030;
  position: absolute;
  top: 0;
  left: -25px;
  bottom: 0;
  margin: auto;
}
.garden .garden-matter .plant-line {
  padding-left: 25px;
  margin: 31px 0;
}
.garden .remark-box {
  padding: 26px 0;
  margin-left: 284px;
}
.garden table:last-child .plant-line {
  margin-bottom: 0;
}
.garden .matter.tab-item {
  border-top: 0;
}
.garden .matter .remark-box {
  margin: 23px 0 22px;
  padding: 0;
}
.garden .history.tab-item {
  border-top: 0;
}
.garden .garden .plant-line {
  padding-bottom: 26px;
}
.garden .garden .plant-line:last-child {
  padding-bottom: 0;
}
.garden .plan.tab-item {
  border-top: none;
}
.garden .add-plan {
  padding-left: 28px;
  padding-top: 18px;
  margin-bottom: 25px;
  cursor: pointer;
}
.garden .plan .blank {
  display: none;
  min-height: 200px;
  position: relative;
}
.garden .plan .blank .remark-box {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto 0;
  display: table;
  width: 100%;
}
.garden .plan .blank .remark-normal {
  display: table-cell;
  vertical-align: middle;
}
.garden .plan-item {
  background-color: #eee;
  height: 36px;
  line-height: 36px;
  position: relative;
  margin-bottom: 10px;
}
.garden .plan-item:last-child {
  margin-bottom: 0;
}
.garden .plan-item .icon-water {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 26px;
}
.garden .plan-item .icon-edit {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
}
.garden .plan-table .column-list {
  width: 330px;
  vertical-align: top;
}
.garden .plan-table .column-list tr {
  height: 35px;
}
.garden .plan-table .column-list td {
  vertical-align: top;
}
.garden .plan-table .row-name {
  width: 142px;
  text-align: right;
  padding-left: 0;
  font-weight: normal;
  padding-right: 5px;
}
.garden .plan-table .row-value {
  width: 171px;
  height: 35px;
}
.garden .plan-table .row-value.text {
  width: 489px;
  height: 84px;
}
.garden .plan-table .row-value-content {
  border: solid 1px #adadad;
  width: 100%;
  height: 100%;
}
.garden .plan-table th.has-text {
  vertical-align: top;
}
.garden .plan-table .plant-list {
  width: 487px;
  border: solid 1px #adadad;
  margin-left: 147px;
}
.garden .plan-table .plant-list-item {
  width: 162px;
  margin-top: 12px;
  padding-bottom: 13px;
  margin-left: 45px;
  position: relative;
}
.garden .plan-table .plant-list-item .check-box {
  position: absolute;
  top: 20px;
  left: -23px;
}
.garden .plan-table .plant-list-item .plant-pic {
  margin-right: 13px;
}
.garden .plan-table .plant-list-item .plant-name {
  max-width: 100px;
  padding-left: 0;
}
.hot-list-module {
  width: 100%;
  background-color: #ffffff;
}
.search-box-normal {
  width: 250px;
  height: 35px;
}
.search-box-normal.search-box .search-input {
  height: 100%;
  padding-right: 34px;
}
.search-module {
  height: 100%;
  padding: 0 34px 0 14px;
  line-height: 35px;
  font-size: 16px;
  position: relative;
}
.search-module:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("../img/default.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}
.search-module.white {
  border: solid 1px #01b259;
  color: #01b259;
  background-color: #ffffff;
}
.search-module.white ::-webkit-input-placeholder {
  color: #01b259;
}
.search-module.white :-moz-placeholder {
  color: #01b259;
}
.search-module.white ::-moz-placeholder {
  color: #01b259;
}
.search-module.white :-ms-input-placeholder {
  color: #01b259;
}
.search-module.green {
  border: solid 1px #ffffff;
  color: #ffffff;
  background-color: #01b259;
}
.search-module.green ::-webkit-input-placeholder {
  color: #ffffff;
}
.search-module.green :-moz-placeholder {
  color: #ffffff;
}
.search-module.green ::-moz-placeholder {
  color: #ffffff;
}
.search-module.green :-ms-input-placeholder {
  color: #ffffff;
}
.search-module input {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  color: inherit;
}
.font-normal {
  font-size: 16px;
}
.remark-box {
  text-align: center;
}
.check-box {
  width: 13px;
  height: 13px;
  border: solid 1px #adadad;
}
/*=========================================================================================*/
/*                                    发布动态、求助、干货                                   */
/*=========================================================================================*/
.publish-module {
  padding: 10px 20px 14px;
  background: #ffffff;
  margin-bottom: 10px;
}
.publish-module .function-tool-bar {
  padding-left: 13px;
  margin-top: 14px;
  position: relative;
}
.publish-module .function-tool-bar .gf-icon {
  margin-right: 35px;
}
.publish-module .function-tool-bar .btn-submit {
  position: absolute;
  top: -6px;
  right: 0;
}
.publish-module .function-tool-bar .synchronize {
  position: absolute;
  top: 0;
  right: 198px;
}
.publish-module .function-tool-bar .synchronize .gf-icon {
  position: absolute;
  right: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.publish-module .dynamic-count {
  margin-bottom: 10px;
}
.publish-module .dynamic-count .tab-name-list {
  padding-left: 35px;
  height: 50px;
}
.publish-module .dynamic-count .tab-name {
  line-height: 50px;
  margin-right: 80px;
  color: #303030;
}
/*=========================================================================================*/
/*                                          个人主页                                       */
/*=========================================================================================*/
.homepage-module .home-list {
  width: 716px;
  margin-right: 10px;
  margin-top: 10px;
}
.homepage-module .garden-summary-module {
  margin-bottom: 10px;
}
.homepage-module .dynamic-list {
  margin-top: 0;
}
.homepage-module .dynamic-list .sub-title-bar {
  position: relative;
  border-bottom: solid 1px #ffffff;
  background-color: #ffffff;
  padding: 20px 20px 0;
}
.homepage-module .dynamic-list .sub-title-bar .icon-r-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 6px;
}
.homepage-module .dynamic-list .sub-title-bar .thing-title {
  line-height: 1.0;
  margin-bottom: 5px;
}
.homepage-module .dynamic-list .dynamic-module {
  margin-bottom: 0;
}
.homepage-module .dynamic-module .cmt-combine-module {
  margin: 15px 0 0;
}
.homepage-module .cmt-combine-module {
  padding: 18px 6px;
}
.homepage-module .side-part {
  width: 254px;
  background-color: #ffffff;
  margin-top: 10px;
  padding: 10px;
}
.homepage-module .side-part .recommend-item .time {
  right: -110px;
}
.homepage-module .text .pic-item {
  margin: 0 10px;
}
/*=========================================================================================*/
/*                                     花园缩略图组件                                       */
/*=========================================================================================*/
.garden-summary-module {
  padding: 20px 20px 0;
  position: relative;
  background-color: #ffffff;
}
.garden-summary-module .sub-title-bar {
  position: relative;
  border-bottom: solid 1px #e8e8e8;
}
.garden-summary-module .sub-title-bar .icon-r-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 6px;
}
.garden-summary-module .sub-title-bar .thing-title {
  line-height: 1.0;
  margin-bottom: 10px;
}
.garden-summary-module .picture-display-module {
  padding: 21px 0;
}
.garden-summary-module .picture-display-module .pic-item {
  width: 63px;
  height: 63px;
  margin: 0 12px;
  overflow: hidden;
}
.garden-summary-module .picture-display-module .pic-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.garden-summary-module .ellipsis-more {
  font-size: 16px;
  color: #303030;
  position: absolute;
  top: 84px;
  right: 38px;
  margin: auto;
  height: 14px;
}
/*=========================================================================================*/
/*                                          动态组件                                       */
/*=========================================================================================*/
.dynamic-list {
  margin-top: 20px;
}
.dynamic-list .load-more {
  text-align: center;
  font-size: 16px;
  color: #01b259;
  background-color: #f7f7f7;
  line-height: 1.0;
  padding: 15px 0 0;
  margin-top: 50px;
  padding-bottom: 20px;
}
.dynamic-list .dynamic-module {
  margin-bottom: 10px;
}
.dynamic-module {
  padding: 20px 10px;
  background: #ffffff;
}
.dynamic-module .dynamic-type {
  position: absolute;
  top: 0;
  left: 47px;
}
.dynamic-module.dynamic-type-article .dynamic-type {
  left: 5px;
}
.dynamic-module.type-in-top {
  padding: 20px 20px;
}
.dynamic-module.type-in-top .dynamic-type {
  position: static;
  padding-bottom: 10px;
  border-bottom: solid 1px #f7f7f7;
}
.dynamic-module .type-name {
  font-size: 12px;
  color: #303030;
}
.dynamic-module .icon-question {
  margin-right: 10px;
  margin-left: 10px;
}
.dynamic-module.type-in-top .dynamic-content {
  padding: 20px 54px 0 52px;
  position: relative;
}
.dynamic-module .dynamic-content {
  padding: 0 54px 0 52px;
  position: relative;
}
.dynamic-module .user-name {
  position: static;
  font-size: 14px;
}
.dynamic-module .text {
  color: #626262;
  font-size: 14px;
  line-height: 24px;
}
.dynamic-module .transmit-module {
  margin-top: 11px;
}
.dynamic-module .kind-count-module {
  margin-top: 15px;
}
.dynamic-module .cmt-combine-module {
  margin: 16px 30px 0;
}
.dynamic-module .load-more {
  text-align: center;
  font-size: 16px;
  color: #01b259;
  background-color: #ffffff;
  line-height: 1.0;
  padding: 15px 0 0;
  margin-top: 0;
  padding-bottom: 0;
}
.dynamic-module .original-user.user-portrait {
  width: 43px;
  height: 43px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
}
.dynamic-module .original-user.user-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.dynamic-module.type-in-top .user-portrait {
  top: 20px;
}
.dynamic-module .operate-more {
  position: absolute;
  top: 35px;
  right: 12px;
  z-index: 1;
}
.dynamic-module .operate-more .pd-icon {
  margin-top: 5px;
}
.dynamic-module .operate-more-trigger {
  position: absolute;
  right: 0;
}
.dynamic-module .portrait-with-detail .user-name,
.dynamic-module .portrait-with-detail .remark {
  position: absolute;
  left: 43px;
}
.dynamic-module .portrait-with-detail .user-name {
  top: 0;
}
.dynamic-module .portrait-with-detail .remark {
  top: 22px;
}
@media (max-width: 1050px) {
  .dynamic-module.type-in-top {
    padding: 10px;
  }
  .dynamic-module .dynamic-type {
    left: 0;
  }
}
/*=========================================================================================*/
/*                                        转发组件                                          */
/*=========================================================================================*/
.transmit-module {
  background-color: #f7f7f7;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 22px;
  position: relative;
}
.transmit-module .user-name {
  font-size: 12px;
}
.transmit-module .kind-count-module {
  margin-top: 15px;
}
.transmit-module .time-mark-module {
  position: absolute;
  bottom: 10px;
}
.transmit-module .picture-display-module {
  margin-top: 10px;
}
.transmit-module .picture-display-module .pic-item {
  width: 171px;
  height: 119px;
  margin: 0 22px;
  overflow: hidden;
}
.transmit-module .picture-display-module .pic-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/*=========================================================================================*/
/*                                      图片横向展示组件                                     */
/*=========================================================================================*/
.picture-display-module.only-one .pic-item {
  width: 150px;
  height: 150px;
  margin: 0;
  overflow: hidden;
}
.picture-display-module.only-one .pic-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/*=========================================================================================*/
/*                                      喜欢、收藏、评论组件                                  */
/*=========================================================================================*/
.kind-count-module {
  position: relative;
  text-align: right;
}
.kind-count-module .count-num {
  font-size: 12px;
  color: #adadad;
  line-height: 14px;
}
.kind-count-module .icon-item {
  margin-right: 24px;
}
.kind-count-module .icon-item:last-child {
  margin-right: 0;
}
.kind-count-module .gf-icon {
  margin-right: 10px;
}
/*=========================================================================================*/
/*                                     什么时间 来自 哪                                        */
/*=========================================================================================*/
.time-mark-module {
  font-size: 12px;
  color: #303030;
}
.time-mark-module span {
  margin-right: 7px;
}
/*=========================================================================================*/
/*                                     评论 组合组件                                         */
/*=========================================================================================*/
.cmt-combine-module {
  padding: 22px;
  background-color: #f7f7f7;
}
/*=========================================================================================*/
/*                                     添加评论组件                                        */
/*=========================================================================================*/
.cmt-add-module .text-box {
  border-bottom: solid 1px #adadad;
}
.cmt-add-module .function-btn {
  margin-top: 6px;
  margin-bottom: 40px;
  position: relative;
}
.cmt-add-module .gf-icon {
  margin-right: 17px;
}
.cmt-add-module .textarea {
  width: 100%;
  height: 63px;
  border: solid 1px #01b259;
  background-color: #ffffff;
}
.cmt-add-module .submit {
  width: 104px;
  height: 36px;
  background-color: #01b259;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
/*=========================================================================================*/
/*                                     单个评论组件                                        */
/*=========================================================================================*/
.cmt-item-module {
  padding: 17px 0 0 0;
  border-top: solid 1px #f7f7f7;
  position: relative;
}
.cmt-item-module .portrait-with-detail .user-name {
  position: absolute;
  color: #6ad68b;
  font-size: 15px;
}
.cmt-item-module:last-child {
  border-bottom: solid 1px #f7f7f7;
}
.cmt-item-module .content {
  font-size: 16px;
  color: #303030;
  padding-left: 53px;
  margin-top: 2px;
}
.cmt-item-module .count {
  position: absolute;
  right: 0;
  top: 23px;
}
.cmt-item-module .count .gf-icon {
  margin-right: 10px;
}
.cmt-item-module .count .remark {
  vertical-align: top;
}
.cmt-item-module .cmt-pic {
  width: 176px;
  height: 122px;
  overflow: hidden;
  margin-left: 53px;
  margin-top: 10px;
}
.cmt-item-module .cmt-pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/*=========================================================================================*/
/*                                     个人信息板组件                                        */
/*=========================================================================================*/
.intro-wall-module {
  height: 260px;
  overflow: hidden;
  position: relative;
}
.intro-wall-module .bg-wall,
.intro-wall-module .intro-wall {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.intro-wall-module .bg-wall img,
.intro-wall-module .intro-wall img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.intro-wall-module .user-portrait {
  width: 120px;
  height: 120px;
  -webkit-border-radius: 9999px;
  -moz-border-radius: 9999px;
  border-radius: 9999px;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 25px;
}
.intro-wall-module .user-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.intro-wall-module .portrait-block {
  width: 120px;
  margin-top: 43px;
  margin-left: 35px;
  text-align: center;
}
.intro-wall-module .follow-fans {
  display: inline-block;
  text-align: left;
  font-size: 16px;
  line-height: 1.0;
  color: #ffffff;
}
.intro-wall-module .follow-fans .follow-item {
  margin-bottom: 15px;
}
.intro-wall-module .user-info-block {
  margin-top: 68px;
  margin-left: 37px;
}
.intro-wall-module .user-info-block .user-name {
  font-size: 18px;
  line-height: 1.0;
  color: #fefefe;
  position: static;
  margin-bottom: 17px;
}
.intro-wall-module .user-info-block .user-motto {
  font-size: 16px;
  line-height: 1.0;
  color: #fefefe;
  margin-bottom: 10px;
}
.intro-wall-module .user-info-block .user-location {
  font-size: 16px;
  line-height: 1.0;
  color: #ffffff;
}
.intro-wall-module .tab-name-list {
  font-size: 16px;
  color: #ffffff;
  position: absolute;
  left: 195px;
  bottom: 8px;
}
.intro-wall-module .tab-name {
  padding: 0 23px 12px;
  margin-right: 19px;
}
.intro-wall-module .tab-name.active {
  border-bottom: solid 5px #01b259;
}
.intro-wall-module .change-wall {
  width: 35px;
  height: 35px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.intro-wall-module .change-wall img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.intro-wall-module .function-btn-icon {
  position: absolute;
  right: 10px;
  top: 10px;
}
.intro-wall-module .function-btn-item {
  margin-right: 15px;
}
.intro-wall-module .function-btn-item .gf-icon:after {
  width: 18px;
  height: 18px;
}
.intro-wall-module .function-btn-item:last-child {
  margin-right: 0;
}
/*=========================================================================================*/
/*                                     通用、功能组件                                        */
/*=========================================================================================*/
.btn-submit {
  display: inline-block;
  cursor: pointer;
  background-color: #01b259;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  height: 30px;
  padding: 0 30px;
  line-height: 30px;
}
.full-bar {
  height: 38px;
  text-align: center;
  line-height: 38px;
}
.full-bar.full-green {
  background-color: #6ad68b;
  color: #ffffff;
  font-size: 14px;
}
.page-nav a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.page-nav a.prev,
.page-nav a.next {
  width: auto;
}
.page-nav .select {
  color: #6ad68b;
}
.max-two-row.row-normal {
  height: 52px;
  line-height: 22px;
  overflow: hidden;
}
.content-line-quarter {
  width: 240px;
}
.search-right-content {
  max-height: 106px;
  margin-left: 116px;
  overflow: hidden;
}
.search-right-content.user-result {
  max-height: 65px;
  margin-left: 80px;
}
.search-item {
  min-height: 106px;
}
.search-item.user-result {
  min-height: 65px;
}
.encyclopedia-page-module .caredetail-icon-list {
  margin-bottom: 35px;
}
.encyclopedia-page-module .caredetail-icon-list .pd-icon {
  margin-left: 50px;
  margin-right: 50px;
}
.banner-nest {
  position: relative;
  width: 640px;
  height: 206px;
  max-width: 640px;
  max-height: 206px;
  overflow: hidden;
}
.banner-nest .carousel {
  position: absolute;
  top: 0;
  width: 100%;
}
.banner-nest:after {
  display: block;
  content: '';
  padding-top: 32.1875%;
}
[model_name*='qrcode'] img {
  width: 280px;
}
@media (max-width: 1050px) {
  .head-nav-module .logo-bar {
    position: fixed;
    width: 100%;
    height: 42px;
    background-color: #ffffff;
    border-bottom: solid 1px;
    border-color: #ddd;
    z-index: 5;
  }
  .head-nav-module .logo-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 17px;
    text-align: center;
  }
  .head-nav-module .ifont-menu {
    margin-top: 10px;
    margin-left: 10px;
  }
  .head-nav-module .ifont-search {
    margin-top: 12px;
    margin-right: 10px;
  }
  .main.max-main {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .ganhuo-module .classify-1 {
    padding-left: 0;
    padding-right: 0;
  }
  .ganhuo-module .classify-1 .classify-list {
    margin-right: 0;
    line-height: 30px;
    background-color: #f7f7f7;
  }
  .ganhuo-module .classify-1 .active {
    background-color: #01b259;
    color: #ffffff;
  }
  .ganhuo-module .classify-1 .active a {
    color: inherit;
  }
  .ganhuo-module .classify-2 {
    white-space: nowrap;
    overflow: auto;
  }
  .ganhuo-module .classify-2 .classify-item {
    cursor: pointer;
    width: auto;
    height: auto;
    margin-bottom: 0;
    background-color: inherit;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    color: #303030;
    margin-right: 10px;
  }
  .ganhuo-module .classify-2 .classify-item:last-child {
    margin-right: 0;
  }
  .ganhuo-module .classify-2 .classify-item.active {
    color: #01b259;
    border: none;
    background-color: inherit;
  }
  .ganhuo-module .classify-2 .classify-item:hover {
    background-color: transparent;
    color: #6ad68b;
  }
  .ganhuo-module .sort-list {
    margin-bottom: 5px;
    text-align: center;
    line-height: 40px;
  }
  .ganhuo-module .sort-list .sort-item {
    font-size: 14px;
  }
  .ganhuo-module .ganhuo-pic {
    position: relative;
    overflow: hidden;
  }
  .ganhuo-module .ganhuo-pic img {
    position: absolute;
    width: 100%;
  }
  .ganhuo-module .ganhuo-pic:after {
    display: block;
    width: 100%;
    padding-top: 60%;
    content: "";
  }
  .ganhuo-module .ganhuo-item {
    width: 47%;
    padding: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
  }
  .ganhuo-module .ganhuo-item:nth-child(3n+0) {
    margin-right: 1%;
  }
  .ganhuo-module .ganhuo-item:nth-child(2n+0) {
    margin-right: 0;
  }
  .ganhuo-module .ganhuo-item:nth-child(6n+0) {
    margin-right: 0;
  }
  .ganhuo-module .ganhuo-item .count {
    bottom: 1%;
  }
  .ganhuo-module .ganhuo-pic {
    height: auto;
  }
  .ganhuo-detail-module .body-part {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 35px;
    padding-left: 10px;
  }
  .cmt-box {
    width: 100%;
  }
  .search-box {
    width: auto;
  }
  .search-box .content {
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
  }
  .search-box .search-input {
    padding-right: 52px;
    border: solid 1px;
    border-color: #01b259;
    background-color: #ffffff;
  }
  .search-box .search-input input {
    padding-left: 0;
  }
  .search-box .search-input .submit-btn {
    text-align: center;
    width: 52px;
  }
  .search-box .icon-search {
    margin-top: 7px;
  }
  .encyclopedia-page .catalogue-module-nest {
    position: fixed;
    top: 43px;
    left: -100%;
    width: 100%;
    height: 0;
    min-height: 100%;
    margin-right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
  }
  .encyclopedia-page .catalogue-module {
    position: relative;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 1px;
    min-height: 100%;
    overflow: auto;
  }
  .encyclopedia-page .title-menu {
    line-height: 40px;
    background-color: #ffffff;
  }
  .encyclopedia-page .title-menu .icon-classify {
    position: absolute;
    left: 12px;
    top: 10px;
  }
  .encyclopedia-page .hot-list {
    width: auto;
  }
  .encyclopedia-page .plant-pic-list {
    white-space: nowrap;
    overflow: auto;
  }
  .encyclopedia-page .plant-pic-list .hot-item {
    margin-right: 10px;
  }
  .encyclopedia-page .ad-nest {
    display: block;
    width: 100%;
    height: 100px;
  }
  .plant-list {
    display: block;
    width: auto;
    margin-right: 0;
    background-color: transparent;
  }
  .plant-item {
    position: relative;
    padding: 7px;
    min-height: 60px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    border-bottom: none;
    background: #ffffff;
  }
  .plant-item .plant-pic {
    position: absolute;
    width: 60px;
    height: 60px;
  }
  .plant-item .plant-name {
    margin-left: 70px;
    width: auto;
    padding-top: 0;
  }
  .plant-item .plant-name .nick-name {
    margin-top: 5px;
  }
  .side-list .thing-name-xnormal {
    color: #313131;
  }
  .side-list .list-item {
    max-width: 106px;
    white-space: normal;
  }
  .ganhuo-detail-module {
    margin-right: 0;
  }
  .ganhuo-detail-module .detail-content {
    display: block;
    width: auto;
  }
  .ganhuo-detail-module .content {
    font-size: 16px;
    line-height: 1.625;
    padding-left: 0;
    padding-right: 0;
  }
  .encyclopedia-page-module .preview-img-module {
    width: auto;
  }
  .encyclopedia-page-module .detail-content {
    display: block;
    width: auto;
    margin-right: 0;
  }
  .encyclopedia-page-module .caredetail-icon-list {
    margin-bottom: 20px;
  }
  .encyclopedia-page-module .caredetail-icon-list .pd-icon {
    margin-left: 30px;
    margin-right: 30px;
  }
  .encyclopedia-page-module .carousel {
    margin-right: 0;
  }
  .side-main-menu {
    position: fixed;
    top: 43px;
    width: 100%;
    height: 100%;
    left: -100%;
    z-index: 3;
  }
  .side-main-menu .catalogue-masking {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 1px;
    min-height: 100%;
    background-color: rgba(49, 49, 49, 0.5);
  }
  .side-main-menu .catalogue-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 1px;
    min-height: 100%;
    background-color: #ffffff;
    overflow: auto;
  }
  .side-main-menu .user-portrait-box {
    position: relative;
    top: 8px;
  }
  .side-main-menu .login-btn {
    position: relative;
    top: -2px;
    left: -2px;
    border-color: #c9c9c9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .side-main-menu .name {
    height: 39px;
    margin-top: 5px;
    color: #4f4f4f;
    line-height: 41px;
  }
  .tab-module .tab-name {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .tab-module .tab-name.active {
    border-bottom-width: 2px;
  }
  .recommend-list {
    display: block;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    background: #f7f7f7;
  }
  .grow .recommend-title {
    margin-bottom: 5px;
  }
  .grow .recommend-item {
    background: #ffffff;
  }
  .grow .recommend-list {
    margin-bottom: 24px;
  }
  .banner-nest {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-right: 0;
    overflow: hidden;
  }
  .banner-nest .carousel {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .banner-nest:after {
    display: block;
    content: "";
    padding-top: 32.1875%;
  }
  .index-page .tab-module {
    background-color: #f7f7f7;
  }
  .index-page .tab-name-list {
    margin-top: 25px;
    background-color: #f7f7f7;
  }
  .index-page .tab-item {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f7f7f7;
  }
  .head-nav-module .logo-bar {
    border-bottom: none;
  }
  .ganhuo-module .classify-1,
  .photograph-module .classify-1 {
    background-color: #f7f7f7;
    margin-bottom: 0;
  }
  .bread-module-nest {
    display: none;
  }
  .side-list.hot-list {
    width: auto;
  }
  .side-right {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .relevant-module .content {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .content-normal {
    width: auto;
    margin-right: 0;
  }
  .content-small {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 500px) {
  .ganhuo-module .ganhuo-item {
    width: 96%;
    padding: 2%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .ganhuo-module .ganhuo-item:nth-child(3n+0) {
    margin-right: 0;
  }
  .ganhuo-module .ganhuo-item:nth-child(2n+0) {
    margin-right: 0;
  }
  .ganhuo-module .ganhuo-item:nth-child(6n+0) {
    margin-right: 0;
  }
  .ganhuo-module .ganhuo-item .count {
    bottom: 2%;
  }
  .ganhuo-module .ganhuo-pic {
    height: auto;
  }
  [model_name*='download_app'] img,
  [model_name*='qrcode'] img {
    width: 120px;
  }
  .body-part .content img {
    max-width: 100%;
  }
}
.carousel-module {
  position: relative;
  width: 640px;
  height: 206px;
}
.carousel-module .prev,
.carousel-module .next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 40px;
  margin: auto;
  background: #2727275e;
}
.carousel-module .prev:hover,
.carousel-module .next:hover {
  background: rgba(27, 27, 27, 0.8);
}
.carousel-module .prev .pd-icon {
  position: relative;
  top: 9px;
  left: -2px;
}
.carousel-module .next {
  right: 0;
}
.carousel-module .next .pd-icon {
  position: relative;
  top: 9px;
  right: -2px;
}
.carousel-list {
  position: absolute;
  height: 100%;
}
.carousel-item {
  width: 100%;
}
.carousel-item img {
  display: block;
  width: 100%;
}
.dot-item {
  width: 5px;
  height: 5px;
  margin-left: 3px;
  margin-right: 3px;
  background-color: #f8f8f8;
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  border-radius: 99999px;
}
.dot-item.active {
  background-color: #6ad68b;
}
.nav-dot {
  position: absolute;
  right: 0;
  bottom: 4px;
  left: 0;
  margin: auto;
}
.back-top {
  position: fixed;
  right: 20px;
  bottom: 70px;
  margin: auto;
  text-align: right;
}
.back-top .icon-backtop:hover {
  background-image: url("/files/images/icon/x1/back_top_active.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .back-top .icon-backtop:hover {
    background-image: url("/files/images/icon/x2/back_top_active.png");
  }
}
.login-page-module .tab-module {
  background-color: transparent;
}
.login-box {
  width: 300px;
  padding-left: 60px;
  padding-right: 60px;
  margin-top: 50px;
  background-color: #ffffff;
}
.reset-page-module .callback-box,
.login-page-module .callback-box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 80px;
  background-color: #ffffff;
}
@media (max-width: 1050px) {
  .carousel-module {
    width: 100%;
    height: auto;
  }
  .carousel-module:after {
    display: block;
    content: '';
    padding-top: 32.1875%;
  }
  .carousel-module .prev,
  .carousel-module .next {
    display: none;
  }
}
@media (max-width: 500px) {
  .login-box {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0;
    background-color: #ffffff;
  }
}
.user-homepage .user-banner {
  position: relative;
  max-height: 260px;
  overflow: hidden;
}
.user-homepage .user-banner:after {
  display: block;
  content: '';
  padding-top: 26%;
}
.user-homepage .user-banner .plant-set-box {
  position: absolute;
  right: 2px;
  white-space: nowrap;
}
.user-homepage .account-link-list {
  position: absolute;
  bottom: 8px;
}
.user-homepage .ifont-location {
  margin-top: 2px;
}
.user-homepage .user-bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.user-homepage .user-bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.user-homepage .user-info {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(49, 49, 49, 0.3);
}
.user-homepage .info-right {
  margin-left: 195px;
  margin-top: 44px;
}
.user-homepage .info-left {
  position: absolute;
  top: 43px;
  left: 35px;
}
.user-homepage .user-portrait-box {
  margin-bottom: 27px;
}
.user-homepage .user-portrait-box:after {
  right: 0;
  bottom: 0;
  width: 25%;
  padding-top: 25%;
}
.user-homepage .more-ellipsis {
  position: absolute;
  top: 95px;
  right: 10px;
}
.user-homepage .dynamic-module .dynamic-type {
  padding-bottom: 12px;
}
.user-homepage .album-pic-list {
  padding-left: 20px;
}
.user-homepage .album-pic-item {
  position: relative;
  display: inline-block;
  width: 137px;
  height: 137px;
  margin-right: 52px;
  margin-bottom: 20px;
}
.user-homepage .album-pic-item:nth-child(4n+4) {
  margin-right: 0;
}
.user-homepage .album-pic-item img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.user-homepage .album-report {
  width: 20px;
  height: 20px;
  background-color: rgba(49, 49, 49, 0.5);
}
.user-homepage .album-report .icon-report,
.user-homepage .album-report .icon-trash {
  margin-left: 3px;
  margin-top: 2px;
}
.user-homepage .share-download-bar {
  width: 100%;
  height: 20px;
}
.user-homepage .share-download-bar .count-num {
  display: inline-block;
  margin-top: 2px;
}
.user-homepage .share-download-bar .icon-transmit {
  margin-top: 3px;
}
.user-homepage .share-download-bar .icon-download {
  position: absolute;
  top: 2px;
}
@media (max-width: 1050px) {
  .user-homepage .user-banner {
    position: relative;
    max-height: 260px;
    min-height: 182px;
    overflow: hidden;
  }
  .user-homepage .user-banner:after {
    display: block;
    content: '';
    padding-top: 48%;
  }
  .user-homepage .ifont-location {
    margin-top: 0;
  }
  .user-homepage .portrait-circle-large.user-portrait {
    width: 65px;
    height: 65px;
  }
  .user-homepage .portrait-circle-large.has-border {
    border: solid 2px #ffffff;
  }
  .user-homepage .info-right {
    margin-left: 90px;
    margin-top: 35px;
  }
  .user-homepage .info-left {
    position: absolute;
    top: 35px;
    left: 10px;
  }
  .user-homepage .name {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }
  .user-homepage .intro {
    font-size: 14px;
  }
  .user-homepage .location {
    font-size: 12px;
  }
  .user-homepage .dynamic-module {
    padding-bottom: 20px;
  }
  .user-homepage .dynamic-module .type-name {
    position: relative;
    font-size: 12px;
  }
  .user-homepage .follow {
    position: absolute;
    right: 70px;
    bottom: 10px;
  }
  .user-homepage .album-pic-item {
    width: 12%;
    height: auto;
    margin-right: 0.5%;
    margin-bottom: 10px;
  }
  .user-homepage .album-pic-item:nth-child(4n+4) {
    margin-right: 0.5%;
  }
  .user-homepage .album-pic-item:nth-child(8n+8) {
    margin-right: 0;
  }
  .user-homepage .album-pic-list {
    padding-left: 10px;
    padding-right: 10px;
  }
  .content-left {
    margin-right: 0;
  }
  .content-left.content-normal {
    width: auto;
  }
  .dynamic-module {
    padding: 10px;
  }
  .dynamic-module .dynamic-content {
    padding-right: 0;
    padding-left: 40px;
  }
  .dynamic-module.type-in-top .dynamic-content {
    padding-right: 0;
    padding-left: 40px;
  }
  .dynamic-module .original-user.user-portrait {
    width: 25px;
    height: 25px;
  }
  .dynamic-module [class*='portrait-circle'] {
    width: 32px;
    height: 32px;
  }
}
.user-garden .flower-detail {
  margin-left: 30px;
  max-width: 204px;
}
.user-garden .create-time {
  margin-top: 5px;
}
@media (max-width: 768px) {
  .user-homepage .album-pic-item {
    width: 16%;
    height: auto;
    margin-right: 0.6%;
    margin-bottom: 10px;
  }
  .user-homepage .album-pic-item:nth-child(4n+4) {
    margin-right: 0.6%;
  }
  .user-homepage .album-pic-item:nth-child(8n+8) {
    margin-right: 0.6%;
  }
  .user-homepage .album-pic-item:nth-child(6n+6) {
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .user-homepage .album-pic-item {
    width: 33%;
    height: auto;
    margin-right: 0.33333%;
    margin-bottom: 10px;
  }
  .user-homepage .album-pic-item:nth-child(4n+4) {
    margin-right: 0.33333%;
  }
  .user-homepage .album-pic-item:nth-child(8n+8) {
    margin-right: 0.33333%;
  }
  .user-homepage .album-pic-item:nth-child(6n+6) {
    margin-right: 0.33333%;
  }
  .user-homepage .album-pic-item:nth-child(3n+3) {
    margin-right: 0;
  }
}
@media (max-width: 1050px) {
  .user-garden .flower-detail {
    margin-top: 0;
    margin-left: 10px;
    max-width: 204px;
  }
}
.garden-list {
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1050px) {
  .garden-list {
    padding-left: 0;
    padding-right: 0;
  }
}
.content-line-normal {
  width: 24%;
  margin-right: 1.3%;
}
.content-line-normal:nth-child(4n+0) {
  margin-right: 0;
}
@media (max-width: 1050px) {
  .content-line-normal {
    width: 32%;
    margin-right: 2%;
  }
  .content-line-normal:nth-child(4n+0) {
    margin-right: 2%;
  }
  .content-line-normal:nth-child(3n+0),
  .content-line-normal:nth-child(12n+0) {
    margin-right: 0;
  }
  .dynamic-module .text {
    margin-left: -35px;
  }
}
@media (max-width: 500px) {
  .content-line-normal {
    width: 49%;
    margin-right: 2%;
  }
  .content-line-normal:nth-child(3n+0) {
    margin-right: 2%;
  }
  .content-line-normal:nth-child(4n+0),
  .content-line-normal:nth-child(2n+0),
  .content-line-normal:nth-child(6n+0),
  .content-line-normal:nth-child(12n+0) {
    margin-right: 0;
  }
}
.index-list {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2;
}
.index-list.index-fixed {
  position: fixed;
  z-index: 2;
  top: 0;
}
@media (max-width: 1050px) {
  .index-list.index-fixed {
    top: 42px;
  }
}
.carousel-type .prev,
.carousel-type .next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  height: 40px;
  margin: auto;
  background: #2727275e;
}
.carousel-type .prev .pd-icon,
.carousel-type .next .pd-icon {
  position: relative;
  top: 9px;
}
.carousel-type .prev {
  left: 0;
}
.carousel-type .prev .pd-icon {
  left: -2px;
}
.carousel-type .next {
  right: 0;
}
.carousel-type .next .pd-icon {
  left: 2px;
}
.pay-page .forever-vip-img {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pay-page.tab-module {
  background-color: transparent;
}
.pay-page.tab-module .tab-item {
  display: none;
}
.pay-page.tab-module .tab-item.meal-price {
  display: none;
}
.pay-page.tab-module .tab-item.active {
  display: inline-block;
}
.pay-page.tab-module .tab-item.pay-type-list {
  display: none;
}
.pay-page.tab-module .pay-type-list.active {
  display: block;
}
.pay-page.tab-module .tab-name {
  font-size: inherit;
  display: inline-block;
  color: inherit;
  cursor: pointer;
  text-align: center;
  height: auto;
  line-height: inherit;
}
.pay-page .page-content {
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
}
.pay-page .meal-list {
  margin-top: 5px;
  padding-bottom: 30px;
}
.pay-page .meal-item {
  position: relative;
  width: 228px;
  margin-left: 50px;
  margin-right: 50px;
  padding-top: 17px;
  padding-bottom: 20px;
  min-height: 147px;
  border: solid 1px;
  border-color: #ddd;
  box-sizing: border-box;
}
.pay-page .meal-item .meal-name {
  margin-bottom: 9px;
}
.pay-page .meal-item.active {
  border: solid 3px;
  border-color: #01b259;
}
.pay-page .meal-item.active .icon-tick {
  position: absolute;
  right: -8px;
  bottom: -3px;
  display: block;
}
.pay-page .meal-item.active .meal-name {
  color: #01b259;
}
.pay-page .meal-item .icon-tick {
  display: none;
}
.pay-page .delete-line {
  position: absolute;
  top: 8px;
  right: 0;
  left: 0;
  width: 60px;
  height: 1px;
  margin: auto;
  background-color: #999;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
}
.pay-page .auto_pay_instruction {
  position: absolute;
  top: 40px;
  right: -25px;
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  width: 415px;
  z-index: 3;
}
.pay-page .amount-payable {
  padding-left: 15px;
  padding-right: 15px;
  line-height: 40px;
}
.pay-page .pay-type-item {
  width: 200px;
  margin-left: 65px;
  margin-right: 65px;
}
.pay-page .pay-type-item:first-child {
  margin-left: 0;
}
.pay-page .pay-type-item:last-child {
  margin-right: 0;
}
.pay-page .pay-type-item .dis-image {
  display: block;
  width: 180px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border: solid 1px;
  border-color: #adadad;
}
.pay-page .pay-type-content.paypal img {
  position: relative;
  top: 70px;
}
.pay-page .pay-type-name {
  margin-top: 20px;
}
.pay-page .pay-type-list {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pay-page .meal-price {
  position: relative;
  top: 1px;
  font-size: 30px;
}
.pay-page .protocol-plus {
  padding-top: 10px;
}
.pay-page .protocol-plus.tab-module {
  background-color: transparent;
}
.pay-page .protocol-item {
  width: auto;
  padding-left: 0;
  padding-right: 0;
  border-bottom: none;
  color: #adadad !important;
}
.pay-page .protocol-item.tab-name {
  font-size: 14px;
}
.pay-page .protocol-item.active {
  font-weight: bold;
  border-bottom: none;
}
@media (max-width: 1050px) {
  .pay-page .page-content {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .pay-page .meal-list {
    margin-top: 8px;
    padding-bottom: 15px;
  }
  .pay-page .meal-price {
    font-weight: bold;
  }
  .pay-page .amount-payable {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
    line-height: 1;
  }
  .pay-page .pay-name-phone {
    line-height: 26px;
  }
  .pay-page [name='pay_type'] {
    position: absolute;
    right: 15px;
    top: 3px;
    width: 20px;
    height: 20px;
  }
  .pay-page .buy-now {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    border-top: solid 1px #c9c9c9;
    z-index: 1;
  }
  .pay-page .buy-button {
    height: 100%;
    min-width: 90px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    background-color: #01b259;
  }
  .pay-page .buy-account {
    position: relative;
    top: 20px;
    line-height: 20px;
    vertical-align: bottom;
  }
  .pay-page .protocol-plus {
    padding-left: 15px;
    padding-right: 15px;
  }
  .pay-page .protocol-plus [class*='title-'] {
    font-size: 12px;
  }
  .pay-page .protocol-plus.tab-module {
    background-color: transparent;
  }
  .pay-page .protocol-item.active {
    font-weight: bold;
  }
}
@media (max-width: 768px) {
  .pay-page .forever-vip-img {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .pay-page .forever-vip-img img {
    display: block;
    width: 90%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .pay-page .meal-item {
    position: relative;
    width: 200px;
    padding-top: 10px;
    padding-bottom: 13px;
    min-height: 109px;
  }
  .pay-page .meal-item:first-child {
    margin-left: 0;
    margin-right: 12.25px;
  }
  .pay-page .meal-item:last-child {
    margin-left: 12.25px;
    margin-right: 0;
  }
  .pay-page .meal-name {
    margin-bottom: 5px;
  }
  .pay-page .icon-tick {
    width: 25px;
    height: 25px;
  }
  .pay-page .meal-price {
    font-size: 20px;
    font-weight: bold;
  }
  .pay-page .meal-unit {
    font-size: 16px;
  }
  .pay-page .meal-remark {
    font-size: 12px;
  }
  .pay-page .delete-line {
    width: 50px;
  }
}
@media (max-width: 500px) {
  .pay-page .meal-item {
    position: relative;
    width: 47%;
    padding-top: 10px;
    padding-bottom: 13px;
    padding-left: 0;
    padding-right: 0;
    border-width: 2px;
  }
  .pay-page .meal-item:first-child {
    margin-left: 0;
    margin-right: 1%;
    margin-bottom: 10px;
  }
  .pay-page .meal-item:last-child {
    margin-left: 1%;
    margin-right: 0;
  }
  .pay-page .meal-item.active {
    border-width: 2px;
  }
  .pay-page .meal-item.active .icon-tick {
    right: -7px;
    bottom: -2px;
  }
  .pay-page .meal-unit {
    font-size: 14px;
  }
  .pay-page .meal-name {
    margin-bottom: 5px;
  }
}
.setting-tip-triangle {
  top: 21px;
}
.uploadpic-tip-triangle {
  top: 0;
  left: 11px;
}
.setting-tip-content {
  right: 0;
  top: 38px;
}
.renewal-tip-triangle {
  right: -11px;
  top: 10px;
}
.renewal-tip-content {
  top: 27px;
  left: -32px;
}
.account-tip-content {
  position: absolute;
  right: -50px;
  top: 50px;
}
.topic-tip-triangle {
  position: absolute;
  top: 1px;
  left: 61px;
}
.at-tip-triangle {
  position: absolute;
  top: 1px;
  left: 108px;
}
.synchro-tip-triangle {
  position: absolute;
  top: 1px;
  left: 157px;
}
.topic-tip-content,
.at-tip-content,
.synchro-tip-content {
  position: absolute;
  top: 15px;
}
.grow-search-item {
  width: 40%;
}
.grow-search-item.active .ifont-tick {
  display: block;
}
.grow-search-item .ifont-tick {
  position: absolute;
  right: 0;
  bottom: 18px;
  display: none;
}
@media (min-width: 1050px) {
  .pay-page .tab-item[tab_name="vip"] {
    display: block;
  }
}
.user-garden .search-has-icon {
  position: absolute;
  right: 0;
  top: -11px;
}
.search-has-icon input {
  padding-right: 30px;
}
.search-has-icon .icon-search {
  right: 4px;
}
.add-plant-form {
  padding-top: 18px;
  padding-bottom: 18px;
}
.add-plant-form .half-width {
  width: 50%;
}
.add-plant-form .plant-info-item {
  position: relative;
  width: 234px;
  margin-bottom: 18px;
}
.add-plant-form .plant-info-item .field-require {
  position: absolute;
  right: -20px;
  top: 0;
}
.add-plant-form input::-webkit-input-placeholder {
  color: #adadad;
  font-size: 14px;
  font-family: inherit;
}
.add-plant-form input:-moz-placeholder {
  color: #adadad;
  font-size: 14px;
  font-family: inherit;
}
.add-plant-form input::-moz-placeholder {
  color: #adadad;
  font-size: 14px;
  font-family: inherit;
}
.add-plant-form input:-ms-input-placeholder {
  color: #adadad;
  font-size: 14px;
  font-family: inherit;
}
.add-plant-form .add-plant-btn {
  width: 80px;
}
.width-full {
  width: 100%;
}
.width-half {
  width: 50%;
}
.width-similar-half {
  width: 49.99%;
}
.success-page {
  padding-top: 70px;
  padding-bottom: 70px;
}
.post-page .tab-name {
  width: auto;
  height: 33px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 14px;
  line-height: 36px;
}
.post-page .tab-name.active {
  color: #ffffff;
  border-bottom: none;
  background-color: #01b259;
}
.post-page .post-content-box {
  min-height: 116px;
  max-height: 116px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.post-page .post-content-box div {
  padding: 5px 10px;
  margin-bottom: 1px;
  font-size: 14px;
}
.post-page .post-submit-btn {
  position: absolute;
  right: 20px;
  bottom: 7px;
}
.post-page .add-pic-item,
.post-page .pre-pic-item {
  position: relative;
  width: 64px;
  height: 64px;
  text-align: center;
}
.post-page .add-pic-item .ifont-add-bold,
.post-page .pre-pic-item .ifont-add-bold {
  margin-top: 22px;
}
.post-page .add-pic-item .delete-circle,
.post-page .pre-pic-item .delete-circle {
  position: absolute;
  top: -2px;
  right: -3px;
  z-index: 1;
  background-color: #ffffff;
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  border-radius: 99999px;
}
.post-page .add-pic-item [type='file'],
.post-page .pre-pic-item [type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.post-page .add-pic-item img,
.post-page .pre-pic-item img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.post-page .uploadpic-tip-content,
.post-page .article-tip-content {
  top: 15px;
  min-width: 240px;
  max-width: 240px;
  white-space: normal;
}
.post-page .uploadpic-tip-content .add-pic-item,
.post-page .article-tip-content .add-pic-item,
.post-page .uploadpic-tip-content .pre-pic-item,
.post-page .article-tip-content .pre-pic-item {
  margin-right: 10px;
}
.post-page .uploadpic-tip-content .add-pic-item:nth-child(3n+3),
.post-page .article-tip-content .add-pic-item:nth-child(3n+3),
.post-page .uploadpic-tip-content .pre-pic-item:nth-child(3n+3),
.post-page .article-tip-content .pre-pic-item:nth-child(3n+3) {
  margin-right: 0;
}
.post-page .uploadpic-tip-content .add-pic-item:nth-child(6n+6),
.post-page .article-tip-content .add-pic-item:nth-child(6n+6),
.post-page .uploadpic-tip-content .pre-pic-item:nth-child(6n+6),
.post-page .article-tip-content .pre-pic-item:nth-child(6n+6) {
  margin-right: 0;
}
.post-page .uploadpic-tip-content .add-pic-item:nth-child(9n+9),
.post-page .article-tip-content .add-pic-item:nth-child(9n+9),
.post-page .uploadpic-tip-content .pre-pic-item:nth-child(9n+9),
.post-page .article-tip-content .pre-pic-item:nth-child(9n+9) {
  margin-right: 0;
}
.post-page .uploadpic-tip-content .add-pic-item:nth-child(10n+10),
.post-page .article-tip-content .add-pic-item:nth-child(10n+10),
.post-page .uploadpic-tip-content .pre-pic-item:nth-child(10n+10),
.post-page .article-tip-content .pre-pic-item:nth-child(10n+10) {
  margin-right: 0;
}
.post-page .add-pic-item:hover {
  border-color: #01b259;
}
.post-page .add-pic-item:hover .ifont-add-bold {
  color: #01b259;
}
.post-page .pre-pic-item {
  cursor: move;
}
.post-page .pre-pic-item .img-preview {
  position: relative;
  top: -3px;
  left: -3px;
  width: 70px;
  height: 70px;
}
.post-page .pre-pic-item img {
  background-image: url("/files/images/unit/loading.gif");
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center 20px;
}
.model-module .post-submit-btn {
  position: absolute;
  right: 0;
  top: -11px;
}
[name='post_form'] .text-box,
[name='plant_grow_form'] .text-box {
  height: 172px;
  min-height: 172px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  line-height: 22px;
  border: none;
  outline: none;
  overflow: auto;
}
[name='post_form'] .post-title,
[name='plant_grow_form'] .post-title {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
[name='post_form'] .post-title textarea,
[name='plant_grow_form'] .post-title textarea {
  display: block;
  height: 0;
  min-height: 40px;
  max-height: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  border: none;
  background-color: transparent;
}
[name='post_form'] .post-title textarea ::-webkit-input-placeholder,
[name='plant_grow_form'] .post-title textarea ::-webkit-input-placeholder {
  color: #adadad;
}
[name='post_form'] .post-title textarea :-moz-placeholder,
[name='plant_grow_form'] .post-title textarea :-moz-placeholder {
  color: #adadad;
}
[name='post_form'] .post-title textarea ::-moz-placeholder,
[name='plant_grow_form'] .post-title textarea ::-moz-placeholder {
  color: #adadad;
}
[name='post_form'] .post-title textarea :-ms-input-placeholder,
[name='plant_grow_form'] .post-title textarea :-ms-input-placeholder {
  color: #adadad;
}
[name='post_form'] .post-title textarea:focus,
[name='plant_grow_form'] .post-title textarea:focus {
  -webkit-box-shadow: 0 0 2px 1px transparent;
  -moz-box-shadow: 0 0 2px 1px transparent;
  box-shadow: 0 0 2px 1px transparent;
}
[name='plant_grow_form'] .text-box {
  height: 100px;
  min-height: 100px;
}
[name='plant_grow_form'] .post-content-box {
  height: 100px;
  min-height: 100px;
}
[name='post_form'] select {
  min-width: 180px;
  height: 44px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.at-tip-content,
.topic-tip-content,
.synchro-tip-content {
  width: 330px;
}
.at-tip-content .ifont-search,
.topic-tip-content .ifont-search,
.synchro-tip-content .ifont-search {
  position: absolute;
  top: 7px;
  left: 8px;
}
.at-tip-content .search-box,
.topic-tip-content .search-box,
.synchro-tip-content .search-box {
  padding-left: 35px;
}
.at-tip-content .topic-name,
.topic-tip-content .topic-name,
.synchro-tip-content .topic-name {
  width: 260px;
  margin-left: 5px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.synchro-tip-content {
  width: 490px;
}
.synchro-tip-content .grow-search-item {
  width: 26%;
}
.synchro-tip-content .topic-name {
  width: 84px;
}
.synchro-tip-content [type="checkbox"] {
  position: absolute;
  right: 20px;
  bottom: 1px;
}
.post-dynamic {
  height: 44px;
}
.post-dynamic .icon-edit {
  position: absolute;
  top: 13px;
  right: 10px;
}
.dynamic-module .transmit-content {
  padding-top: 12px;
  padding-left: 23px;
  padding-right: 23px;
  padding-bottom: 12px;
}
.dynamic-module .transmit-time {
  position: absolute;
  bottom: 15px;
}
.dynamic-module .dynamic-text-has-more {
  position: relative;
  max-height: 72px;
  overflow: hidden;
}
.dynamic-module .dynamic-text-has-more .dynamic-show-more {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-left: 20px;
  padding-right: 5px;
  font-size: 12px;
  color: #6ad68b;
  background-color: #ffffff;
}
@media screen and (max-width: 1050px) {
  .dynamic-module .transmit-content {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
  }
}
.has-tip[toggle_name='cmt_pic'] {
  position: absolute;
  top: 153px;
}
.has-tip .cmtpic-tip-triangle {
  position: absolute;
  top: -16px;
  left: 31px;
}
.has-tip .emoji-tip-triangle {
  position: absolute;
  top: -16px;
  left: -6px;
}
.has-tip[toggle_name='emoji_list'] {
  position: absolute;
  top: 153px;
}
.add-cmt-pic {
  position: relative;
  width: 64px;
  height: 64px;
}
.add-cmt-pic .ifont-add-bold {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.add-cmt-pic .img-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.add-cmt-pic .img-preview img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.add-cmt-pic [name="cmt_pic"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.add-cmt-pic .ifont-cross-solid {
  position: absolute;
  top: -5px;
  right: -7px;
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  border-radius: 99999px;
}
.topic-search-list,
.at-search-list {
  max-height: 193px;
  overflow: auto;
}
.grow-search-list {
  max-height: 173px;
  overflow: auto;
}
.dynamic-content .text img {
  display: block;
  max-width: 100%;
  margin: auto;
}
.emoji-tip-content {
  width: 312px;
  white-space: normal;
}
[contenteditable="true"]:empty:not(:focus):before {
  content: attr(data-placeholder);
}
@media (max-width: 1050px) {
  .main .main-left {
    margin-right: 0;
  }
  .main .main-right {
    width: 100%;
  }
}
.share-growing-page .flower-info {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  background-color: #ffffff;
}
.share-growing-page .flower-portrait {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  border-radius: 99999px;
  overflow: hidden;
}
.share-growing-page .flower-name {
  font-size: 22px;
  color: #6ad68b;
}
.share-growing-page .share-growing-content {
  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 10px;
  padding-left: 40px;
}
.share-growing-page .photo-item {
  width: 230px;
  margin-right: 45px;
  margin-bottom: 30px;
}
.share-growing-page .photo-item:nth-child(3n+3) {
  margin-right: 0;
}
.share-growing-page .dynamic-text {
  margin-top: 12px;
  margin-bottom: 20px;
}
.share-growing-page .dynamic-module .dynamic-content {
  padding: 0 0 0 52px;
}
.share-growing-page .original-user.user-portrait {
  top: 0;
}
@media (max-width: 1050px) {
  .share-growing-page .flower-info {
    position: relative;
    height: 182px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: hidden;
  }
  .share-growing-page .flower-bg-blur {
    width: 100%;
    height: 100%;
    -webkit-filter: blur(8px);
    /* Chrome, Opera */
    -moz-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=8px, MakeShadow=false);
  }
  .share-growing-page .flower-portrait {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    width: 66px;
    height: 66px;
    -webkit-box-shadow: 0 0 8px 0 #313131;
    -moz-box-shadow: 0 0 8px 0 #313131;
    box-shadow: 0 0 8px 0 #313131;
    border: solid 2px;
    border-color: #ffffff;
  }
  .share-growing-page .flower-name {
    position: absolute;
    top: 126px;
    width: 100%;
    font-size: 16px;
    color: #ffffff;
    text-shadow: 0 0 8px #313131;
  }
  .share-growing-page .share-growing-content {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  .share-growing-page .photo-item {
    width: 30%;
    margin-right: 5%;
  }
  .share-growing-page .dynamic-module .dynamic-content {
    padding: 0 0 0 40px;
  }
}
@media (max-width: 768px) {
  .share-growing-page .photo-item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 3%;
  }
  .share-growing-page .photo-item:nth-child(3n+3) {
    margin-right: 2%;
  }
  .share-growing-page .photo-item:nth-child(2n+2) {
    margin-right: 0;
  }
}
.body-not-scroll {
  position: fixed;
  width: 100%;
}
.post-content-box textarea {
  height: 31px;
  overflow: hidden;
  line-height: 1.5;
  border: none;
  background-color: transparent;
}
.post-content-box textarea:focus {
  -webkit-box-shadow: 0 0 0 0 #6ad68b;
  -moz-box-shadow: 0 0 0 0 #6ad68b;
  box-shadow: 0 0 0 0 #6ad68b;
}
.post-content-box [name="transmit_editor"] {
  height: 70px;
}
.cover-cb-preview {
  min-height: 30px;
}
@media screen and (min-width: 1050px) {
  .column3-left {
    width: 170px;
    margin-right: 10px;
  }
  .column3-center {
    width: 560px;
    margin-right: 10px;
  }
  .column3-right {
    width: 250px;
  }
}
.open-browser-arrow {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 48px;
}
.open-browser-emblem {
  position: absolute;
  right: 40px;
  top: 30px;
  width: 140px;
}
.open-browser-word {
  position: absolute;
  right: 25px;
  top: 173px;
  width: 170px;
}
.recommend-people-count {
  width: 80px;
}
.has-portrait-left.has-portrait-xsmall {
  padding-left: 43px;
}
.has-left-index.has-index-normal {
  padding-left: 17px;
}
.count-max-width.count-max-small {
  max-width: 30px;
}
.new-detail-block .tab-trigger.active {
  border-bottom: solid 3px #01b259 !important;
  background-color: #ffffff !important;
  color: #313131 !important;
}
.article-func-bar {
  background-color: #ffffff;
}
.article-func-bar.article-func-bar-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 956px;
  padding-bottom: 10px;
  -webkit-box-shadow: 0 0 2px 1px #01b259;
  -moz-box-shadow: 0 0 2px 1px #01b259;
  box-shadow: 0 0 2px 1px #01b259;
}
.article-func-bar.article-func-bar-fixed .post-submit-btn {
  bottom: 2px;
}
.article-pic-item {
  max-width: 50%;
}
.scroll-fix-pos {
  position: fixed;
  z-index: 1;
}
.scroll-fix-pos.post-menu-list {
  top: 10px;
  width: 170px;
}
.scroll-fix-pos.post-recommend-user {
  top: 10px;
  width: 250px;
  background-color: #ffffff;
}
.scroll-fix-pos.post-post-head {
  top: -300px;
  width: 560px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 2px 1px #adadad;
  -moz-box-shadow: 0 0 2px 1px #adadad;
  box-shadow: 0 0 2px 1px #adadad;
}
.scroll-fix-pos.up_show.post-post-head {
  top: 0;
}
.scroll-fix-pos.hot-post-list {
  top: 10px;
}
[model_name*="transmit"] .show-all {
  position: absolute;
  right: 15px;
  top: 18px;
}
.back-top-box {
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  -webkit-border-radius: 99999px;
  -moz-border-radius: 99999px;
  border-radius: 99999px;
  -webkit-box-shadow: 0 0 8px 0 #adadad;
  -moz-box-shadow: 0 0 8px 0 #adadad;
  box-shadow: 0 0 8px 0 #adadad;
}
.back-top-box .ifont-backtop {
  top: 11px;
}
[class*="-trigger"] {
  cursor: pointer;
}
[id*="div-gpt-ad-"] {
    text-align: center;
}
.ganhuo-detail-module .body-part h2{
  font-size: 20px;
}
.ganhuo-detail-module .body-part h3{
  font-size: 18px;
}