/*global*/
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
}

body,li,ul {
  margin: 0;
  padding: 0;
}

.content-wrap {
  height: 100%;
  margin: 0 auto;
  width: 1100px;
  position: relative;
  display: table;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block
}

.fc-fff {
  color: #fff;
}

.fc-red {
  color: red
}

.fc-green {
  color: #83b900
}

a {
  background-color: transparent;
  cursor: pointer
}

a:active, a:hover {
  outline: 0
}
b, strong {
  font-weight: bold
}

.txt-c {
  text-align: center
}

.fr {
  float: right;
}
.fl {
  float:left;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

.g-order-info li p {
  margin-left: 80px;
  line-height: 24px;
  margin: 0;
  margin-top: 2px;
  margin-left: 80px
}

.g-order-info li a {
  color: #1B7FF0
}

.g-order-info ul {
  list-style: none;
  padding: 0;
}

.g-order-info li {
  overflow: hidden;
  margin-bottom: 10px;
}

#content_wrapper .g-order-info {
  margin-top: 10px;
  position: relative;
}

#content_wrapper .g-order-info .add-money{
  width: 120px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 0;
  margin: 0;
}

.g-order-info li label {
  float: left;
  width: 90px;
  text-align: left;
  margin: 0;
  color: #888
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

li {
  list-style-type: none;
}

svg:not(:root) {
  overflow: hidden;
}

.steps {
  height: 56px;
  position: relative;
  margin-top: 2em;
  z-index: -1000\9;
}

.steps ol {
  width: 1000px;
  margin: 0 auto;
}

.small_steps ul, .steps ol, .steps ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.steps ol li {
  display: inline;
  float: left;
  width: 230px;
  padding-left: 90px;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  color: #999;
}

.small_steps {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
  overflow: hidden;
  text-align: center
}

.small_steps li {
  float: left;
  color: #999;
  margin-top: 10px
}

.small_steps li i {
  margin: 0 15px 0 5px
}

.small_steps li.active, .steps ol li.active {
  color: #76BA22
}

figure {
  margin: 1em 40px;
}

.fc-gray {
  color: #999
}

.fc-orange {
  color: #F60
}

hr {
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  /*-webkit-appearance: none;*/
}

.radio_checkbox input, .radio_buttons input, .check_boxes input, .input.boolean input {
  display: inline;
  width: auto;
  margin: 0 0.3em 0 0.2em;
  box-shadow: none;
}

button {
  overflow: visible
}

button, select {
  text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td, th {
  padding: 0
}

/*!
 */
[contenteditable], [contenteditable]:focus {
  outline: 0 solid transparent
}

button {
  outline: 0
}

.f-html ::selection {
  background: #6d90ba;
  color: #FFF
}

.f-html ::-moz-selection {
  background: #6d90ba;
  color: #FFF
}

::selection {
  background: #b5d6fd;
  color: #000
}

::-moz-selection {
  background: #b5d6fd;
  color: #000
}

.fr-hidden {
  display: none !important
}

body.fr-fullscreen {
  overflow: hidden
}

img.fr-fil {
  z-index: 1;
  position: relative;
  margin: auto;
  overflow: auto;
  padding: 10px 10px 10px 3px;
  float: left !important
}

img.fr-fil.fr-dib {
  float: none !important;
  margin-left: 0 !important
}

img.fr-fir {
  z-index: 1;
  position: relative;
  margin: auto;
  overflow: auto;
  padding: 10px 3px 10px 10px;
  float: right !important
}

img.fr-fir.fr-dib {
  float: none !important;
  margin-right: 0 !important
}

img.fr-fin {
  z-index: 1;
  position: relative;
  margin: auto;
  overflow: auto;
  float: none
}

img.fr-fin.fr-dib {
  padding: 10px 0
}

img.fr-dib {
  vertical-align: top;
  display: block
}

a.fr-file {
  position: relative
}

a.fr-file:before {
  position: relative;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0c6";
  top: 0;
  padding-right: 3px
}

/*字体图标*/
/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url('http://static.ydlcdn.com/v2/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('http://static.ydlcdn.com/v2/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('http://static.ydlcdn.com/v2/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('http://static.ydlcdn.com/v2/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('http://static.ydlcdn.com/v2/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('http://static.ydlcdn.com/v2/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0)
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}

.fa-ul > li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-gear:before, .fa-cog:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before, .fa-users:before {
  content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"
}

.fa-euro:before, .fa-eur:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"
}

.fa-won:before, .fa-krw:before {
  content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c"
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5"
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6"
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before {
  content: "\f1d0"
}

.fa-ge:before, .fa-empire:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-hacker-news:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"
}

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8"
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-genderless:before, .fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-heartbeat:before {
  content: "\f21e"
}

.fa-venus:before {
  content: "\f221"
}

.fa-mars:before {
  content: "\f222"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-transgender:before {
  content: "\f224"
}

.fa-transgender-alt:before {
  content: "\f225"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-mars-stroke-h:before {
  content: "\f22b"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-facebook-official:before {
  content: "\f230"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-server:before {
  content: "\f233"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-user-times:before {
  content: "\f235"
}

.fa-hotel:before, .fa-bed:before {
  content: "\f236"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-train:before {
  content: "\f238"
}

.fa-subway:before {
  content: "\f239"
}

.fa-medium:before {
  content: "\f23a"
}

body {
  font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,PingFang SC,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;
  position: relative;
  top: 0;
  color: #444444;
  line-height: 1.8;
  min-height: 100%;
  /*min-width: 1200px;*/
}

body.modal-open {
  overflow: hidden
}

/*body.menu_on {
  left: -70%;
  overflow: visible
}*/

@media (max-width: 700px) {
  body {
    top: 3.2em
  }
}

img {
  vertical-align: middle
}

table {
  width: 100%
}

table th, table td {
  padding: 0.5em;
  border-top: 1px solid #f2f2f2;
}

table th {
  text-align: left;
  background-color: #F7F7F7;
}

table a {
  color: #00a2ff;
  margin-right: 1em
}

i.active {
  color: #a0ce4e
}

a.disabled, a.button.disabled {
  text-decoration: none;
  color: #fff !important;
  background: #D8D8D8;
}

a.follow, a.button.follow {
  text-decoration: none;
  color: #444 !important;
  background: #fff;
  border: 1px solid #dddddd
}

a.followed, a.button.followed {
  text-decoration: none;
  color: #999 !important;
  background: #F2F2F2;
}

a {
  text-decoration: none;
  color: #747474
}

a.speak i {
  margin-left: 0.3em
}

.right {
  float: right
}

.clearfix:after, .box .content .tags:after, .questions_show .tags:after, aside .item:after {
  content: "";
  display: table;
  clear: both
}

.empty {
  text-align: center;
  color: #AAA;
  margin: 2em 0 3em
}

.container, .filter, .labels {
  display: block;
  overflow: hidden;
  width: 1100px;
  padding-left: 2em;
  padding-right: 2em;
  margin-left: auto;
  margin-right: auto
}

@media (max-width: 700px) {
  .container {
    max-width: 1000px;
  }

  .mymoney table {
    font-size: 13px;
  }
}

.container .filter, .filter .filter, .labels .filter {
  padding-left: 0;
  padding-right: 0
}

.container .labels, .filter .labels, .labels .labels {
  padding-left: 0;
  padding-right: 0
}

.container .list .container, .filter .list .container, .labels .list .container, .container .list .filter, .filter .list .filter, .labels .list .filter, .container .list .labels, .filter .list .labels, .labels .list .labels {
  padding-left: 0;
  padding-right: 0
}

.container .list .container .box.article, .filter .list .container .box.article, .labels .list .container .box.article, .container .list .filter .box.article, .filter .list .filter .box.article, .labels .list .filter .box.article, .container .list .labels .box.article, .filter .list .labels .box.article, .labels .list .labels .box.article {
  border: 1px solid #ededed;
  border-left: 3px solid #a0ce4e;
  padding: 1.4em 2em 0.2em 2em;
  box-shadow: #aeaeae 0px 0.4px;
  margin-top: 2em;
  margin-bottom: 0
}

@media (max-width: 700px) {
  .container, .filter, .labels {
    padding-left: 1em;
    padding-right: 1em
  }
}

.hidden {
  display: none
}

.clear {
  display: block;
  clear: both !important;
  float: none !important;
  width: auto !important
}

.col_100 {
  clear: both;
  width: 100%
}

.col_main {
  float: left;
  width: 70%;
  padding-right: 2.5em;
  box-sizing: border-box;
  border-right: 1px solid #ebebeb;
}

.col_main .filter {
  padding-left: 0;
  padding-right: 0
}
.col_sub .filter {
  margin-top:1em;
  border-bottom:1px solid #ececec;
  width: 100%;
}
.col_sub .filter a {
  float: left;
  width: 33.3%;
  /*+width: 33%;*/
  margin-right:0em;
}
@media (min-width: 700px) {
  /*body */
  .testing .col_main {
    min-height: 700px;
  }

}

@media (min-width: 768px) {
  body {
    min-width: 1200px;
  }
}

@media (max-width: 700px) {
  .col_main {
    float: none;
    width: 100%;
    padding-right: 0;
    border-right: none
  }

  .col_sub {
    float: none;
    padding-left: 0;
    width: 100%;
    border-left: none;
    /*display:none*/
    border-top: 1px solid #efefef;
  }

  .experts_show .expert .col_sub {
    border-top: none;
  }

  .col_55, .col_55.right {
    float: none;
    width: 100%;
    padding: 0
  }

  .wNav {
    display: none !important
  }

  .questions .message .button {
    width: 50%;
  }

  .sNav {
    display: block !important
  }

  .small_hidden {
    display: none !important
  }
}

.col_sub {
  float: right;
  width: 30%;
  width: 26%\9;
  padding-left: 2.5em;
  padding-left: 1.5em\9;
  box-sizing: border-box;
}

.col_sub .more {
  margin-top: 10px;
  margin-bottom: 5px
}

.col_sub aside h4 {
  margin: 0.6em 0 0 0;
  font-size: 1.2em;
  font-weight: lighter;
  margin-top: 1.5em
}

.col_55 {
  float: left;
  width: 50%;
  padding-right: 1em;
  box-sizing: border-box
}

.col_55.right {
  float: right;
  padding-right: 0;
  padding-left: 1em
}


.questions .message .button {
  width: 30%;
}

.title_lines .title {
  line-height: 4em;
  float: left;
  padding-left: 5px;
  font-size: 1.2em
}

.fs-16 {
  font-size: 16px !important;
}

.fs-12 {
  font-size: 1.2em;
}

.title_lines:after {
  float: left;
  content: " ";
  width: 100%;
  margin-left: 0em;
  border-bottom: 2px solid #e5e5e5;
  position: relative;
  top: -1em;
  z-index: -1
}

.wNav {
  display: block !important
}

/*移动端导航*/
.sNav {
  display: none !important
}

#content_wrapper {
  margin-bottom: 100px
}

@media (max-width: 700px) {
  #content_wrapper {
    margin-bottom: 5px;
  }
}

#menu_mask {
  display: none
}

#menu_mask:before {
  content: "";
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  margin: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 5
}

#menu_mask.active {
  display: block
}

#back {
  cursor: pointer;
  color: #9e9e9e;
}

#back_home {
  cursor: pointer;
  color: #9e9e9e;
  width: 50px;
  height: 50px;
  background: url(../../v3/images/icon_home.png) no-repeat 0 9px;
  background-size: 50%;
}

#nav_myaccount {
  position: absolute;
  right: 15px;
  top: 6px;
  width: 60px;
  text-align: right
}

#notify {
  float: right;
  margin: 0;
  padding-top: 5px;
  padding-right: 0.4em;
  padding-left: 0.4em;
  font-size: 1.6em;
  border-radius: 50%;
  text-align: center;
  color: lightgray;
  z-index: 7
}

#notify:after {
  content: "";
  position: absolute;
  border: 4px solid red;
  border-radius: 50%
}

.box {
  display: block;
  overflow: hidden;
  clear: both;
  max-width: 1000px;
  padding: 0.5em 0em;
  margin: 1em auto;
  box-sizing: border-box;
}

.box.left_border {
  border-top: 1px solid #ededed;
  border-left: 3px solid #a0ce4e;
  padding: 1.4em 2em 0.2em 2em
}

.box.killborder {
  border: none;
  border-bottom: 1px solid #ebebeb;
}

.box.top_border {
  border-top: 3px solid #a0ce4e
}

.box a {
  color: #0093E7;
}

.box a:hover {
  text-decoration: underline;
}

.box p {
  margin-top: 0
}

.box button {
  margin-bottom: 0
}

.box img {
  max-width: 100%
}

.box hr {
  border: 0 none;
  border-top: 1px solid #d2d3d4
}

.box .title {
  display: block;
  font-size: 1.4em;
  color: #333;
  text-decoration: none;
  margin-bottom: 20px
}

.box .title .status {
  font-size: 0.6em;
  float: left;
  background: #80b922;
  padding: 0.2em 0.5em 0;
  color: #fff;
  margin: 0.4em 0.5em 0 0
}

.box .content {
  float: left;
  float: right\9;
  width: 100%;
  width: 90%\9;
  overflow: hidden;
  word-break: break-all;

}

.box .content .author {
  display: inline-block;
  overflow: hidden;
  line-height: 2em;
  background: #fafafa
}

.event_content {
  padding: 10px
}

.event_content img {
  padding: 5px 0 20px 0;
  text-align: center;
  /*display:block*/
}

.box .content .post_desc {
  border-bottom: 1px solid #f2f2f2;
  line-height: 2em;
  border-top: 1px solid #f2f2f2;
  display: block;
  font-size: 0.8em;
  color: #888;
  padding: 0.5em 1em;
  margin-bottom: 15px;
}

.box .content .author img {
  float: left;
  border-radius: 50%;
  max-width: 2em;
  margin-right: 0.5em;
  max-height: 2em
}

.box .content .tags {
  clear: both;
  margin-bottom: 1em
}

.box .content .tags a {
  margin-right: 0.5em
}

.box .content p {
  margin: 0 0 1em 0
}

.box .content ul, .box .content ol {
  padding-left: 2em
}

.box .content.full {
  width: 100%
}

.box .actions {
  float: right;
  width: 20%;
  overflow: hidden;
  word-break: break-all
}

.box .actions a, .box .actions button, .box .actions .button {
  display: block;
  width: 100%;
  margin-bottom: 1em;
  line-height: 1;
  color: #747474;
  background: transparent
}

.box .actions .text {
  margin-bottom: 1em
}

.box .actions .active {
  background: #00a2ff;
  color: #fff;
  padding: 0.8em 0 0.6em;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  text-align: center
}

.box .actions .warning {
  background: #f65a5b;
  color: #fff;
  padding: 0.8em 0 0.6em;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
  text-align: center
}

.box .actions .status {
  background: #eee;
  padding: 0.8em 0 0.6em;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
  text-align: center;
  margin-bottom: 1em
}

.box.list {
  border: 0 none;
  box-shadow: none;
  padding-top: 0.5em;
  padding-left: 0;
  padding-right: 0
}

.box.list .title {
  font-size: 1.2em;
  font-weight: lighter;
  margin-bottom: 1em;
  color: #747474
}

.box.list a {
  display: block;
  /* text-decoration: underline; */
  font-size: 0.9em;
  margin-top: 0.6em;
  padding-bottom: 0.6em;
  /* color: #444; */
  border-bottom: 1px solid #ebebeb;
}

.box.list a:hover {
  text-decoration: none;
  background: #eaeaea
}

.box.list .listener {
  display: inline-block;
  margin: 0 0.8em 0.6em 0;
  overflow: hidden
}

.box.list .listener img {
  display: block;
  width: 60px;
  height: 60px
}

.box.list .listener span {
  display: block;
  width: 60px;
  overflow: hidden;
  font-size: 0.8em;
  height: 3.2em;
  word-break: break-all;
  word-wrap: break-word
}

.box.full {
  max-width: 100%;
  margin-left: 2em;
  margin-right: 2em
}

.box.article {
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: lighter;
  margin-bottom: 1em;
  margin-top: 1em
}

.box.article .content {
  float: none
}

.box.article .info {
  font-size: 0.8em;
  margin-top: 0em
}

.box.article .info .tags {
  margin-right: 1em;
  margin-bottom: 1em
}

.box.article a {
}

.box.article a:hover {
  text-decoration: underline;
}

.box.event a.event_banner {
  display: none
}

.box.event a.title {
  margin-bottom: 1em
}

.box.event a.title .status.disabled {
  background-color: grey
}

.box.event .content {
  float: left
}

.box.event .content a.info {
  color: darkgrey;
  font-size: 1em
}

.box.event .content a.info .tags, .box.event .content a.info .location, .box.event .content a.info .price {
  margin-bottom: 0.5em
}

.box.event .content a.info .tags .price_group, .box.event .content a.info .location .price_group, .box.event .content a.info .price .price_group {
  margin-left: 1.5em;
  margin-top: -1.5em
}

.box.event .content a.info .tags .price_group span, .box.event .content a.info .location .price_group span, .box.event .content a.info .price .price_group span {
  display: block
}

.box.event .content a.info .tags span {
  float: left;
  background-color: #a0ce4e;
  color: white;
  border-radius: 5px;
  padding: 0.1em 0.3em;
  margin-right: 0.2em
}

.box.event .content a.info .people {
  display: none
}

.box.event .content a.info .fa {
  margin-right: 0.5em;
  color: lightgrey;
  width: 1em;
  text-align: center
}

.box.event .content a.author {
}

.box.event .content a.author img {
  margin-top: -0.5em;
  width: 3em;
  height: 3em;
  max-width: none;
  max-height: none;
  margin-right: 1em
}

.box.comments {
  border: none;
  box-shadow: none;
  padding: 0
}

.box.full.color {
  margin: 0;
  /*background: #9AD053;*/
  border: none;
  padding: 2em 0 0em 0
}

.box.full.color .double_lines {
  width: 33%;
  float: left;
  padding: 4px 10px;
  box-sizing: border-box;
  margin-top: 2.6em
}

.box.full.color .actions {
  width: 100%;
  /* float: left; */
  /* padding: 0em 0; */
  margin: 0em auto;
  box-sizing: border-box;
  /* border: solid white 2px; */
  /* opacity: 0.8; */
  text-align: center;
  color: #000;
  font-size: 40px;
}

.box.full.color .actions a {
  padding: 0;
  margin: 0;
  opacity: 1
}

.box.full.match {
  margin-left: 0;
  margin-right: 0;
  margin-top: 2em;
  background: #f6f6f6;
  padding-top: 3em;
  padding-bottom: 3em;
  box-shadow: 0px 1px 3px -1px #7c7c7c
}

.box.full.match p {
  float: left;
  color: gray;
  font-size: 1.2em;
  width: 70%;
  margin-top: 0.3em
}

.box.full.match .actions {
  width: 30%
}

.box.full.match .actions a {
  margin-bottom: 0;
  padding-top: 1.2em;
  padding-bottom: 1em
}

.box.full.match .actions a:hover {
  background: #80b922
}

.box.pagination {
  border: none;
  box-shadow: none;
  padding: 30px 0;
  width: 100%;
  text-align: center;
}

.box.pagination a {
  padding: 6px 12px;
  line-height: 1.5;
  text-decoration: none;
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 0 10px;
}

.box.pagination .prev:hover, .box.pagination .next:hover {
  color: #00a2ff
}

.triangle.down {
  margin: 1em auto 3em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #f6f6f6 transparent transparent transparent
}

.triangle.up {
  margin: 3em auto -1em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #87dd7b transparent
}

.list .box {
  margin-bottom: 2em
}

.activities #content_wrapper .container .col_main .article .content .event_content .button {
  width: 30%;
  margin: 20px auto 40px auto;
}

.activities #content_wrapper .container .col_main .article .content .event_content .active_teacher {
  display: block;
  float: left;
  width: 40%;
  border: 1px solid #efefef;
  padding: 10px 2%;
  margin-bottom: 20px;
}

.activities #content_wrapper .container .col_main .article .content .event_content .active_teacher h4 {
  line-height: 20px;
  margin: 0;
  margin-top: 5px;
}

.activities #content_wrapper .container .col_main .article .content .event_content .active_teacher p {
  line-height: 18px;
  margin: 0;
  color: #999;
  font-size: 12px;
}

.activities #content_wrapper .container .col_main .article .content .event_content .active_teacher img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  padding: 0;
  float: left;
  margin-right: 10px;
}

@media (max-width: 700px) {
  .box {
    padding: 0.5em 0em;
  }

  .activities #content_wrapper .container .col_main .article .content .event_content .active_teacher {
    width: 90%;
    padding: 10px 5%;
  }

  .activities #content_wrapper .mButton_gray {
    width: 35%;
    font-size: 13px;
    float: right;
    background-color: #fff;
    color: #666;
  }

  .box .content .post_desc {

    border-bottom: none;
    line-height: 2em;
    border-top: none;
    display: block;
    font-size: 0.8em;
    color: #888;
    padding: 0;
    margin-bottom: 10px;
  }

  .box.article {
    margin-top: 1.2em;
  }

  .box .title {
    font-size: 18px;
    margin-bottom: 8px
  }

  .box .content {
    font-size: 1em
  }

  .box .content, .box .actions {
    float: none;
    width: 100%;
  }

  .questions_index #content_wrapper .container .col_main .question_item .box .content {
    float: right;
    width: 80%;
  }

  .box.full.color {
    padding-top: 1em;
    padding-bottom: 0em;
    text-align: center
  }

  .box.full.color .double_lines {
    display: none
  }

  .box.full.color .actions {
    width: 80%;
    margin: 1em auto;
    float: none;
    font-size: 20px
  }

  .box.full.match {
    margin-top: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center
  }

  .box.full.match p {
    float: none;
    width: auto
  }

  .box.full.match .actions {
    float: none;
    width: auto
  }

  .triangle.up {
    border-width: 0 10px 10px 10px
  }

  .list .box .content {
    max-height: 5.9em
  }
}

.box.gallery a {
  display: block;
  float: left;
  overflow: hidden;
  width: 12em;
  height: 12em;
  line-height: 12em;
  border: 1px solid #ddd;
  text-align: center;
  margin-left: 1em
}

.box.gallery a img {
  max-width: 100%;
  max-height: 100%
}

.box.gallery .images {
  overflow: hidden
}

.box.gallery .images a:first-child {
  margin-left: 0
}

.box.gallery form {
  clear: both;
  margin-top: 2em
}

@media (max-width: 700px) {
  .box.gallery a {
    float: none;
    margin: 1em auto 0
  }

  .box.gallery .images a:first-child {
    margin: 0 auto
  }
}

.box.image {
  text-align: center
}

.box.image img {
  padding-bottom: 1em
}

.pagination .prev {
}

.pagination .next {
}

.breadcrumb {
  background: #fff;
  height: 70px;
  line-height: 70px;
}

.breadcrumb span:before {
  content: ">";
  padding: 0 0.5em;
  color: #ccc;
  font-size: 1em
}

.breadcrumb span {
  color: #777;
  font-size: 1.4em
}

.breadcrumb a {
  text-decoration: none;
  color: #999;
+color: #888;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb a:last-child {
  color: #888;
  font-size: 1.4em;
}

@media (max-width: 700px) {
  .breadcrumb {
    height: 3em;
    line-height: 3em;
    font-size: 1em
  }

  .breadcrumb span {
    font-size: 1em
  }

  .breadcrumb a:last-child {
    font-size: 1em
  }
}

.card_wrapper {
  margin-top: 1.5em
}

.card {
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  position: relative;
  border-left: 3px solid #8cd310;
  margin: 20px 0
}

.card .info {
  margin-left: 95px;
}

.card .info .time {
  font-size: 12px;
  color: #999
}

.card p {
  margin: 0
}

.card .title {
  font-size: 1em;
  color: #333;
}

.card .content {
  padding: 1.5em 1.5em 0 1.5em;
}

.card .content .address_tip {
  margin-top: 1em
}

.card .content .address_tip i.fa {
  margin-right: 0.5em;
  font-size: 1.5em
}

.card .content .address_tip .tip i.fa {
  margin-left: 0;
  font-size: 1em
}

.card .avatar {
  float: left;
  width: 80px;
  border-radius: 50%;
  margin: 0 1em 1em 0
}

.card .tip {
  color: #a0ce4e;
  font-size: 0.9em
}

.card .tip i {
  margin-right: 0.5em
}

.card .actions {
  overflow: hidden;
  padding: 0 1.5em 1em;
}

.card .actions a {
  float: right;
  margin-right: 1em;
  padding-top: 0.6em;
  font-size: 14px
}

.card .info a.phone {
  color: #0093E7
}

.card .actions a.button {
  padding: 0.5em 1em;
  text-align: center;
  width: 20%
}

.card.waiting_for_payment .title, .card.waiting_for_expert .title, .card.waiting_for_time .title, .card.paid .title {
  background-color: white;
  color: #a0ce4e
}

.card .order_state {
  color: #ff8800;
}

.card .order_state, .card .order_state_success, .card .order_state_quit {
  font-weight: bold;
  padding: 5px 0;
  font-size: 20px;
}

.card .order_state_success {
  color: #83b900;
}

.card .order_state_quit {
  color: #999;
}

@media (max-width: 700px) {
  .card .actions a {
    float: none;
    margin: 0 1em 0 0
  }

  .card .info {
    margin-left: 75px;
  }

  .card .avatar {
    float: left;
    width: 60px;
    border-radius: 50%;
    margin: 0 1em 1em 0
  }

  .card {
    background: #f7f7f7;
    box-sizing: border-box;
    border: 1px solid #e4e4e4;
  }

  .card .content {
    padding: 1.2em;
  }

  .card .actions a.button {
    display: block;
    float: left;
    width: 100%;
  }
  .orders #content_wrapper .container .col_main .card_wrapper .card .actions a.button{
    display: inline-block;
    float: right;
    width: 44%;
  }
}

.comments img {
  float: left;
  width: 3em;
  height: 3em;
  border-radius: 50%;
}

.comments span, .comments time {
  font-size: 0.8em;
  margin-left: 0.5em;
  color: #999
}

.comments time {
  float: right;
  margin-top: 0.2em
}

.comments .comment {
  overflow: hidden;
  padding-top: 1em;
  border-top: 1px solid #ebebeb;
  clear: both;
}

.comments .comment .text {
  padding-left: 70px;
}

.comments .comment .text p {
  margin-top: 0.5em
}

.comments .comment .text .sub_comment .text {
  margin-top: 0.5em
}

.comments .comment .info {
  padding-bottom: 1em;
  font-size: 0.8em
}

.comments .comment:first-child {
  padding-top: 0.7em;
  border: 0 none
}
.comments .comment .text p a{
  color:#444;
  text-decoration:underline;
}
@media (max-width: 700px) {
  /*.comments .comment .text .sub_comment .text {
    margin-top: 0.1em
  }*/
  .comments .comment .text .sub_comment .text p {
    /*margin-left: -2em*/
  }

  .comments span, .comments time {
    margin-right: 8px
  }

  .comment img {
    width: 30px;
    height: 30px
  }
}

.filter {
  margin-top: 2em;
  overflow: hidden
}

.filter a {
  float: left;
  text-align: center;
  color: #555555;
  text-decoration: none;
  margin-right: 1.3em;
  height: 2em;
  line-height: 2.2em;
  border-bottom:2px solid #fff;
}

.filter a.active {
  color: #1dc35f;
  border-bottom: 2px solid #1dc35f;
}

.filter a:hover {
  color: #83b900;
}

.filter a span {
  display: inline-block;
  margin-left: 0.3em;
  color: #999;
  font-size: 0.9em;
  margin-top: -0.1em
}

.filter a span::before {
  content: "("
}

.filter a span::after {
  content: ")"
}

.filter .actions {
  float: right;
  background: #00a2ff;
}

.filter .actions a.active {
  background: none;
  color: #fff;
  border: 0 none;
  text-decoration: none;
  width: 100%;

+padding-left: 20px;
+line-height: 29px;
}

.filter .actions a.active:hover {
  color: #fff;
}

.filter .actions a.active:before {
  content: "+";
  color: white;
  padding: 0.2em 0.5em;
  margin-right: 0.5em
}

@media (max-width: 700px) {
  .filter {
    margin-top: 1em
  }

  .filter a:hover {
    color: #555;
  }
}

.footer {
  clear: both;
  overflow: hidden;
  background: #424343;
  color: #c5c5c5;
  padding-top: 1em;
  margin-top: 2em;
  margin: 50px auto 0 auto;
  text-align: center;
}

.footer .item {
  float: left;
  width: 23%;
  padding: 0 1%;
  margin-bottom: 1em;
  font-size: 0.8em;
  text-align: left;
  color: #A0A0A0
}

.footer ul {
  width: 1000px;
  text-align: center;
  margin: 0 auto;
}

.footer h1 {
  color: #CeCeCe
}

.footer .item img {
  width: 85%;
  margin: 0 auto;
}

.footer h5 {
  color: #fff;
  font-size: 1.2em;
  margin: 0 0 1em;
  font-weight: normal;
}

.footer a {
  display: block;
  color: #c5c5c5;
  text-decoration: none
}

.footer a:hover {
  text-decoration: underline
}

.footer .copyrights {
  clear: both;
  font-size: 0.8em;
  border-top: 1px solid #565656;
  padding: 0.5em 1em
}

@media (max-width: 700px) {
  .footer .item {
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #999
  }

  .footer h5 {
    color: #00a2ff;
  }

  .footer {
    background: #f7f7f7;
    margin-bottom: 0;
  }

  .questions_index.footer {
    margin-bottom: 65px
  }

  .pages_home .footer {
    margin-bottom: 50px
  }

  .experts_show .footer, .questions_index .footer, .orders_new .footer {
    margin-bottom: 65px
  }

  body .experts_index .footer, body .activities_index .footer {
    margin-bottom: 50px
  }

  .footer .copyrights {
    border-top: 1px solid #ebebeb
  }

  .footer ul {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none
  }

  .footer img {
    margin-bottom: 15px;
  }

  .footer .item a {
    display: inline-block;
    margin: 0 1em;
    color: #666
  }
}

form {
  display: block;
  font-size: 1em;
  overflow: hidden
}

form h2 {
  font-size: 1em
}

form legend {
  margin-top: 1em;
  display: block;
  width: 100%;
  border-bottom: 1px dashed #d2d3d4;
  font-size: 1.2em;
  padding-bottom: 8px;
}

form a {
  color: #1B7FF0;
}

form .input {
  margin-bottom: 1em
}

form .input a {
  margin-left: 0.5em
}

form .nested-fields .right input {
  float: left;
  width: 90%
}

form .nested-fields .right a.remove_fields {
  float: right;
  line-height: 2.4em
}

form .nested-fields .col_55 {
  margin-bottom: 1em
}

form .error {
  clear: both;
  display: block;
  color: #b74b4a
}

form .hint {
  clear: both;
  display: block
}

form.write {
  margin-top: 3em
}

label {
  display: block;
  color: #333;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

input, textarea {
  display: block;
  width: 100%;
  border: 1px solid #d2d2d2;
  padding: 0.6em;
  box-sizing: border-box !important;
  color: #333;
  font-size: 17px;
  line-height: 1.5em;
+line-height: 0.9em;
}

.radio_checkbox, .radio_buttons, .check_boxes {
  clear: both;
  overflow: hidden
}

.radio_checkbox label.radio_buttons, .radio_checkbox label.check_boxes, .radio_buttons label.radio_buttons, .radio_buttons label.check_boxes, .check_boxes label.radio_buttons, .check_boxes label.check_boxes {
  display: block;
  width: 100%;
  margin-top: 1em
}

.radio_checkbox input, .radio_buttons input, .check_boxes input {
  display: inline;
  width: auto;
  margin: 0 0.3em 0 0.2em;
  box-shadow: none
}

.radio_checkbox label, .radio_buttons label, .check_boxes label {
  float: left;
  margin: 0.5em 1em 0 0
}

.radio_checkbox.first, .radio_buttons.first, .check_boxes.first {
  margin-top: 0
}

button, .button {
  display: inline-block;
  text-align: center;
  background: #00a2ff;
  color: #fff !important;
  border: 0 none;
  border-radius: 3px;
  padding: 0.5em 0em;
+padding: 0;
+margin: 0;
  margin: 1em 1em 1em 0;
  cursor: pointer;
  text-decoration: none;
  font-size: 1.2em;
  width: 100%;
}

.btWhite {
  display: inline-block;
  text-align: center;
  background: none;
  color: #555 !important;
  border: 0 none;
  border-radius: 3px;
  width: auto;
  padding: 0.7em 0em;
  margin: 1em 1em 1em 0;
  cursor: pointer;
  text-decoration: none;
  font-size: 1.2em;
  width: 100%;
}

.button.btWhite:hover {
  background-color: transparent
}
button:last-child, .button:last-child {
  margin-right: 0
}

button.medium {
  padding: 0.8em 5em
}

@media (max-width: 700px) {
  button.medium {
    display: none;
  }
  button:hover, .button:hover {
    background: #71CC5A;
  }
  button, .button {
    background: #71CC5A;
  }
}

button.plus, .button.plus {
  width: 100%;
  height: 3em;
  line-height: 2em;
+line-height: 3em;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer
}

form.inline input, form.inline textarea, form.inline select {
  margin-top: 1em
}

.button_group_1, .button_group_2 {
  /*box-shadow: 0 -1px 4px darkgrey;*/
  border-top: 1px solid #D2D2D2;
}

.button_group_1 .button, .button_group_2 .button {
  float: left !important;
  width: 50% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  /*background-color: #a0ce4e;*/
  color: white;
  padding: 0.8em 2em;
  text-align: center
}

.button_group_1 .button:nth-child(2), .button_group_2 .button:nth-child(2) {
  background-color: whitesmoke;
  color: #a0ce4e !important
}

.button_group_1 .button i.fa, .button_group_2 .button i.fa {
  width: 1em;
  margin-right: 0.5em
}

.button_group_1 .button {
  float: none !important;
  width: 100% !important
}

.fixed_bottom_placeholder {
  display: none
}

@media (max-width: 700px) {
  .button_group_1.fixed_bottom, .button_group_2.fixed_bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    background: #fff;
  }

  .button_group_1 {
    display: none
  }

  .fixed_bottom_placeholder {
    display: block;
    height: 51px
  }
}

.header {
  overflow: hidden;
  padding: 30px 0;
  position: relative;
  z-index: 1;
  background: #ffffff;
  left: 0;
  right: 0;
  top: 0;
  /*box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);*/
  /*transition: top 0.2s;*/
}
.headerWrapper{
  width:1100px;
}
.header a {
  text-decoration: none;
  color: #444
}

.header .logo {
  float: left;
  font-size: 1.4em
}

.header .logo img {
  width: 360px;
  height: 55px;
  margin-right: 0.3em;
}

.fade-out {
  top: -5em !important
}

/*nav*/
.navbar {
  position: absolute;
  top: 0;
  right: 0;
  /*font-size: 0.9em;*/
  /*margin-top: 0.6em;*/
  z-index: 1;
  transition: top 0.2s
}

.navbar .sideTitle_1, .navbar .sideTitle_2 {
  display: none
}

.navbar.wNav {
  z-index: 3;
  width: 826px;
  width: 800px\9;
}

.navbar.wNav .menu.mbasic {
  position: relative;
  font-size: 16px;
  float: left;
  margin-left: 0;
  padding: 0px 24px;
  /* margin-top: -1.3em; */
  height: 82px;
  /*overflow: hidden;*/
  line-height: 82px;
}

.navbar .menu.mbasic .coupinTips {
  position: absolute;
  left:0;
  top:16px;
  width: 105px;
  height: 28px;
  /*background: url(http://static.ydlcdn.com/v2/images/nav_coupinTips.png) no-repeat;*/
  background-image: url('http://static.ydlcdn.com/v2/images/nav_coupinTips.png');
  background-size: cover;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.ydlcdn.com/v2/images/nav_coupinTips.png',  sizingMethod='scale');
  /*-webkit-background-size: 100%;*/
  /*background-size: 100%;*/
}

.navbar.wNav .menu.mbasic:nth-child(8){
  margin-right: 10px;
}

.navbar.wNav .menu.login {
  padding:0;
  color: #00a2ff;
  height: 30px;
  width: 55px;
  text-align: center;
  line-height: 30px;
  border: 1px solid #00a2ff;
  margin-top: 40px;
  margin-left: 10px;
}

.navbar.wNav .menu.mbasic.login:hover {
  color: #fff;
  background: #00a2ff;
}

.navbar.wNav .menu.active {
  border-bottom: 2px solid #83b900
}

.navbar.wNav .menu.mbasic a {
  line-height: 115px;
  height: 115px;
  display: inline-block
}

.navbar.wNav .menu.mbasic i.fa {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.navbar.wNav .menu.mbasic.user_center {
  /*width: 10em;*/
  /*padding: 1.6em 1em;*/
  float: right;
  padding-right: 0
}

.navbar.wNav .menu.mbasic.user_center .avatar {
  float: left;
  margin-right: 0.5em;
+margin-top: 20px;
}

.navbar.wNav .menu.mbasic.user_center .avatar img {
  height: 2em;
  width: 2em;
  border-radius: 50%
}

.navbar.wNav .menu.mbasic.user_center .name {
  float: left;
  font-size: 0.8em;
  /*margin-top: 0.5em;*/
  white-space: nowrap;
  overflow: hidden;
  max-width: 6.5em;
  text-overflow: ellipsis
}

.navbar.wNav .menu.mbasic.user_center i.fa {
  margin-top: 0.8em;
  font-size: 0.8em
}

.navbar.wNav .menu.mbasic.user_center .menu.secondary {
  width: 120px;
}

.navbar.wNav .menu.mbasic.job_notice {
  margin-right: 0.5em;
  padding-top: 1em;
  background-color: floralwhite
}

.navbar.wNav .menu.mbasic.job_notice span {
  vertical-align: super;
  background-color: #ff5757;
  color: white;
  padding: 0px 6px;
  border-radius: 4px;
  margin-left: 5px;
  font-size: 0.8em
}

.navbar.wNav .menu.mbasic.job_notice:hover {
  cursor: pointer;
  /*background-color:antiquewhite;*/
}

.navbar.wNav .menu.mbasic.job_notice:hover > a, .navbar.wNav .menu.mbasic.job_notice:hover i.fa {
  color: #444
}

.navbar.wNav .menu.mbasic .menu.secondary {
  display: none;
  position: absolute;
  top: 5em;
  background-color: white;
  width: 100%;
  left: 10px;
  box-sizing: border-box;
  border: 1px solid #CCC;
  padding: 0.3em 0;
  margin-top: -4px;
  z-index: 99999;
  width: 120px;
}

.navbar.wNav .menu.mbasic .menu.secondary a {
  float: left;
  padding: 10px;
  line-height: 20px;
  height: 20px;
  width: 98px;
}

.navbar.wNav .menu.mbasic .menu.secondary a:hover {
  color: #83b900;
  background: #f6f6f6
}

.navbar.wNav .menu.mbasic:hover {
  /*background-color: #00a2ff;*/
  color: #83b900
}

.navbar.wNav .menu.mbasic:hover > a, .navbar.wNav .menu.mbasic:hover i.fa {
  /*color: white*/
  color: #83b900
}

.navbar.wNav .menu.mbasic:hover .menu.secondary {
  display: block
}

@media (max-width: 700px) {
  .header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 0 10px;
    z-index: 7;
    background: #fcfcfc;
    /*box-shadow:0 0 5px #E0E0E0;*/
    border-bottom: 1px solid #dddddd;
    height: 45px;
  }

  .header i.menu {
    color: #9E9E9E;
    cursor: pointer;
    font-size: 2em;
    margin-right: 0;
    margin-top: 0.2em;
  }

  .header .logo {
    font-size: 1.5em;
    margin-right: 0;
    margin-top: 0em
  }

  .header .logo span {
    font-size: 0.8em;
    margin-left: 0.2em
  }

  .header .title {
    position: absolute;
    /*top: 0.6em;*/
    left: 50%;
    width: 8em;
    margin-left: -4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: -1;
    text-align: center;
    font-size: 18px;
    line-height: 45px;
  }

  /*.header.menu_on {
    left: -60%;
    right: 60%
  }*/

  .header .menu {
    float: right;
    font-size: 1.6em;
    color: rgba(128, 128, 128, 0.82);
    z-index: auto
  }

  .navbar {
    background: #fafafa;
    padding: 4%;
    position: fixed;
    top: -440px;
    right: 0;
    font-size: 1em;
    margin-top: 0.6em;
    z-index: 6;
    transition: top 0.2s;
    width: 92%;
  }

  .navbar .side-title {
    border-top: 1px solid #e3e3e3;
    color: #cccccc;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
  }

  .navbar a {
    display: block;
    line-height: 40px;
    margin-top: 0;
    text-align: center;
  }

  .header .logo img {
    width: 360px;
    height: 55px;
    margin-right: 0.3em;
  }
}

.banner {
  overflow: hidden;
  background-size: cover;
  text-align: center
}

.banner a, .banner span {
  color: #fff
}

.banner h2 {
  margin: 3em auto 0;
  padding: 0.2em;
  font-size: 2em;
  color: #fff;
  line-height: 1.6
}

.banner h2.only_title {
  margin-top: 1em;
  margin-bottom: 1em
}

.banner p {
  margin: 1em 0 0;
  color: #fff
}

.banner .actions {
  overflow: hidden;
  margin: 2em auto 0;
  width: 60%;
  padding-bottom: 9em
}

.banner .actions a {
  margin: 0 1em 0;
  display: inline-block;
  width: 8em;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 0.5em 0.8em;
  border: 1px solid #fff;
  border-radius: 4px;
  margin-bottom: 1em;
  background: transparent
}

.banner .actions a.active {
  background: #a0ce4e;
  border-color: #a0ce4e
}

.banner .actions a.active:hover {
  background: #80b922
}

.banner .actions a.active i {
  margin-left: 0.5em;
  vertical-align: middle
}

.listening .banner h2 {
  margin: 1.2em auto 0em;
  font-weight: normal;
  font-size: 50px;
}

.listening .banner p {
  font-size: 1.2em;
  margin: 0
}

.listening .banner .actions {
  padding-bottom: 4em;
  margin-top: 15px;
}

@media (max-width: 700px) {
  .banner .navbar.login_in {
    background: rgba(40, 82, 108, 0.95)
  }

  .banner h2 {
    font-size: 1em;
    width: 100%;
    margin-top: 2em
  }

  .listening .banner h2 {
    margin: 1em auto 0em;
    display: none;
  }

  .listening .user_comments .comments .item:nth-child(1), .listeners .user_comments .comments .item:nth-child(1) {
    float: left;
    width: 76%;
    margin-left: 4%;
    font-size: 13px;
    padding-top: 2em;
    padding-bottom: 2em;
    margin-bottom: 2em;
  }

  .banner p {
    font-size: 0.8em
  }

  .listening .banner p {
    width: 80%;
    margin: 20px auto 0 auto;
  }

  .banner .actions {
    width: 100%;
    padding-bottom: 2em
  }
}

.labels {
  overflow: hidden;
  margin-top: 1.5em
}

.col_main .labels {
  overflow: hidden;
  margin: 2em 0 0 0;
  border-top: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
  padding: 10px 0;
  font-size: 12px;
}

.col_main .labels a:hover {
  text-decoration: underline;
}

/*m footer bt*/
.mButton {
  background-color: #71CC5A;
  border-radius: 3px;
  color: #FFFFFF;
  display: block;
  font-size: 20px;
  font-weight: 400;
  height: 46px;
  line-height: 46px;
  text-align: center;
  margin: 10px 10px;
}

.labels p {
  margin: 0
}

.col_main .labels a {
  margin-right: 1em;
  line-height: 200%;
}

.labels a {
  color: #747474;
  margin-right: 0.5em;
  text-decoration: none;
}

.labels a.active {
  color: rgb(3, 3, 3);
  background-color: #E7E7E7;
  padding: 0.2em 0.5em;
}

.labels a.tag {
  display: inline-block;
  font-size:14px;
}

@media (max-width: 700px) {
  .labels {
    font-size: 0.8em
  }

  .col_main .labels {
    font-size: 14px;
    margin-top: 10px;
  }
}

.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 1em;
  background: rgba(0, 0, 0, 0.5);
  outline: 0;
  z-index: 100
}

.modal-dialog {
  margin: 2.5em auto;
  background: #FFFFFF;
  max-width: 550px;
  border-radius: 3px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.modal-dialog.matching {
  width: 305px
}

.modal-dialog.matching a.button.right {
  margin-right: 0
}

.modal-dialog .fa-close {
  float: right;
  cursor: pointer;
  padding: 0.2em 1em 0
}

.modal-dialog .title {
  padding:1em 0em 1em 1em;
  font-size: 1.2em;
  border-bottom: 1px solid #ebebeb
}

.modal-dialog .content {
  padding: 0 1em 1em
}

.modal-dialog .content .text {
  margin: 1em 0
}

.modal-dialog .content .radio_checkbox {
  margin-top: 0
}

.modal-dialog .content .radio_checkbox label {
  margin-top: 0
}

.modal-dialog .content video {
  margin: 1em 0
}

.tabs {
  clear: both;
  overflow: hidden
}

.tabs .titles {
  overflow: hidden;
  border-left: 1px solid #F1F2F2;
  border-right: 1px solid #F1F2F2;
}

.tabs .titles .title {
  display: table-cell;
  padding: 0.5em 1em;
  background: #F1F2F2;
  color: #747474;
  cursor: pointer;
  border-top: 3px solid #F1F2F2;
  border-bottom: 1px solid #F1F2F2;
  width: 1%;
  text-align: center;
  font-size: 1em
}

.tabs .titles .title.active {
  background: #fff;
  border-top-color: #a0ce4e;
  border-bottom-color: #fff;
  cursor: auto;
+width: 100%;
}

.tabs .contents {
  clear: both;
  border-left: 1px solid #F1F2F2;
  border-right: 1px solid #F1F2F2;
  border-bottom: 1px solid #F1F2F2;
  padding: 1em;
  overflow: hidden
}

.tabs .contents .content {
  display: none;
  overflow: hidden;
  width: 100%
}

.tabs .contents .content.active {
  display: block
}

.tabs.inline .titles {
  border: 0 none
}

.tabs.inline .titles .title {
  display: block;
  float: left;
  width: auto;
  border: 1px solid #C5C5C5;
  background: #fff;
  color: #909090;
  margin: 0 1em 1em 0;
  border-radius: 3px
}

.tabs.inline .titles .title.active {
  background: #a0ce4e;
  color: #fff;
  border: 1px solid #a0ce4e
}

.tabs.inline .contents {
  border: 0 none;
  padding: 0
}

.toggle {
  font-size: 0.8em;
  margin-bottom: 1.5em;
  padding: 0.6em 0.8em;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  background: #fdfdfd;
  border-radius: 1px
}

.toggle .title {
  height: 2em;
  line-height: 2em;
  cursor: pointer
}

.toggle .title i {
  float: right;
  line-height: 2em
}

.toggle .title .fa-chevron-up {
  display: none
}

.toggle .title span:nth-child(1) {
  float: left;
  margin-right: 1em
}

.toggle .title span:nth-child(2) {
  display: inline-block;
  padding: 0 0.8em;
  background: #a0ce4e;
  color: white;
  border-radius: 9px;
  white-space: nowrap;
  max-width: 50%;
  text-overflow: ellipsis;
  overflow: hidden
}

.toggle .title span.none {
  background: #f2f2f2;
  color: gray
}

.toggle .content {
  display: none;
  overflow: hidden;
  padding: 0.5em 0
}

.toggle .content strong.clear {
  padding: 0.5em 0.3em 0
}

.toggle .content a {
  display: block;
  color: #747474;
  text-decoration: none;
  padding: 0 0.3em
}

.toggle .content a i {
  margin-right: 0.5em
}

.toggle .content a.info {
  padding: 1em 0 0;
  color: #a3a3a3
}

.toggle .content a.info i {
  color: #a0ce4e
}

.toggle .content a:hover, .toggle .content a.active {
  color: #a0ce4e
}

.toggle .cols4 a {
  float: left;
  width: 21%
}

.toggle.active .title {
  color: #a0ce4e
}

.toggle.active .title .fa-chevron-down {
  display: none
}

.toggle.active .title .fa-chevron-up {
  display: block
}

.toggle.active .content {
  display: block
}

.box .content .author {
  border-top: 1px solid #f2f2f2;
  display: block;
  font-size: 0.8em;
  color: #888;
  padding: 0.5em 1em;
}

.box .content .author img {
  float: left;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  margin-right: 1em;
  opacity: 0.8
}

.box .content .author .text {
  padding-left: 4em
}

.box .content .author span {
  font-size: 0.8em;
  margin-left: 0.5em;
  color: #999
}

.box .content .video {
  padding-bottom: 1em
}

.box .content .video iframe {
  width: 100%
}

.box .content .tags div.tag {
  float: left;
  margin-right: 0.5em;
}

.box .content .info {
  padding: 0.5em 0
}

.box .content .info time {
  margin-right: 0.5em
}

.experts_index .experts_list .expert, .experts_quick_match .experts_list .expert {
  display: block;
  overflow: hidden;
  margin-top: 1.5em;
  color: #666;
  text-decoration: none;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

.experts_index .experts_list .expert .myprice {
  font-size: 14px;
  font-size: 14px;
  margin-top: 10px;
  /* background-color: #F3F3F3; */
  border-top: 1px dashed #ebebeb;
  padding-top: 10px
}

.experts_index .experts_list .expert .myprice i {
}

.experts_list .breaker-price {
  border-radius: 15px;
  padding: 0 15px;
  height: 30px;
  background: #87dd7b;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  margin-top: 5px;
  position: absolute;
  right: 0;
  top: 0;
}

.breaker-price2 {
  position: absolute;
  left: 250px;
  top: 3px;
  border-radius: 15px;
  padding: 0 2px 0 15px;
  height: 30px;
  background: #87dd7b;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  margin-top: 5px;
}

.breaker-price2 i {
  margin-right: 0;
}

.breaker-price2 a, .breaker-price a {
  color: #fff;
}

.breaker-price2 a:hover, .breaker-price a:hover {
  text-decoration: underline;
}

.experts_index .experts_list .expert .myprice em, .experts_show .price em {
  text-decoration: line-through;
  font-style: normal;
  line-height: 42px;
  margin-right: 10px;
  color: #999;
}

.experts_list .breaker-price i {
  display: inline-block;
  margin: 5px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #fff;
  font-style: normal;
  color: #87dd7b;
  line-height: 20px;
  text-align: center;
}

.experts_index .experts_list .expert .myprice span {
  margin-right: 15px;

}

.experts_index .experts_list .expert img, .experts_quick_match .experts_list .expert img {
  width: 20%;
  margin-bottom: 1em;
  border-radius: 50%;
  float: left;
}

.experts_index .experts_list .expert .summary, .experts_quick_match .experts_list .expert .summary {
  float: right;
  width: 80%;
+width: 74%;
  padding-left: 1em;
  box-sizing: border-box
}

.experts_index .experts_list .expert .summary strong, .experts_quick_match .experts_list .expert .summary strong {
  display: block;
  font-size: 20px;
  color: #333
}

.experts_index .experts_list .expert .summary strong .weak, .experts_quick_match .experts_list .expert .summary strong .weak {
  font-size: 0.7em;
  margin-left: 0.7em;
  font-weight: 200;
  color: #747474;
  display: inline-block
}

.experts_index .experts_list p {
  margin-top: 8px;
  margin-bottom: 0
}

.experts_index .experts_list .expert .summary .content, .experts_quick_match .experts_list .expert .summary .content {
  overflow: hidden;
  font-size: 14px;
  margin-bottom: 1.5em;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 10px;
}

.experts_index .experts_list .expert .info, .experts_quick_match .experts_list .expert .info {
  clear: both;
  border-top: 1px solid #d2d3d4;
  border-bottom: 1px solid #d2d3d4;
  padding: 0.2em;
  font-size: 0.8em
}

.experts_index .expert .content i {
  margin: 0 0.3em 0 0.1em
}

.experts_index .experts_list .expert .info i:first-child, .experts_quick_match .experts_list .expert .info i:first-child {
  margin-left: 0
}

.experts_index .experts_list .apply-button, .experts_quick_match .experts_list .apply-button {
  clear: both;
  border-bottom: 1px solid #d2d3d4
}

.experts_index .experts_list .apply-button a.button, .experts_quick_match .experts_list .apply-button a.button {
  margin: 0 0 1em 0
}

.experts_index .experts_filters h4, .experts_quick_match .experts_filters h4 {
  font-size: 1.2em;
  font-weight: lighter;
  margin-top: 2em;
  margin-bottom: 1em;
  color: #747474
}

.experts_index .experts_filters h4.search, .experts_quick_match .experts_filters h4.search {
  cursor: pointer
}

.experts_index .experts_filters h4.search i, .experts_quick_match .experts_filters h4.search i {
  margin-right: 0.5em
}

.matching-mode {
  margin: 1em auto;
  width: 60%
}

.matching-mode .title {
  margin: 0 auto 1em auto;
  text-align: center
}

.matching-mode a {
  display: block;
  margin: 2em 0;
  border-radius: 6px;
  background-color: #eee;
  padding: 1em 2em 2em;
  color: #747474
}

.matching-mode a:hover {
  color: #f6f6f6;
  background-color: #a0ce4e
}

.matching-mode a i {
  display: inline-block;
  vertical-align: text-top
}

.matching-mode a .text {
  display: inline-table;
  margin: 0 3em
}

.matching-mode a .text h3 {
  margin: 1em 0 0.5em 0
}

.matching-mode a .text p {
  margin: 0;
  font-size: 0.9em
}

.experts_quick_match .experts_list .expert img {
  float: none;
  border-radius: 0;
  margin: 0 0 1em 0
}

@media (max-width: 700px) {
  .tabs .contents {
    clear: both;
    border-left: 1px solid #F1F2F2;
    border-right: 1px solid #F1F2F2;
    border-bottom: 1px solid #F1F2F2;
    padding: 0em;
    overflow: hidden
  }

  .experts_index .experts_list .expert img {
    width: 20%;
    float: left;
  }

  .modal-dialog .title {
    padding: 0.5em 0em 0.4em 1.2em;
  }

  .tabs.inline .titles .title {
    margin: 0 1em 1em 0;
  }

  .experts_list .breaker-price {
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    height: 26px;
    background: #87dd7b;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    float: left;
  }

  .experts_list .breaker-price i {
    display: none;
  }

  .experts_index .experts_list .expert .myprice {
    position: inherit;
    clear: both;
    font-size: 13px;
    color: #999;
    display: block;
  }

  .experts_index .experts_list .expert .myprice span {
    font-size: 12px;
    color: #666;
  }

  .breaker-price2 {
    position: initial;
    /* left: 190px; */
    /* top: 3px; */
    border-radius: 15px;
    padding: 0 2px 0 15px;
    height: 30px;
    background: #87dd7b;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    margin-top: 0px;
    width: 240px;
    margin-bottom: 15px;
    margin-left: 20px;
  }

  .experts_index .experts_list .expert {
    background: url(../../v3/images/icon_arrow@2x.png) no-repeat right 10px;
    background-size: 15px 20px;
  }

  .experts_index .experts_list .expert .summary .content {
    margin-top: 5px;
    clear: both;
  }

  .experts_index .experts_list .expert .myprice em {
    font-size: 13px;
  }

  .experts_index .experts_list .expert .summary {
    width: 80%;
  }

  .experts_index .experts_list .expert .summary strong {
    font-size: 20px
  }

  .experts_index .experts_filters a.enter_big {
    display: none
  }

  .experts_index .experts_filters h4 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 0.8em;
    color: #a0ce4e
  }

  .matching-mode {
    margin: 1em auto;
    width: 100%
  }

  .matching-mode .title {
    margin: 0 auto;
    text-align: center
  }

  .matching-mode a {
    padding: 1em;
    margin: 1em 0
  }

  .matching-mode a i {
    font-size: 3em;
    display: block;
    text-align: center
  }

  .matching-mode a .text {
    display: block;
    margin: 0;
    text-align: center
  }

  .matching-mode a .text h3 {
    margin: 0.5em 0
  }

  .matching-mode a .text p {
    margin: 0;
    font-size: 0.9em
  }
}

.experts_show .expert .box.full.color {
  padding: 2em
}

.experts_show .expert .box.full.color .actions {
  border-width: 1px
}

.experts_show .expert .container, .experts_show .expert .filter, .experts_show .expert .labels {
  padding-top: 2em
}

.experts_show .expert .container > .title, .experts_show .expert .filter > .title, .experts_show .expert .labels > .title {
  font-size: 1.2em;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 1.5em;
  line-height: 40px;
}

.experts_show .expert .container > .title .right, .experts_show .expert .filter > .title .right, .experts_show .expert .labels > .title .right {
  font-size: 0.9em;
  color: #a0ce4e
}

.experts_show .expert .container > .title:after, .experts_show .expert .filter > .title:after, .experts_show .expert .labels > .title:after {
  content: "";
  width: 5em;
  display: block
}

.experts_show .expert .container .sub_title, .experts_show .expert .filter .sub_title, .experts_show .expert .labels .sub_title {
  margin-top: 2em;
  margin-bottom: 0em;
  font-weight: bold;
}

.experts_show .expert .container .sub_title i, .experts_show .expert .filter .sub_title i, .experts_show .expert .labels .sub_title i {
  background: #8cd310;
  color: #fff;
  width: 2em;
  text-align: center;
  font-size: 0.8em;
  margin-top: -0.2em;
  padding: 0.6em 0.2em;
  margin-right: 1em;
  border-radius: 3px;
}

.expert_detail_box {
  display: block;
  overflow: hidden;
  clear: both;
  max-width: 1000px;
  padding: 1.6em 2em;
  margin: 1em auto;
  box-sizing: border-box;
  border: 1px solid #ededed;
  border-top: 3px solid #8cd310;
}

.experts_show .expert .container .content, .experts_show .expert .filter .content, .experts_show .expert .labels .content {
  padding: 0.5em 0 0 2.8em;
  margin-bottom: 1em
}

.experts_show .expert .container .content p:first-child, .experts_show .expert .filter .content p:first-child, .experts_show .expert .labels .content p:first-child {
  margin-top: 0
}

.experts_show .expert .about {
  padding-top: 1em;
  position: relative
}

.experts_show .expert .container.video .col_55 a.box.list, .experts_show .expert .video.filter .col_55 a.box.list, .experts_show .expert .video.labels .col_55 a.box.list {
  padding: 0;
  margin-bottom: 1.5em;
  margin-top: 0
}

.experts_show .expert .container.video .col_55 a.box.list:before, .experts_show .expert .video.filter .col_55 a.box.list:before, .experts_show .expert .video.labels .col_55 a.box.list:before {
  content: "+";
  background: #a0ce4e;
  color: white;
  margin-right: 0.7em;
  padding: 0.2em 0.6em
}

.experts_show .expert .container.video .video, .experts_show .expert .video.filter .video, .experts_show .expert .video.labels .video {
  position: relative
}

.experts_show .expert .container.video .video img, .experts_show .expert .video.filter .video img, .experts_show .expert .video.labels .video img {
  width: 100%
}

.experts_show .expert .container.video .video i.fa, .experts_show .expert .video.filter .video i.fa, .experts_show .expert .video.labels .video i.fa {
  position: absolute;
  left: 1.6em;
  top: -1.9em;
  opacity: 2.8;
  font-size: 6em
}

.experts_show .expert .column {
  padding-bottom: 0
}

.experts_show .expert .column > .title {
  margin-bottom: 3em
}

.experts_show .col_55, .experts_show .col_100 {
  margin-top: 2em;

}

.experts_show .col_sub, .experts_show .col_main {
  margin-top: 4em;
  margin-bottom: 2em
}

.experts_show .col_sub.avatar, .experts_show .col_main.avatar {
  float: left;
  padding-left: 0
}

.experts_show .avatar {
  position: relative
}

.experts_show .avatar img {
  width: 80%;
}

.experts_show i {
  width: 1em;
  margin-right: 0.5em;
  text-align: center
}

.experts_show .info .name {
  font-weight: bold;
  font-size: 1.4em
}

.experts_show .info .name a {
  margin-left: 1em;
  font-weight: normal;
  font-size: 0.8em;
  color: #747474;
  text-decoration: none
}

.experts_show .info .name a i {
  margin-right: 0.5em;
  color: #a0ce4e
}

.experts_show .info .locations {
  padding: 0.5em 0;
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4
}

.experts_show .info .price, .experts_show .container .price {
  color: #f80
}

.experts_show .info .certifications {
  margin-top: 0.5em;
  position: relative;
}

.experts_show .container .price span {
  color: #ADADAD;
  font-size: 14px;
  padding-left: 5px;
}

.experts_show .info .button {
  font-size: 1.2em
}

.experts_show .overall {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical
}

.experts_show .overall .more {
  color: #a0ce4e;
  position: absolute;
  left: 2em;
  bottom: 2em;
  cursor: pointer
}

.experts_show .overall.active {
  -webkit-line-clamp: inherit
}

.experts_show .button {
  padding: 0.4em 2em;
  width: 30%;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 0
}

.orders .button {
  padding: 0.4em 2em;
+padding: 0;
  width: 30%;
  box-sizing: border-box;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0.5em
}

.orders #content_wrapper .container .col_sub .button {
  width: 100%;
}

a.wepay, a.button.wepay {
  text-decoration: none;
  background: #00c300;
  border: 1px solid #00c300
}
a.wepay, a.button.alipay {
  text-decoration: none;
  background: #00a2ff;
  border:none;
}
a.button.online_pay {
  text-decoration: none;
}
a.bankpay, a.button.bankpay {
  text-decoration: none;
  color: #444 !important;
  background: #fff;
  border: 1px solid #dddddd
}
.experts_show .left_border {
  background: white
}

.experts_show .left_border span {
  position: absolute;
  line-height: 0;
  font-size: 4em;
  color: #d2d3d4;
  margin-top: 0.3em;
  margin-left: -0.8em
}

.experts_show .left_border span.right {
  position: relative
}

.experts_show .left_border p {
  float: left;
  box-sizing: border-box;
  margin: 0 0 1em 0;
  width: 70%;
  padding: 0 1em
}

.experts_show .left_border a {
  float: right;
  width: 20%;
  box-sizing: border-box;
  text-align: center
}

.experts_show .summary {
  margin-top: 1em;
  overflow: hidden
}

.experts_show .summary:first-child {
  margin-top: 0
}

.experts_show .summary h3 {
  clear: both;
  border-bottom: 1px solid #d2d3d4;
  font-weight: normal;
  margin-top: 0
}

.experts_show .summary a {
  text-decoration: none
}

.experts_show .summary a:hover {
  background: whitesmoke
}

.experts_show .summary strong {
  display: block
}

.experts_show .summary p {
  margin-top: 0
}

.experts_show .summary .video {
  text-decoration: none
}

.experts_show .summary .video img {
  width: 100%
}

.experts_show .summary .video .title {
  padding-top: 0.2em;
  color: #747474;
  font-size: 1.2em
}

.experts_show .summary .article, .experts_show .summary .answer, .experts_show .summary .video {
  display: block;
  overflow: hidden;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 2em
}

.experts_show .summary .answer .more {
  margin: 0;
  padding: 0.7em 0em 0.7em 1.7em;
  color: #00a2ff;
  text-decoration: none;
  border-radius: 2px
}

@media (min-width: 700px) {
  .experts_show .summary .answer .date {
    width: 6em
  }

  .myaccount .container {
    margin: 0 auto;
  }

  .myaccount .message {
  }

  .myaccount .linebox {
    margin-top: 20px;
    border-top: 1px solid #ebebeb
  }
}

.newlinebox {
  margin-top: 20px;
  border: 1px solid #ebebeb;
  width: 1040px;
  padding: 20px 30px;
  float: left;
}

.newlinebox h1 {
  font-size: 18px;
  font-weight: normal;
  color: #666;
}

.newlinebox h3 {
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  color: #333;
}

.newlinebox ul {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

.newlinebox li {
  float: left;
  width: 400px;
  margin-right: 20px;
  padding: 20px 50px 10px 0px
}

.newlinebox .item_r {
  border-left: 1px solid #efefef;
  width: 380px;
  padding-left: 50px;
  padding-right: 10px;
}

.newlinebox li.item:last-child {
  padding-right: 0;
  border-right: none;
}

.newlinebox li img {
  width: 80px;
  float: left;
  margin-right: 20px;

}

.newlinebox p {
  margin-left: 78px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

@media (max-width: 700px) {
  .newlinebox {
    border: none;
    width: 100%;
    padding: 0px;
    margin-top: 30px
  }

  .newlinebox li {
    width: 100%;
    margin-right: 0px;
    padding: 0px;
    border-top: 1px solid #efefef;
    padding-top: 15px;
  }

  .newlinebox li img {
    width: 50px;
  }

  .newlinebox p {
    margin-left: 70px;
  }

  .newlinebox h3 {
    font-size: 20px;
  }

  .newlinebox h1 {
    font-size: 15px;
  }

  .newlinebox .item_r {
    border-left: none;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px solid #efefef;
  }

  .experts_show .expert .filter .content {
    padding: 0
  }

  .experts_show .summary .answer .more {
    display: none
  }

  .experts_show .summary .answer .date {
    display: none
  }

  .experts_show .expert .container .content, .experts_show .expert .filter .content, .experts_show .expert .labels .content {
    padding: 1em 0 0 0em;
  }

  .orders .button {
    width: 100%
  }
}

.experts_show .summary .info {
  text-align: left;
  font-size: 12px;
  margin-top: 0.8em;
  padding-bottom: 1.5em;
  clear: both;
  color: #ABABAB;
}

.experts_show .summary .info {
  padding: 0.5em 0;
}

.experts_show .summary .article .date, .experts_show .summary .answer .date{
  float: left;
  background: #1dc35f;
  color: #fff;
  text-align: center;
  padding: 0.6em;
  font-size: 0.8em;
  position: relative;
  margin-right: 2em;
  margin-top: 0.5em
}

.experts_show .summary .article .date strong, .experts_show .summary .answer .date strong, .experts_show .summary .video .date strong {
  font-size: 2em;
  line-height: 1em
}

.experts_show .summary .article .date i.fa, .experts_show .summary .answer .date i.fa, .experts_show .summary .video .date i.fa {
  display: block;
  background-color: whitesmoke;
  width: 3.6em;
  color: #a0ce4e;
  position: absolute;
  top: 2.2em;
  left: 0;
  height: 1.6em;
  font-size: 2em;
  text-align: center;
  padding-top: 0.5em
}

.experts_show .summary .article .title, .experts_show .summary .answer .title, .experts_show .summary .video .title {
  font-size: 1.2em;
  color: #000;
  margin-left: 4em
}

.experts_show .summary .article .content, .experts_show .summary .answer .content, .experts_show .summary .video .content {
  margin-left: 4.9em
}

.experts_show .summary.faqs .title:before {
  content: "Q";
  font-size: 2.5em;
  color: #80b922;
  margin-left: -1em;
  margin-top: -0.5em;
  position: absolute
}

.experts_show .summary.faqs .title {
  padding-left: 2.5em;
  color: #AAA
}

.experts_show .summary.faqs .content {
  padding: 1em 0 0 2.5em;
  margin-bottom: 1em
}

.experts_show .summary.order_times .button {
  display: block;
  margin: 1em auto 0;
  width: 5em;
  text-align: center
}

.experts_show .about {
  position: relative
}

#content_wrapper .expretQrcode {
  position: absolute;
  right: 0;
  top: 250px;
  border: 1px solid #ebebeb;
  text-align: center;
  padding: 10px;
  background: #fff
}

#content_wrapper .expretQrcode img {
  display: block;
  padding-bottom: 5px;
  width: 100px;
  height: 100px;
  line-height: 18px
}

@media (max-width: 700px) {
  .experts_show .summary .article .content, .experts_show .summary .answer .content, .experts_show .summary .video .content {
    margin-left: 0em
  }

  .experts_show .expert .container, .experts_show .expert .filter, .experts_show .expert .labels {
    padding-top: 1em;
    padding-bottom: 1em
  }

  .experts_show .expert .container > .title, .experts_show .expert .filter > .title, .experts_show .expert .labels > .title {
    font-size: 1em
  }

  .experts_show .info .button {
    display: none
  }

  .experts_show .expert .about i {
    display: none
  }

  .experts_show .expert .about .button {
    width: 100%
  }

  .experts_show .expert .about .col_sub.avatar {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center
  }

  .experts_show .expert .about .col_sub.avatar a {
    color: #a0ce4e;
    font-size: 0.9em
  }

  .experts_show .expert .about .col_sub.avatar img {
    width: 60%;
    border-radius: 50%
  }

  .experts_show .expert .about .col_main.info {
    width: 100%;
    float: left;
    margin-top: 0;
    padding-left: 1em;
    margin-bottom: 0;
    text-align: center;
    font-size: 14px;
  }

  .experts_show .expert .about .col_main.info .name {
    font-size: 1.6em
  }

  .experts_show .expert .about .col_main.info .name a {
    display: block;
    margin-left: 0
  }

  .experts_show .expert .about .col_main.info .locations {
    border: none;
    padding: 0
  }

  .experts_show .expert .about .col_main.info .certifications {
    display: none
  }

  .experts_show .expert .about .overall {
    -webkit-line-clamp: 5;
    margin-top: 0
  }

  .experts_show .expert .about .overall.active {
    -webkit-line-clamp: inherit
  }

  .experts_show .expert .about .more {
    left: 1em;
    bottom: 2em
  }

  .experts_show .expert .certifications_small {
    padding-top: 0.5em;
    margin-bottom: 0.5em
  }

  .experts_show .expert .certifications_small .item {
    display: inline-block;
    margin-right: 0.5em
  }

  .experts_show .expert .certifications_small .item i.fa {
    color: #a0ce4e;
    margin-right: 0.1em
  }

  .experts_show .expert .container.video .col_55 img, .experts_show .expert .video.filter .col_55 img, .experts_show .expert .video.labels .col_55 img {
    width: 100%
  }

  .experts_show .expert .container.video .col_55 i.fa, .experts_show .expert .video.filter .col_55 i.fa, .experts_show .expert .video.labels .col_55 i.fa {
    font-size: 4.2em
  }

  .experts_show .expert .container.video .col_55:last-child, .experts_show .expert .video.filter .col_55:last-child, .experts_show .expert .video.labels .col_55:last-child {
    display: none
  }

  .experts_show .expert .container.column .summary .article .date i.fa, .experts_show .expert .column.filter .summary .article .date i.fa, .experts_show .expert .column.labels .summary .article .date i.fa, .experts_show .expert .container.column .summary .video .date i.fa, .experts_show .expert .column.filter .summary .video .date i.fa, .experts_show .expert .column.labels .summary .video .date i.fa, .experts_show .expert .container.column .summary .answer .date i.fa, .experts_show .expert .column.filter .summary .answer .date i.fa, .experts_show .expert .column.labels .summary .answer .date i.fa {
    display: none
  }

  .experts_show .expert .container.column .summary .article .title, .experts_show .expert .column.filter .summary .article .title, .experts_show .expert .column.labels .summary .article .title, .experts_show .expert .container.column .summary .video .title, .experts_show .expert .column.filter .summary .video .title, .experts_show .expert .column.labels .summary .video .title, .experts_show .expert .container.column .summary .answer .title, .experts_show .expert .column.filter .summary .answer .title, .experts_show .expert .column.labels .summary .answer .title {
    margin-top: 0.4em
  }

  .experts_show .expert .container.column .summary .article .content, .experts_show .expert .column.filter .summary .article .content, .experts_show .expert .column.labels .summary .article .content, .experts_show .expert .container.column .summary .answer .content, .experts_show .expert .column.filter .summary .answer .content, .experts_show .expert .column.labels .summary .answer .content {
    float: left;
    margin-left: 0;
    padding-left: 0;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
  }

  .experts_show .expert .container.column > .title, .experts_show .expert .column.filter > .title, .experts_show .expert .column.labels > .title {
    margin-bottom: 0em
  }

  .experts_show .expert .box.full.color {
    padding: 0em
  }

  .experts_show .expert .box.full.color .actions {
    padding: 0.8em
  }

  .experts_show .summary .answer .content {
    margin-top: -0.2em;
    padding: 0
  }

  .expert_detail_box {
    width: 90%
  }

  .experts_show .left_border p {
    float: none;
    width: 100%
  }

  .experts_show .left_border a {
    float: none;
    display: block;
    width: 100%;
    margin-top: 2em
  }
}

.experts_show.windows .left_border span {
  margin-left: -0.5em
}

/*#weChat, #online_chat {*/
/*position: fixed;*/
/*right: 0;*/
/*bottom: 53px;*/
/*margin-right: 0;*/
/*padding: 15px 6px 4px 6px;*/
/*font-size: 2em;*/
/*width: 1.8em;*/
/*height: 60px;*/
/*text-align: center;*/
/*cursor: pointer;*/
/*background: #7dc400;*/
/*color: white;*/
/*}*/

/*#weChat {*/
/**background: url(http://static.ydlcdn.com/v3/images/iconfont-weixin1.jpg);*/
/*}*/

/*#online_chat {*/
/**background: url(http://static.ydlcdn.com/v3/images/iconfont-qq1.jpg);*/
/*}*/

/*#weChat span, #online_chat span {*/
/*display: block;*/
/*font-size: 14px;*/
/*font-weight: bold;*/
/*white-space: nowrap;*/
/*margin: 5px 0*/
/*}*/

/*#weChat:hover, #online_chat:hover {*/
/*background-color: #88d600*/
/*}*/

/*#online_chat {*/
/*bottom: 4.2em;*/
/*background-color: #00a0ff;*/
/*}*/

/*#online_chat:hover {*/
/*background-color: #24adff*/
/*}*/

@media (max-width: 700px) {
  #weChat, #online_chat {
    display: none;
  }
}

.help {
  display: block;
  margin-top: 2em;
  text-decoration: none;
  overflow: hidden;
  position: relative;

+z-index: -4;
}

.help img {
  width: 100%
}

.help .title {
  position: absolute;
  padding: 0.5em 1em;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 100%
}

.help:last-child {
  margin-bottom: 1em
}

.video .title {
  position: static;
  background: none;
  color: gray;
  padding-left: 0.2em
}

.video i.fa {
  font-size: 4em;
  position: absolute;
  bottom: 42%;
  right: 42%;
  color: rgba(255, 255, 255, 0.65)
}

.sNav .video i.fa {
  font-size: 5em
}

.message {
  display: block;
  overflow: hidden;
  max-width: 1100px;
  padding: 20px 30px;
  margin: .5em auto 0;
  background: #fcf8e4;
  color: #C77900;
  box-sizing: border-box;
  border: 1px solid #FFEED8;
}

.message .blue_link {
  color: #0093E7;
}

.message h1 {
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  margin:10px 0 10px 0;
}

.message a {
  text-decoration: none;
  color: #C77900
}

.message.error {
  background: #f2dede;
  color: #b74b4a
}

.message.error a {
  color: #b74b4a
}

.message.success {
  background: #EFF9E4;
  color: #5BA521;
  border: 1px solid #D9F4CA;
}

.message.success a {
  /*color: #468847*/
}

.message ul, .message ol {
  margin: 0;
  padding-left: 0
}

.message.grey{
  background: #F9F9F9;
  color: #747474;
  border: 1px solid #ECECEC;
  position:relative;
  line-height: 30px;
  color: #999;
}
.message.grey a{
  color:#555;
}
.message.grey .buttonBlue{
  border: 1px solid #00a2ff;
  background: #fff;
  border-radius: 3px;
  float: right;
  color: #00a2ff !important;
  line-height: 25px;
  margin: 0;
  width:auto;
  margin-left: 20px;
  margin-top: 5px;
  font-size:14px;
  padding:8px 20px;
}
.message .buttonGrey{
  border:none;
  background:none;
  color: #555 !important;
  width: auto;
  float: right;
  margin-top: 5px;
  font-size: 14px;
  margin-bottom:0px;
}
@media (max-width: 700px) {
  .message {
    margin: 2em 1em 0 1em;
    font-size: 0.8em;
    padding: 0.5em 1.5em 0.5em 1.5em
  }
}

.myinfo_avatar img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.box .message {
  margin: 0 0 1em 0;
  padding: 0.5em 1em
}

.box .message a {
  color: #bf9758
}

.messages .item {
  overflow: hidden;
  display: block;
  margin-bottom: 2em
}

.messages .item img {
  float: left;
  width: 4em
}

.messages .item .content {
  float: left;
  margin: 0 0 0 1em;
  width: auto
}

.messages .item .time {
  font-size: 0.8em;
  color: #CCC
}

.posts_show a, .posts_index a {
  text-decoration: none
}

.posts_index .top_author {
  position: relative;
  margin: 1em 0
}

.posts_index .top_author .button {
  position: absolute;
  top: 0;
  right: 0
}

.posts_index .top_author .info {
  color: #747474;
  float: left;
  margin-left: 1em
}

.posts_index .top_author .info h3 {
  margin-bottom: 0
}

.posts_index .top_author .info span {
  font-size: 0.8em;
  display: block
}

.posts_index .top_author .avatar {
  display: block;
  float: left
}

.posts_index .top_author .avatar img {
  width: 3em;
  height: 3em;
  display: block;
  border-radius: 50%
}

.posts_index .post_item {
  margin: 1em 0;
  border-bottom: 1px dotted #ededed;
  display: block;
  padding-bottom: 1em
}

.posts_index .post_item .date {
  float: left;
  background: #7fbb00;
  color: #fff;
  text-align: center;
  padding: 0.5em 0;
  font-size: 0.8em;
  width: 5em
}

.posts_index .post_item .date strong {
  display: block;
  font-size: 2em
}

.posts_index .post_item .info {
  padding-left: 5.2em
}

.posts_index .post_item .info .title {
  font-size: 1.2em;
  margin-bottom: 0.5em
}

.posts_index .post_item .info .content {
  width: 100%
}

.posts_show .box .title {
  margin-bottom: 0.5em
}

.posts_show .box .content {
  width: 100%
}

.posts_show .box .content h1, .posts_show .box .content h2 {
  font-size: 1.5em
}

.posts_show .box .content h3, .posts_show .box .content h4, .posts_show .box .content h5, .posts_show .box .content h6 {
  font-size: 1em
}

.posts_show .box .content img {
  display: block;
  margin: 0.5em 0
}

.posts_show .box .content .author {
  display: block
}

.posts_show .box .content .author .text {
  padding-left: 4em
}

.posts_show .box .content .author .text p {
  font-size: 0.8em
}

.posts_show .box .content .author span {
  font-size: 0.8em;
  margin-left: 0.5em;
  color: #999
}

.posts_show .box .content .info a {
  margin-right: 0.5em
}

.posts_show .box .video {
  padding-bottom: 1em
}

.posts_show .box .video iframe {
  width: 100%
}

@media (max-width: 700px) {
  .posts_index .post_item .info {
    padding-left: 0
  }

  .posts_index .post_item .info .title {
    font-size: 1em
  }

  .posts_index .post_item .date {
    display: none
  }

  .posts_show .content .video iframe {
    width: 100%
  }

  .posts_show .box, .posts_index .box {
    margin-left: 0;
    margin-right: 0
  }

  .posts_show .box h3, .posts_index .box h3 {
    font-size: 1em;
    line-height: 1.3em;
    margin: 0
  }
}

.questions i {
  width: 1em;
  margin-right: 0.5em;
  text-align: center
}

@media (max-width: 700px) {
  .questions_show .box {
    margin-left: 0;
    margin-right: 0
  }

}

.questions_show .content {
  width: 100%
}

.questions_show .tags a {
  margin-right: 0.8em;
  margin-right: 540px\9;
  margin-bottom: 10px\9;
  float: left;
  color: #0091e1;
  background-color: #eaf6fc;
  border-radius: 29px;
  padding: 2px 10px;
  font-size: 12px;

}

.questions_show .info time {
  color: #ABABAB
}

.questions_show .action a {
  color: rgba(0, 0, 0, 0.3)
}

.questions_show .action a:hover {
  color: rgba(0, 0, 0, 0.6)
}

.questions_show .comment .info {
  padding: 1em 0 2em 0;
  font-size: 0.8em;
  clear: both;
}

.questions_show .comment .info a {
  /*padding-right: 0.6em*/
}

.questions_show .comment .info #comment_content {
  height: 5em;
  margin-top: 10px;
}

.questions_show .comment .votable, .questions_show .comment .votabled, .questions_show .comment .talk {
  margin-right: 0.5em;
  /* width: auto; */
  /*padding:0em;
  border: 1px solid #efefef;
  background-color: #fff;
  font-size: 15px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  display: inline-block;
  line-height: 45px;
  margin: 0 25px;
 color:#999;*/
  margin-right: 20px;
  /* width: auto; */
  padding: 0em;
  border: 1px solid #efefef;
  background-color: #fff;
  font-size: 15px;
  height: 35px;
  width: 110px;
  border-radius: 3px;
  display: inline-block;
+float: left;
  /* line-height: 35px; */
  /* margin: 0 8px; */
  color: #999;
}
.feedback_aciton{
  /*text-align:center;*/
  float:left;
  margin-bottom: 20px;
}
.feedback_aciton a:hover{
  text-decoration:none;
}
.questions_show form{
  clear: both;
}
.questions_show .comment .votable i{
  color:#ff6b6b;
}
.questions_show .comment .talk i{
  color:#abd500;
}
.feedback_aciton i{
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  /* display: block; */
  line-height: 35px;
  width: 44px;
}
.questions_show .comment .text .name {
  color: #444
}

.questions_show .comment a.votabled {
  color: #666;
}

.questions_show .comment .votabled i {
  color: #F60;
}
.questions_show .comment .add_comment {
  float: right;
  margin-left: 25px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height:35px;
  color:#666;
}

.questions_show .comment .text {
  padding-left: 4em
}

.questions_show .comment .text span {
  margin-left: 10px
}

.questions_show .answer {
  float: left;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #eaeaea;
  padding: 1em;
  width: 32%;
  margin-right: 2%;
  background: #fbfbfb
}

.answers_count a{
  color:#999 !important;
  margin-right:10px;
}

.questions_show .answer:hover {
  text-decoration: none;
  background: #eaeaea
}

.questions_show .answer .content {
  height: 6em;
  overflow: hidden
}

.questions_show .answer .info {
  font-size: 0.8em;
  color: #aaa;
  margin-top: 1em
}

.questions_show .answer_list_item .button {
  color: #444;
}

.questions_show .answer .time {
  float: right
}

.questions_show .answer:last-child {
  margin-right: 0
}

.questions_index .box .content h2 {
  font-size: 20px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  font-weight:normal;
  margin-top:0;
}
.questions_show .box .content h1 {
  font-size: 16px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  margin-top:0;
}

@media (max-width: 700px) {
  .questions_show .answer {
    float: none;
    width: 100%;
    margin-top: 5%
  }

  .questions_show .answer_list_item, .questions_show .sub_comment {
    position: relative;
  }

  .questions_show .answer_list_item time, .questions_show .sub_comment time {
    position: absolute;
    top: 14px;
    right: 0;
  }

  .questions_index .box .content {
    width: 80%;
    float: right;
  }

  .questions_show .comment .text {
    padding-left: 0em
  }

  .questions_show .sub_comment .text span {
    margin-left: 40px;
    display: block;
  }

  .questions_show .comment .text span, .questions_show .sub_comment .text span {
    display: block;
  }

  .questions_show .comment img, .questions_show .sub_comment img {
    margin-right: 10px;
    width: 45px;
    height: 45px;
  }
}

.questions_index .question_item {
  display: block;
  overflow: hidden;
  color: #333;
  text-decoration: none;
  padding-top: 1.5em
}
.questions_index .question_item:hover .more {
  color: #00a2ff
}

.questions_index .filter .highlight {
  color: #fff;
  background: #a0ce4e;
  margin-right: 0;
  float: right;
  border: none;
  text-decoration: none
}

.questions_index .filter .highlight:hover {
  background: #80b922
}

.questions_index .box {
  margin: 0
}

.answered {
  background-color: #1dc35f;
  color: #FFFFFF;
}

.answers {
  background-color: #f0f0f0;
  color: #999;
}

.answered, .answers {
  display: inline-block;
+float: left;
  width: 50px;
  height: 40px;
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
  padding-top: 10px;
}

.answered p, .answers p {
  font-size: 12px;
}

@media (min-width: 700px) {
  .questions_index .box .content {
    float: right;
    width: 88%
  }
}

.questions_index .box .info {
  text-align: right;
  font-size: 12px;
  margin-top: 0.8em;
  padding-bottom: 1.5em;
  clear: both;
  color: #ABABAB;

}

.questions_index .box .info .answers_count {
  float: left
}

.questions_index .box .more {
  margin: 0;
  padding: 0.7em 0em 0.7em 1.7em;
  color: #00a2ff;
  text-decoration: none;
  border-radius: 2px
}

@media (max-width: 700px) {
  .questions_index .box .more, .questions_index .box .more2 {
    display: none
  }
}

.questions_index .box .more:hover {
  text-decoration: underline;
  color: #00a2ff;
}

aside ul {
  padding: 0;
  list-style-type: none
}

aside ul li.hot_question {
  border-bottom: 1px solid #ebebeb
}

aside .item {
  display: block;
  margin-top: 1em;
  color: #ABABAB;
+margin-left: -40px;
}

aside .item:hover {
  background: #eaeaea
}

aside .item:first-child {
  padding: 0.5em 0.8em;
  text-decoration: none
}

aside .item .info .link {
  font-size: 0.9em;
  color: #444;
  line-height: 1.6em;
  display: block;
  text-decoration: none
}

aside .item .info .votable {
  color: #747474;
  padding-right: 10px;
  font-size: 0.8em
}

aside .item .info .author {
  font-size: 0.8em
}

aside .item .info .author .nickname {
  color: #747474;
  padding-right: 0.4em
}

aside .active_expert {
  margin-top: 1.2em
}

aside .active_expert .small_avatar {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  padding-right: 15px;
}

aside .active_expert .small_avatar img {
  display: block;
  border-radius: 25px
}

aside .active_expert .info {
  padding-left: 60px
}

aside .active_expert .info span {
  font-size: 0.8em;
  display: block;
  line-height: 1.6em
}

aside .active_expert .info .nickname {
  font-weight: bold;
  font-size: 1em;
  color: #333;
}

.box.recharge a {
  margin-right: 1em
}

.box.recharge .qrcode table {
  width: auto;
  border-width: 0;
  border-style: none;
  border-color: #0000ff;
  border-collapse: collapse
}

.box.recharge .qrcode td {
  border-left: solid 10px #000;
  width: 0;
  height: 10px;
  padding: 0;
  margin: 0
}

.box.recharge .qrcode .black {
  border-color: #000
}

.box.recharge .qrcode .white {
  border-color: #fff
}

.order_times_list {
  overflow: hidden;
  text-align: center
}

.order_times_list .select-vacation i {
  margin-left: 0
}

.order_times_list .select-vacation.uncheck i {
  color: #f2f2f2
}

.order_times_list .select-vacation.check i {
  color: #29bba3
}

.order_times_list span.workday {
  color: #cccccc;
  text-align: center
}

.order_times_list .item {
  display: inline-block;
  vertical-align: top;
  width: 13%;
  overflow: hidden;
  padding: 0 1% 0 0
}

.order_times_list .item:nth-child(7n+1) {
  clear: left
}

.order_times_list .item .list a {
  display: block;
  font-size: 0.9em
}

.order_times_list .weekday {
  font-size: 1.1em;
  color: #999999
}

.order_times_list .day {
  margin: 0 0.5em
}

.order_times_list .day .month {
  color: red;
  font-size: 0.6em;
  float: left
}

.order_times_list .list div {
  margin-bottom: 5px;
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #fff
}

.order_times_list .list div a {
  color: #333333
}

.order_times_list .list .add {
  margin: 10px 0
}

.order_times_list .list .add a {
  border: 1px dashed #9addd1;
  padding: 6px;
  color: #9addd1
}

.order_times_list .list .add a:hover {
  border-color: #1abca3
}

.order_times_list .list .add a:hover {
  color: #1abca3
}

.order_times_list .list .add i {
  margin-left: 0
}

.order_times_list .list .locked {
  text-decoration: line-through;
  background-color: #f2f2f2
}

.order_times_list .list .locked a {
  background: none
}

.order_times_list .list .booking {
  background-color: #dbf3ef
}

.order_times_list .list .booked {
  background-color: #9addd1
}

.order_times_list .list .reserved {
  border: 1px solid #9addd1
}

.order_times_list.guest .list div {
  cursor: auto
}

.order_times_list .list div:hover {
  background: #E8E8E8
}

.order_times_list .list div.active {
  background: #a0ce4e;
  color: #fff
}

.linebox.order .title {
  font-size: 1em;
  text-align: center;
  margin-bottom: 0
}

.linebox.order img {
  float: left;
  border-radius: 50%;
  margin: 0 1em 0 0;
  width: 4em
}

.linebox.order .info {
  margin: 0 0 2em 0;
  padding-top: 0.3em
}

.linebox.order .info p {
  margin: 0
}

.linebox.order a {
  color: #a0ce4e;
  margin-left: 0.5em
}

.linebox.order .yellow.message ul {
  list-style-type: none
}

.linebox.order .yellow.message a {
  color: #bf9758
}

.linebox.order .tip {
  margin-top: 1em
}

.linebox.order .tip i {
  margin-right: 0.3em
}

.linebox.order .actions a {
  color: #747474
}

.linebox.order .actions a.active {
  color: white
}

@media (max-width: 700px) {
  .linebox.order .actions a {
    display: inline
  }

  .linebox.order .actions a.active {
    display: inline-block
  }
}

.visitor_order_times_list {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d2d3d4;
  border-left: 0 none;
  border-bottom: 0 none
}

.visitor_order_times_list .hr {
  clear: both;
  border: 0 none;
  border-top: 1px solid #d2d3d4;
  margin: 0
}

.visitor_order_times_list .item {
  display: table-cell;
  float: left;
  width: 14.2%;
  text-align: center;
  box-sizing: border-box;
  border-left: 1px solid #d2d3d4
}

.visitor_order_times_list .day {
  height: 3em
}

.visitor_order_times_list .day.disabled {
  color: #d2d3d4
}

.visitor_order_times_list .day.list {
  color: #a0ce4e;
  cursor: pointer
}

.visitor_order_times_list .day.list:after {
  content: "可预约";
  display: block;
  font-size: 0.8em
}

.visitor_order_times_list .day.active {
  background: #a0ce4e;
  color: #fff
}

.visitor_order_times_list .hr.active {
  text-align: center;
  border-left: 1px solid #d2d3d4;
  border-bottom: 1px solid #d2d3d4;
  background: whitesmoke;
  color: gray;
  max-height: 222px;
  overflow: auto
}

.visitor_order_times_list .hr.active .title {
  margin-bottom: 1em
}

.visitor_order_times_list .hr.active table {
  width: 50%;
  margin-left: auto;
  margin-right: auto
}

.visitor_order_times_list .hr.active table tbody tr:first-child td:nth-child(2) {
  font-size: 1.2em;
  padding: 1em 0 1em
}

@media (max-width: 700px) {
  .visitor_order_times_list .hr.active table {
    width: 90%
  }
}

.visitor_order_times_list .time {
  cursor: pointer;
  padding: 0.4em 0.4em;
  height: 2em
}

.visitor_order_times_list .time a {
  color: #a0ce4e;
  display: block;
  background-color: white;
  line-height: 2em
}

.visitor_order_times_list .time a:hover {
  text-decoration: none;
  background: #a0ce4e;
  color: white
}

.visitor_order_times_list .time.active {
  background: #a0ce4e;
  color: white
}

.visitor_order_times_list .time.active a {
  background: #a0ce4e;
  color: white
}

i.prepaid-order {
  float: left;
  cursor: pointer;
  color: #a0ce4e
}

.prepaid-order-time {
  margin-left: 3.5em
}

.order .highlight {
  background: #a0ce4e;
  color: #fff;
  padding: 0.2em
}

.simple_captcha .imple_captcha_image img {
  border: 1px solid #ccc;
  margin: 1em 1em 0 0;
  vertical-align: bottom
}

.pages_home .container, .pages_home .filter, .pages_home .labels, .listening .container, .listening .filter, .listening .labels, .pages_app .container, .pages_app .filter, .pages_app .labels, .listeners .container, .listeners .filter, .listeners .labels {
  max-width: 1000px;
  padding-left: 0;
  padding-right: 0
}

.pages_home .index_title {
  font-size: 34px;
  line-height: 30px;
  padding-top: 60px;
  text-align: center;
}

.expert_comments .container .index_title {
  color: #fff;
}

.pages_home .index_title p {
  font-size: 12px;
  opacity: 0.6
}

.pages_home .list, .listening .list, .pages_app .list, .listeners .list {
  overflow: hidden;
  padding: 0
}

.listeners .box {
  text-align: left;
  padding-top: 10px
}

.pages_home .list .item, .listening .list .item, .pages_app .list .item, .listeners .list .item {
  float: left;
  width: 27.3%;
  padding-left: 2%;
  padding-right: 2%;
  padding-right: 1%\9; /*for ie 7 8*/
  padding-top: 3em;
  padding-bottom: 3em;
  text-align: center;
  text-decoration: none;
  color: #747474;
  margin: 1em 3% 0 0;
  /*height: 150px;*/
  background: white
}

.pages_home .list .item h3, .listening .list .item h3, .pages_app .list .item h3, .listeners .list .item h3 {
  font-size: 1.2em
}

.listening .list .item p, .pages_app .list .item p, .listeners .list .item p {
  margin-top: -10px
}
.pages_home .list .item p{
  margin-top:10px;
  font-size:14px;

}
.pages_home .list .item i, .listening .list .item i, .pages_app .list .item i, .listeners .list .item i {
  font-size: 5em;
  margin-right: 0
}

.pages_home .list .item:last-child, .listening .list .item:last-child, .pages_app .list .item:last-child, .listeners .list .item:last-child {
  margin-right: 0
}

.pages_home .list .item:nth-child(1) i.fa, .listening .list .item:nth-child(1) i.fa, .pages_app .list .item:nth-child(1) i.fa, .listeners .list .item:nth-child(2) i.fa {
  color: #a0ce4e
}

.pages_home .list .item:nth-child(2) i.fa, .listening .list .item:nth-child(2) i.fa, .pages_app .list .item:nth-child(2) i.fa, .listeners .list .item:nth-child(3) i.fa {
  color: #fec35f
}

.pages_home .list .item:nth-child(3) i.fa, .listening .list .item:nth-child(3) i.fa, .pages_app .list .item:nth-child(3) i.fa {
  color: #a0ce4e
}

.pages_home .listeners, .pages_home .listening_scenes, .listening .expert_comments, .listening .listeners, .listening .listening_scenes, .pages_app .expert_comments, .pages_app .listeners, .pages_app .listening_scenes, .listeners .expert_comments, .listeners .listeners, .listeners .listening_scenes {
  overflow: hidden;
  padding: 0;
  text-align: center;
  margin-top: 20px
}

.pages_home .expert_comments {
  margin-top: 0px;
}

.pages_home .expert_comments .item {
  float: left;
  width: 25%;
  padding: 2%;
+padding: 5% 0;
  text-decoration: none;
  color: #747474;
  box-sizing: border-box;
  margin-bottom: 50px;
  margin-top: 10px;
  text-align: center;
}

.listeners .expert_comments .item {
  float: left;
  width: 316px;
  padding: 15px 0;
  margin-right: 25px;
  margin-right: 14px\9;
  text-decoration: none;
  box-sizing: border-box;
  margin-bottom: 20px;
  margin-top: 10px;
  border: 1px solid #efefef;
  border-radius: 10px;
}

.listeners .expert_comments .item:nth-child(3n){
  margin-right: 0px;
}

.pages_home .expert_comments img, .pages_home .listeners img, .pages_home .listening_scenes img, .listening .expert_comments img, .listening .listeners img, .listening .listening_scenes img, .pages_app .expert_comments img, .pages_app .listeners img, .pages_app .listening_scenes img, .listeners .expert_comments img, .listeners .listeners img, .listeners .listening_scenes img {
  border-radius: 50%;
  width: 130px;
  height: 130px;
  border: 5px solid #fff;
  margin-bottom: 10px;
}

.listeners .expert_comments .item p {
  width: 80%;
  margin: 0 auto 15px auto;
}

.pages_home .expert_comments .item:hover img, .pages_home .listeners .item:hover img, .pages_home .listening_scenes .item:hover img, .listening .expert_comments .item:hover img, .listening .listeners .item:hover img, .listening .listening_scenes .item:hover img, .pages_app .expert_comments .item:hover img, .pages_app .listeners .item:hover img, .pages_app .listening_scenes .item:hover img, .listeners .expert_comments .item:hover img, .listeners .listeners .item:hover img, .listeners .listening_scenes .item:hover img {
  border-color: #fff
}

.pages_home .expert_comments .text, .pages_home .listeners .text, .pages_home .listening_scenes .text, .listening .expert_comments .text, .listening .listeners .text, .listening .listening_scenes .text, .pages_app .expert_comments .text, .pages_app .listeners .text, .pages_app .listening_scenes .text, .listeners .expert_comments .text, .listeners .listeners .text, .listeners .listening_scenes .text {
  margin: 1em 0 0.5em;
  display: -webkit-box;
  font-size: 0.8em;
  margin-bottom: 1em;
  text-overflow: ellipsis;
  -webkit-line-clamp: 0;
  -webkit-box-orient: vertical
}

.pages_home .expert_comments .text {
  margin: 1em 0 0em;
  display: -webkit-box;
  overflow: hidden;
  font-size: 18px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 0;
  -webkit-box-orient: vertical;
  color: #fff
}

.pages_home .listening_scenes .item, .listening .listening_scenes .item, .pages_app .listening_scenes .item, .listeners .listening_scenes .item {
  width: 33%
}

.pages_home .listening_scenes .item:nth-child(1), .pages_home .listening_scenes .item:nth-child(4), .listening .listening_scenes .item:nth-child(1), .listening .listening_scenes .item:nth-child(4), .pages_app .listening_scenes .item:nth-child(1), .pages_app .listening_scenes .item:nth-child(4), .listeners .listening_scenes .item:nth-child(1), .listeners .listening_scenes .item:nth-child(4) {
  padding-left: 0
}

.pages_home .listening_scenes img, .listening .listening_scenes img, .pages_app .listening_scenes img, .listeners .listening_scenes img {
  border-radius: 0;
  width: 19em;
  height: 13em
}

.pages_home .expert_comments .detail, .pages_home .listeners .detail, .pages_home .listening_scenes .detail, .listening .expert_comments .detail, .listening .listeners .detail, .listening .listening_scenes .detail, .pages_app .expert_comments .detail, .pages_app .listeners .detail, .pages_app .listening_scenes .detail, .listeners .listeners .detail, .listeners .listening_scenes .detail {
  color: #fff;
  font-size: 0.8em
}

.pages_home .banner_mid, .listening .banner_mid, .pages_app .banner_mid, .listeners .banner_mid {
  background: #FEFEFE no-repeat;
  background-size: cover;
  background-attachment: fixed
}

.pages_home .banner_mid .promo, .listening .banner_mid .promo, .pages_app .banner_mid .promo, .listeners .banner_mid .promo {
  padding: 6em 0;
  text-align: center;
  background: #a0ce4e;
  opacity: 0.8;
  color: white
}

.pages_home .banner_mid .promo h3, .listening .banner_mid .promo h3, .pages_app .banner_mid .promo h3 {
  font-size: 2em;
  margin: 0 0 0.5em
}

.pages_home .banner_mid .promo .item, .listening .banner_mid .promo .item, .pages_app .banner_mid .promo .item, .listeners .banner_mid .promo .item {
  float: left;
  width: 25%;
  padding: 1em 0 2em
}

.pages_home .banner_mid .promo .round, .listening .banner_mid .promo .round, .pages_app .banner_mid .promo .round, .listeners .banner_mid .promo .round {
  margin: 0 auto;
  width: 10em;
  height: 10em;
  border-radius: 50%;
  border: 5px solid whitesmoke
}

.pages_home .banner_mid .promo .round span, .listening .banner_mid .promo .round span, .pages_app .banner_mid .promo .round span, .listeners .banner_mid .promo .round span {
  display: block;
  margin-top: 3em
}

.pages_home .banner_mid .promo .round strong, .listening .banner_mid .promo .round strong, .pages_app .banner_mid .promo .round strong, .listeners .banner_mid .promo .round strong {
  display: block;
  font-size: 2em
}

.pages_home .banner_mid .promo .text, .listening .banner_mid .promo .text, .pages_app .banner_mid .promo .text, .listeners .banner_mid .promo .text {
  margin: 1em auto 0;
  font-size: 0.8em;
  width: 90%
}

.pages_home .download, .pages_home .intro, .listening .download, .listening .intro, .pages_app .download, .pages_app .intro, .listeners .download, .listeners .intro {
  clear: both;
  overflow: hidden;
  text-align: center;
  padding: 0
}

.pages_home .download img, .pages_home .intro img, .listening .download img, .listening .intro img, .pages_app .download img, .pages_app .intro img, .listeners .intro img {
  float: left;
  width: 400px;
}

.pages_home .download .desc, .pages_home .intro .desc, .listening .download .desc, .listening .intro .desc, .pages_app .download .desc, .pages_app .intro .desc, .listeners .download .desc, .listeners .intro .desc {
  width: 60%;
  float: left;
  box-sizing: border-box;
  padding-top: 10em;
  padding-left: 5em;
  text-align: left
}

.pages_home .download .desc h3, .pages_home .intro .desc h3, .listening .download .desc h3, .listening .intro .desc h3, .pages_app .download .desc h3, .pages_app .intro .desc h3, .listeners .download .desc h3, .listeners .intro .desc h3 {
  margin: 0 0 0.5em;
  font-size: 24px;
}

.pages_home .download .desc p, .pages_home .intro .desc p, .listening .download .desc p, .listening .intro .desc p, .pages_app .download .desc p, .pages_app .intro .desc p, .listeners .download .desc p, .listeners .intro .desc p {
  margin-bottom: 1em
}

.pages_home .download .desc p, .listening .download .desc p, .pages_app .download .desc p, .listeners .download .desc p {
  margin-bottom: 3em
}

.pages_home .download .desc .android, .pages_home .download .desc .ios, .listening .download .desc .android, .listening .download .desc .ios, .pages_app .download .desc .android, .pages_app .download .desc .ios {
  float: left;
  width: 45%
}

.pages_home .download .desc .android img, .pages_home .download .desc .ios img, .listening .download .desc .android img, .listening .download .desc .ios img, .pages_app .download .desc .android img, .pages_app .download .desc .ios img {
  width: 70%;
  float: none;
  margin-bottom: 2em
}

.pages_home .download .desc .android a, .pages_home .download .desc .ios a, .listening .download .desc .android a, .listening .download .desc .ios a, .pages_app .download .desc .android a, .pages_app .download .desc .ios a {
  float: none;
  display: block;
  padding: 0.8em 1em;
  border-radius: 4px;
  color: #fff;
  background: #a0ce4e;
  text-decoration: none;
  width: 60%;
  text-align: center
}

.pages_home .download .desc .android a i, .pages_home .download .desc .ios a i, .listening .download .desc .android a i, .listening .download .desc .ios a i, .pages_app .download .desc .android a i, .pages_app .download .desc .ios a i {
  margin-right: 0.5em;
  font-size: 1em
}

.pages_home .download .desc .android a span, .pages_home .download .desc .ios a span, .listening .download .desc .android a span, .listening .download .desc .ios a span, .pages_app .download .desc .android a span, .pages_app .download .desc .ios a span {
  font-size: 0.9em
}

.pages_home .download .desc .ios img, .listening .download .desc .ios img, .pages_app .download .desc .ios img {
  margin-right: 0
}

.pages_home .download .desc .ios a, .listening .download .desc .ios a, .pages_app .download .desc .ios a {
  background: #fec35f;
  margin-right: 0
}

.pages_home .banner_mid .intro img, .pages_home .intro img, .listening .banner_mid .intro img, .listening .intro img, .pages_app .banner_mid .intro img, .pages_app .intro img, .listeners .banner_mid .intro img, .listeners .intro img {
  margin-top: 90px;
  margin-bottom: 90px
}

.pages_home .banner_mid .intro .desc, .pages_home .intro .desc, .listening .banner_mid .intro .desc, .listening .intro .desc, .pages_app .banner_mid .intro .desc, .pages_app .intro .desc, .listeners .banner_mid .intro .desc, .listeners .intro .desc {
  padding-top: 0;
  margin-top: 130px
}

.pages_home .banner_mid .intro .desc p, .pages_home .intro .desc p, .listening .banner_mid .intro .desc p, .listening .intro .desc p, .pages_app .banner_mid .intro .desc p, .pages_app .intro .desc p, .listeners .banner_mid .intro .desc p, .listeners .intro .desc p {
  margin-bottom: 0
}

.pages_home .banner_mid .intro .desc a, .pages_home .intro .desc a, .listening .banner_mid .intro .desc a, .listening .intro .desc a, .pages_app .banner_mid .intro .desc a, .pages_app .intro .desc a, .listeners .banner_mid .intro .desc a, .listeners .intro .desc a {
  color: #a0ce4e
}

.pages_home .banner_mid .intro .desc > a, .pages_home .intro .desc > a, .listening .banner_mid .intro .desc > a, .listening .intro .desc > a, .pages_app .banner_mid .intro .desc > a, .pages_app .intro .desc > a, .listeners .banner_mid .intro .desc > a, .listeners .intro .desc > a {
  display: block;
  background: none;
  color: #a0ce4e;
  text-align: left;
  padding-left: 0
}

.pages_home .intro.right_img .desc, .listening .intro.right_img .desc, .pages_app .intro.right_img .desc, .listeners .intro.right_img .desc {
  padding-left: 0em;
  padding-right: 5em
}

.pages_home .intro_features .desc, .listening .intro_features .desc, .pages_app .intro_features .desc, .listeners .intro_features .desc {
  width: 50%;
  margin-top: 3em;
  margin-bottom: 3em
}

.pages_home .intro_features .features, .listening .intro_features .features, .pages_app .intro_features .features, .listeners .intro_features .features {
  float: left;
  width: 40%;
  margin-top: 3em;
  margin-left: 5%
}

.pages_home .intro_features .features .item, .listening .intro_features .features .item, .pages_app .intro_features .features .item, .listeners .intro_features .features .item {
  text-align: left;
  padding: 0 0 0.8em 0
}

.listening .intro_features .features .item .icon {
  float: left;
}

.listening .intro_features .features .item .icon img {
  width: 55px;
  height: 55px;
  margin: 0;
}

.pages_home .intro_features .features .item i.fa.fa-lock, .listening .intro_features .features .item i.fa.fa-lock, .pages_app .intro_features .features .item i.fa.fa-lock, .listeners .intro_features .features .item i.fa.fa-lock {
  padding: 0.5em 0.7em
}

.pages_home .intro_features .features .item .text, .listening .intro_features .features .item .text, .pages_app .intro_features .features .item .text {
  font-size: 1em;
  margin-left: 5.5em;
  padding-top: 0;
}

.pages_home .deep, .listening .deep, .pages_app .deep {
  background-color: #87dd7b
}

.pages_home .light, .listening .light, .pages_app .light {
  background-color: white
}

.pages_home .after_list, .listening .after_list, .pages_app .after_list {
  margin: 0 auto
}

.pages_home .before_promo, .listening .before_promo, .pages_app .before_promo {
  opacity: 0.7;
  margin-bottom: -1px;
  margin-top: -20px;
  border-color: transparent transparent #a0ce4e transparent
}

.pages_home .before_intro, .listening .before_intro, .pages_app .before_intro {
  margin-top: 0;
  border-color: #9AD053 transparent transparent transparent;
  position: relative;
  margin-bottom: -20px;
  z-index: 1
}

.pages_home .logos, .listening .logos, .pages_app .logos {
  padding: 4em 0;
  clear: both;
  overflow: hidden
}

.pages_home .logos h3, .listening .logos h3, .pages_app .logos h3 {
  text-align: center;
  font-size: 1.4em;
  margin: 0 0 1em
}

.pages_home .logos img, .listening .logos img, .pages_app .logos img {
  width: 14%;
  margin: 0 1%;
  -webkit-filter: grayscale(1);
  opacity: 0.8
}

.pages_home .logos img:hover, .listening .logos img:hover, .pages_app .logos img:hover {
  -webkit-filter: grayscale(0);
  opacity: 1
}

.pages_home .list .item img {
  width: 100px
}

.index_last_list .index_title {
  background: url(../../v3/images/index_title_bg.png) 0 35px;
  background-size: 100%;
}
.index_last_list .container .item p{
  font-size:12px;
}
.pages_home .deep {
  background-color: #87dd7b;
}

.index_experts_info {
  text-align: center;
}

@media (max-width: 1000px) {
  .pages_home .download .desc, .listening .download .desc, .pages_app .download .desc {
    padding-left: 0;
    padding-top: 8em
  }

  .expert_comments .container .index_title {
    color: #444;
    border-top: 1px solid #ebebeb;
    width: 90%;
    margin: 0 auto;
  }

  .listeners .box {
    width: 85%;
    margin: 0 auto;
  }

  .pages_home .intro_features .features .item, .listening .intro_features .features .item, .pages_app .intro_features .features .item, .listeners .intro_features .features .item {
    width: 85%;
    margin: 0 auto;
  }

  .pages_home .intro_features .features .item .text, .listening .intro_features .features .item .text, .pages_app .intro_features .features .item .text {
    margin-left: 4.5em
  }

  .index_last_list .index_title {
    background: none;
    width: 80%;
    margin: 0 auto
  }

  .pages_home .deep {
    background: #fff
  }

  .pages_home .expert_comments .text {
    color: #fff
  }

  .pages_home .expert_comments .detail {
    font-size: 14px;
    color: #fff
  }

  .index_experts_info {
    position: absolute;
    bottom: 0;
    left: 3px;
    width: 98%;
    height: 70px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    bottom: 26px;
    text-align: center;
  }

  .pages_home .expert_comments .item {
    position: relative
  }

  .pages_home .download .desc p, .listening .download .desc p, .pages_app .download .desc p {
    font-size: 0.8em
  }

  .pages_home .intro .desc, .listening .intro .desc, .pages_app .intro .desc {
    margin-top: 100px
  }

  .pages_home .intro_features .desc, .listening .intro_features .desc, .pages_app .intro_features .desc {
    margin-top: 3em
  }

  .pages_home .container, .pages_home .filter, .pages_home .labels, .listening .container, .listening .filter, .listening .labels, .pages_app .container, .pages_app .filter, .pages_app .labels {
    padding-left: 0.5em;
    padding-right: 0.5em
  }

  .pages_home .logos, .listening .logos, .pages_app .logos {
    padding: 1em 0
  }
}

@media (max-width: 700px) {
  .pages_home .list, .listening .list, .pages_app .list {
    margin-top: 0.6em;
    margin-bottom: 0.4em
  }

  .pages_home .list .item, .listening .list .item, .pages_app .list .item {
    width: 33%;
    height: auto;
    margin: 0;
    padding-top: 1em;
    padding-bottom: 0;
    border: 1px solid whitesmoke;
    border-left: none;
    box-sizing: border-box;
    border: none
  }

  .pages_home .list .item:last-child, .listening .list .item:last-child, .pages_app .list .item:last-child {
    border-right: none
  }

  .pages_home .list .item i.fa, .listening .list .item i.fa, .pages_app .list .item i.fa {
    font-size: 2em
  }

  .pages_home .list .item img {
    width: 60%
  }

  .pages_home .list .item h3, .listening .list .item h3, .pages_app .list .item h3 {
    font-size: 0.8em;
    margin-top: 0.5em
  }

  .pages_home .list .item p, .listening .list .item p, .pages_app .list .item p {
    display: none;
    font-size: 0.8em;
    marging-top: 0
  }

  .pages_home .list .item:hover i.fa, .listening .list .item:hover i.fa, .pages_app .list .item:hover i.fa {
    font-size: 2em
  }

  .pages_home .expert_comments, .pages_home .listeners, .listening .expert_comments, .listening .listeners, .pages_app .expert_comments, .pages_app .listeners {
    padding: 0
  }

  .pages_home .expert_comments .item, .pages_home .listeners .item, .listening .expert_comments .item, .listening .listeners .item, .pages_app .expert_comments .item, .pages_app .listeners .item {
    margin-top: 0;
    padding: 1em 0.2em;
    margin-bottom: -10px;
    width: 100%;
  }

  .pages_home .expert_comments .item img, .pages_home .listeners .item img, .listening .expert_comments .item img, .listening .listeners .item img, .pages_app .expert_comments .item img, .pages_app .listeners .item img {
    border-radius: 10px;
    width: 100%;
    height: auto;
    border: none;
  }

  .pages_home .expert_comments .item .text, .pages_home .listeners .item .text, .listening .expert_comments .item .text, .listening .listeners .item .text, .pages_app .expert_comments .item .text, .pages_app .listeners .item .text {
    /*display: none*/
    font-size: 24px;
    margin-top: -10px;
    font-weight: bold;
  }

  .pages_home .banner_mid .promo, .listening .banner_mid .promo, .pages_app .banner_mid .promo {
    padding: 2em 0
  }

  .pages_home .banner_mid .promo h3, .listening .banner_mid .promo h3, .pages_app .banner_mid .promo h3 {
    font-size: 1.6em
  }

  .pages_home .banner_mid .promo .item, .listening .banner_mid .promo .item, .pages_app .banner_mid .promo .item {
    width: 100%
  }

  .pages_home .banner_mid .download, .pages_home .banner_mid .intro, .pages_home .intro, .pages_home .intro.right_img, .listening .banner_mid .download, .listening .banner_mid .intro, .listening .intro, .listening .intro.right_img, .pages_app .banner_mid .download, .pages_app .banner_mid .intro, .pages_app .intro, .pages_app .intro.right_img {
    margin: 0
  }

  .pages_home .banner_mid .download img, .pages_home .banner_mid .intro img, .pages_home .intro img, .pages_home .intro.right_img img, .listening .banner_mid .download img, .listening .banner_mid .intro img, .listening .intro img, .listening .intro.right_img img, .pages_app .banner_mid .download img, .pages_app .banner_mid .intro img, .pages_app .intro img, .pages_app .intro.right_img img {
    width: 0;
  }

  .pages_home .banner_mid .download .desc, .pages_home .banner_mid .intro .desc, .pages_home .intro .desc, .pages_home .intro.right_img .desc, .listening .banner_mid .download .desc, .listening .banner_mid .intro .desc, .listening .intro .desc, .listening .intro.right_img .desc, .pages_app .banner_mid .download .desc, .pages_app .banner_mid .intro .desc, .pages_app .intro .desc, .pages_app .intro.right_img .desc {
    width: 100%;
    text-align: center;
    padding: 0 7%;
    margin: 0 auto;
    margin-bottom: 1em
  }

  .pages_home .banner_mid .download .desc img, .pages_home .banner_mid .intro .desc img, .pages_home .intro .desc img, .pages_home .intro.right_img .desc img, .listening .banner_mid .download .desc img, .listening .banner_mid .intro .desc img, .listening .intro .desc img, .listening .intro.right_img .desc img, .pages_app .banner_mid .download .desc img, .pages_app .banner_mid .intro .desc img, .pages_app .intro .desc img, .pages_app .intro.right_img .desc img {
    display: block;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    float: none
  }

  .pages_home .banner_mid .download .desc h3, .pages_home .banner_mid .intro .desc h3, .pages_home .intro .desc h3, .pages_home .intro.right_img .desc h3, .listening .banner_mid .download .desc h3, .listening .banner_mid .intro .desc h3, .listening .intro .desc h3, .listening .intro.right_img .desc h3, .pages_app .banner_mid .download .desc h3, .pages_app .banner_mid .intro .desc h3, .pages_app .intro .desc h3, .pages_app .intro.right_img .desc h3 {
    margin-top: 1em;
    text-align: left;
  }

  .listening_index_showP {
    width: 100%;
    text-align: center;
    background: #f6f6f7;
    padding-top: 30px;
  }

  .listening_index_showP img {
    width: 88%
  }

  .pages_home .banner_mid .download .desc p, .pages_home .banner_mid .intro .desc p, .pages_home .intro .desc p, .pages_home .intro.right_img .desc p, .listening .banner_mid .download .desc p, .listening .banner_mid .intro .desc p, .listening .intro .desc p, .listening .intro.right_img .desc p, .pages_app .banner_mid .download .desc p, .pages_app .banner_mid .intro .desc p, .pages_app .intro .desc p, .pages_app .intro.right_img .desc p {
    margin-bottom: 1em;
    text-align: left
  }

  .pages_home .banner_mid .download .desc a, .pages_home .banner_mid .intro .desc a, .pages_home .intro .desc a, .pages_home .intro.right_img .desc a, .listening .banner_mid .download .desc a, .listening .banner_mid .intro .desc a, .listening .intro .desc a, .listening .intro.right_img .desc a, .pages_app .banner_mid .download .desc a, .pages_app .banner_mid .intro .desc a, .pages_app .intro .desc a, .pages_app .intro.right_img .desc a {
    margin: 0 auto 1em;
    width: 50%;
    text-align: center
  }

  .pages_home .banner_mid .download .desc a i, .pages_home .banner_mid .intro .desc a i, .pages_home .intro .desc a i, .pages_home .intro.right_img .desc a i, .listening .banner_mid .download .desc a i, .listening .banner_mid .intro .desc a i, .listening .intro .desc a i, .listening .intro.right_img .desc a i, .pages_app .banner_mid .download .desc a i, .pages_app .banner_mid .intro .desc a i, .pages_app .intro .desc a i, .pages_app .intro.right_img .desc a i {
    margin-right: 0.5em;
    font-size: 1em
  }

  .pages_home .banner_mid .download .desc a span, .pages_home .banner_mid .intro .desc a span, .pages_home .intro .desc a span, .pages_home .intro.right_img .desc a span, .listening .banner_mid .download .desc a span, .listening .banner_mid .intro .desc a span, .listening .intro .desc a span, .listening .intro.right_img .desc a span, .pages_app .banner_mid .download .desc a span, .pages_app .banner_mid .intro .desc a span, .pages_app .intro .desc a span, .pages_app .intro.right_img .desc a span {
    font-size: 0.9em
  }

  .pages_home .banner_mid .download .desc .android, .pages_home .banner_mid .download .desc .ios, .listening .banner_mid .download .desc .android, .listening .banner_mid .download .desc .ios, .pages_app .banner_mid .download .desc .android, .pages_app .banner_mid .download .desc .ios {
    width: 100%;
    float: none
  }

  .pages_home .banner_mid .download .desc .android img, .pages_home .banner_mid .download .desc .ios img, .listening .banner_mid .download .desc .android img, .listening .banner_mid .download .desc .ios img, .pages_app .banner_mid .download .desc .android img, .pages_app .banner_mid .download .desc .ios img {
    margin: 0;
    width: 60%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em
  }

  .pages_home .banner_mid .download .desc .android a, .pages_home .banner_mid .download .desc .ios a, .listening .banner_mid .download .desc .android a, .listening .banner_mid .download .desc .ios a, .pages_app .banner_mid .download .desc .android a, .pages_app .banner_mid .download .desc .ios a {
    float: none;
    margin: 0;
    margin-left: auto;
    margin-right: auto
  }

  .pages_home .banner_mid .download .desc .ios, .listening .banner_mid .download .desc .ios, .pages_app .banner_mid .download .desc .ios {
    margin-bottom: 3em
  }

  .pages_home .banner_mid .download .desc p, .listening .banner_mid .download .desc p, .pages_app .banner_mid .download .desc p {
    text-align: center;
    min-height: 0
  }

  .pages_home .intro_features .features, .listening .intro_features .features, .pages_app .intro_features .features {
    width: 100%;
    margin: 0;
    padding-top: 30px;
    margin-bottom: 40px;
  }

  .m_break_line {
    border-top: 1px solid #efefef;
    margin-top: 40px;
  }

  .pages_home .logos img, .listening .logos img, .pages_app .logos img {
    width: 40%;
    margin: 1em 5%
  }
}

.pages_home .banner {
  background: url("../../v3/images/index_banner_bg.jpg");
  background-position: center center;
  background-size: cover;
  height: 440px
}

.listening .banner {
  background: url("../../v3/images/call_banner_bg.jpg");
  background-position: center center;
  background-size: cover;
  height: 365px
}

.pages_home .banner .container, .pages_home .banner .filter, .pages_home .banner .labels {
  background: transparent;
  box-shadow: none;
  padding-top: 5em;
  padding-bottom: 5em;
  z-index: 2
}

.pages_home .banner .container .content, .pages_home .banner .filter .content, .pages_home .banner .labels .content {
  width: 100%;
  /*padding-top: 1em;*/
}

.pages_home .banner .container .content h2, .pages_home .banner .filter .content h2, .pages_home .banner .labels .content h2 {
  font-size: 4em;
  color: #fff;
  line-height: 1.6;
  margin-top: 0em;
  font-weight: 600
}

.pages_home .banner .container .content p, .pages_home .banner .filter .content p, .pages_home .banner .labels .content p {
  margin: -1em 0 3em;
  color: #fff;
  font-size: 20px;
}

.pages_home .banner .container .content .actions, .pages_home .banner .filter .content .actions, .pages_home .banner .labels .content .actions {
  overflow: hidden;
  width: 100%;
  text-align: center;
  padding-bottom: 0
}

.pages_home .banner .container .content .actions a, .pages_home .banner .filter .content .actions a, .pages_home .banner .labels .content .actions a {
  margin: 0 1em 0;
  display: inline-block;
  width: 25%;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 0.8em;
  border: 1px solid #fff;
  border-radius: 5px;
  margin-bottom: 1em;
  background: transparent;
  box-sizing: border-box;
  font-size: 16px;
}

.pages_home .banner .container .content .actions a.active, .pages_home .banner .filter .content .actions a.active, .pages_home .banner .labels .content .actions a.active {
  background: #a0ce4e;
  border-color: #a0ce4e
}

.pages_home .banner .container .content .actions a.active:hover, .pages_home .banner .filter .content .actions a.active:hover, .pages_home .banner .labels .content .actions a.active:hover {
  background: #80b922
}

.pages_home .banner .container .content .actions a.active i, .pages_home .banner .filter .content .actions a.active i, .pages_home .banner .labels .content .actions a.active i {
  margin-left: 0.5em;
  vertical-align: middle
}

@media (max-width: 1000px) {
  .pages_home .banner .container.top_banner, .pages_home .banner .top_banner.filter, .pages_home .banner .top_banner.labels {
    /*padding-bottom: 2em;*/
    padding-top: 3em
  }

  .pages_home .banner .container.top_banner .banner_video, .pages_home .banner .top_banner.filter .banner_video, .pages_home .banner .top_banner.labels .banner_video {
    width: auto;
    float: none
  }

  .pages_home .banner {
    height: 300px;
  }

  .listening .banner {
    height: 200px;
    background-position-x: 570px;
    padding-top: 40px;
  }

  body {
    margin-top: -10px
  }

  .pages_home .banner .container.top_banner .banner_video i.fa, .pages_home .banner .top_banner.filter .banner_video i.fa, .pages_home .banner .top_banner.labels .banner_video i.fa {
    font-size: 4em
  }

  .pages_home .banner .container.top_banner .banner_video img, .pages_home .banner .top_banner.filter .banner_video img, .pages_home .banner .top_banner.labels .banner_video img {
    width: 100%
  }

  .pages_home .banner .container.top_banner .content, .pages_home .banner .top_banner.filter .content, .pages_home .banner .top_banner.labels .content {
    /*width: auto;*/
    /*padding-top: 0;
    margin-left: 0;
    float: none*/
  }
}

@media (max-width: 700px) {
  .pages_home .banner .container.top_banner, .pages_home .banner .top_banner.filter, .pages_home .banner .top_banner.labels {
    /*padding-bottom: 1em;
    padding-top: 1em*/
  }

  .pages_home .index_title {
    font-size: 15px;
    padding-top: 15px;
  }

  .pages_home .banner .container.top_banner .banner_video i.fa, .pages_home .banner .top_banner.filter .banner_video i.fa, .pages_home .banner .top_banner.labels .banner_video i.fa {
    font-size: 4em
  }

  .pages_home .banner .container.top_banner .content h2, .pages_home .banner .top_banner.filter .content h2, .pages_home .banner .top_banner.labels .content h2 {
    font-size: 30px;
    margin-bottom: 10px
  }

  .pages_home .banner .container.top_banner .content p, .pages_home .banner .top_banner.filter .content p, .pages_home .banner .top_banner.labels .content p {
    font-size: 1em
  }

  .pages_home .banner .container.top_banner .content .actions, .pages_home .banner .top_banner.filter .content .actions, .pages_home .banner .top_banner.labels .content .actions {
    margin-top: 1em;
  }

  .pages_home .banner .container.top_banner .content a, .pages_home .banner .top_banner.filter .content a, .pages_home .banner .top_banner.labels .content a {
    width: 47%;
    float: none;
    margin: 0;
    margin-bottom: 0.1em
  }

  .pages_home .banner .container.top_banner .content a:last-child, .pages_home .banner .top_banner.filter .content a:last-child, .pages_home .banner .top_banner.labels .content a:last-child {
    margin-left: 4%
  }
}

.listening .banner .actions .button {
  margin-top: 1em;
  background-color: #9AD053;
  border: none
}

.listening .footer_actions .actions .title i.fa, .listeners .footer_actions .actions .title i.fa {
  background-color: #9AD053;
  color: white;
  font-size: 2em;
  border-radius: 50%;
  padding: 17px 0.4em;
  display: block;
  width: 0.8em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
}

.listening .footer_actions .actions .title, .listeners .footer_actions .actions .title {
  font-size: 2em;
}

.listening .banner .actions .button.disabled {
  background: transparent;
  border: 1px solid white
}

.listening .banner .actions p.tip {
  font-size: 0.8em
}

.listening .list {
  padding: 0
}

.listening .list .item {
  background-color: whitesmoke
}

.listening a.box.list {
  padding: 0;
  margin-bottom: 1.5em;
  margin-top: 2em
}

.listening a.box.list:before {
  content: "+";
  background: #a0ce4e;
  color: white;
  margin-right: 0.7em;
  padding: 0.2em 0.6em
}

.listening .section {
  clear: both;
  overflow: hidden;
  padding: 0 2%;
  margin: 0 auto;
  text-align: center
}

.listening .section .text {
  float: left;
  width: 100%;
  font-size: 1em;
  text-align: left
}

.listening .section .text .title {
  font-size: 1.2em;
  color: #333
}

.listening .section .text p i {
  font-size: 0.8em;
  vertical-align: text-top
}

.listening .section .text p.tiny {
  font-size: 0.8em
}

.listening .section .text a {
  color: #a0ce4e
}

.listening .section .text a:hover {
  color: #80b922
}

.listening .user_comments {
  padding: 3em 0
}

/*.listening .user_comments .comments {
  float: left;
  width: 50%
}*/

.listening .user_comments .comments .item {
  width: 50%;
  margin-bottom: 3em;
  padding: 1.5em;
  background-color: #f6f6f7;
  border: 1px solid #e7e7e7;
  position: relative;
}

.listening .user_comments .comments .item .comment_author {
  position: absolute;
  top: -25px;
  width: 100%;
  left: 0;
  text-align: center;
  margin: 0;
  padding: 0;
}

.listening .user_comments .comments .item .comment_author .avatar {
  margin: 0 auto;
  width: 48px
}

.listening .user_comments .comments .item p {
  display: block;
  clear: both;
  font-size: 12px;
  color: #999;
  padding-top: 5px;
}

.listening .user_comments .comments .item, .listeners .user_comments .comments .item {
  float: left;
  width: 23.3%;
  margin: 2em 0 0 3.3%;
  padding: 3em 2% 1em 2%;
  background-color: #f6f6f7;
  box-shadow: none;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
}

/*.listening .user_comments .comments .item:nth-child(2) {
  margin-left: 5em
}*/
.listening .footer_actions, .listeners .footer_actions {
  background-size: cover;
  background-position-y: -100px;
  background-repeat: no-repeat;
  padding-top: 10em;
  margin-bottom: -4em;
  padding-top: 0em;
}

.listening .footer_actions .actions, .listeners .footer_actions .actions {
  text-align: left;
  width: 40%;
  padding: 1em 3em;
  margin: auto;
}

.listening .footer_actions .actions .button, .listeners .footer_actions .actions .button {
  width: 50%;
  margin: 25px auto 0 auto;
  margin-left: 25%;
  background: #9AD053
}

.listening .container, .listening .filter, .listening .labels, .listeners .container, .listeners .filter, .listeners .labels {
  max-width: 1100px;
  padding-left: 0;
  padding-right: 0;
}

.listening .user_comments .comments .item i.fa, .listeners .user_comments .comments .item i.fa {
  float: left;
  margin-right: 0.5em;
  margin-left: 0.3em;
  margin-top: 0.2em;
  color: lightgrey;
  font-size: 1.5em;
}

.listening .user_comments .comments .refresh_icon:first-child, .listeners .user_comments .comments .refresh_icon:first-child {
  float: left;
}

.listening .user_comments .comments .refresh_icon:last-child, .listeners .user_comments .comments .refresh_icon:last-child {
  float: right;
}

.listening .deep, .pages_app .deep, .listeners .deep {
  background-color: #f6f6f7;
}

.listening .user_comments .comments .refresh_icon, .listeners .user_comments .comments .refresh_icon {
  margin-top: 5em;
  cursor: pointer;
}

.listening .user_comments .comments .refresh_icon img, .listeners .user_comments .comments .refresh_icon img {
  width: 18px;
  height: 25px;
}

.listening .user_comments .comments .item .text {
  padding-top: 0.5em;
  font-size: 14px;
}

.listening .user_comments .actions {
  float: left;
  width: 50%;
  text-align: center
}

.listening .user_comments .actions .title {
  font-size: 2em
}

.listening .user_comments .actions .title i.fa {
  background-color: #a0ce4e;
  color: white;
  font-size: 2em;
  border-radius: 50%;
  padding: 17px 0.4em;
  display: block;
  width: 0.8em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em
}

.listening .user_comments .actions .desc {
  text-align: left
}

.listening .user_comments .actions a.button {
  padding: 1em 3em
}

.listening .container.current_call, .listening .current_call.filter, .listening .current_call.labels {
  padding-top: 3em;
  padding-bottom: 3em;
  text-align: center
}

.listening .container.current_call .message, .listening .current_call.filter .message, .listening .current_call.labels .message {
  text-align: center;
  margin-bottom: 1em
}

.listening .container.current_call .message .text, .listening .current_call.filter .message .text, .listening .current_call.labels .message .text {
  font-size: 1em;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: left
}

.listening .container.current_call img, .listening .current_call.filter img, .listening .current_call.labels img {
  width: 150px;
  height: 150px
}

.listening .container.current_call span, .listening .current_call.filter span, .listening .current_call.labels span {
  font-size: 1em;
  display: block;
  margin-top: 1em
}

@media (max-width: 700px) {
  .listening .section .text {
    font-size: 1em;
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: 0
  }

  .listening .footer_actions .actions, .listeners .footer_actions .actions {
    width: 80%;
    margin-bottom: 50px
  }

  .listening .user_comments .comments .item .text {
    padding-top: 1em;
    width: 95%;
    margin: 0 auto;
  }

  .listening .banner .actions .button {
    margin-top: 0em;
  }

  .listening .user_comments {
    padding: 2em 0 0 0;
  }

  .listening .section img {
    float: none;
    width: 100%;
    margin: 0 auto
  }

  .listening .actions {
    margin: 0;
    width: 100%
  }

  .listening .user_comments .comments {
    float: none;
    width: 94%;
    margin: 0 auto;
  }

  .listening .user_comments .comments .item {
    width: 80%;
    margin-left: auto;
    margin-right: auto
  }

  .listening .user_comments .comments .item:nth-child(2) {
    width: 80%;
    margin-left: auto;
    margin-right: auto
  }

  .listening .user_comments .comments .item:nth-child(2), .listening .user_comments .comments .item:nth-child(3), .listeners .user_comments .comments .item:nth-child(2), .listeners .user_comments .comments .item:nth-child(3) {
    display: none;
  }

  .listening .user_comments .actions {
    float: none;
    width: 100%
  }
}

.activities_index .card_list {
  float: left;
  width: 100%
}

.activities_index .card_list > .container, .activities_index .card_list > .filter, .activities_index .card_list > .labels {
  width: 33.3%;
+width: 30%;
  box-sizing: border-box;
  float: left;
  padding-left: 1em;
+padding-left: 1.05em;
  padding-right: 1em
}

.activities_index .card_list > .container:nth-child(3n+1), .activities_index .card_list > .filter:nth-child(3n+1), .activities_index .card_list > .labels:nth-child(3n+1) {
  clear: left;
  padding-left: 0
}

.activities_index .card_list > .container:nth-child(3n), .activities_index .card_list > .filter:nth-child(3n), .activities_index .card_list > .labels:nth-child(3n) {
  padding-right: 0
}

.activities_index .card_list > .container .box.event, .activities_index .card_list > .filter .box.event, .activities_index .card_list > .labels .box.event {
  background-color: white;
  border: 1px solid #ebebeb;
  margin-top: 20px;
}

.activities_index .card_list > .container .box.event a.event_banner, .activities_index .card_list > .filter .box.event a.event_banner, .activities_index .card_list > .labels .box.event a.event_banner {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 178px;
  text-align: right;
  vertical-align: bottom;
}

.activities_index .card_list > .container .box.event a.event_banner img, .activities_index .card_list > .filter .box.event a.event_banner img, .activities_index .card_list > .labels .box.event a.event_banner img {
  width: 100%;
  bottom: 50%;
  position: relative;
}

.activities_index .card_list > .container .box.event a.title, .activities_index .card_list > .filter .box.event a.title, .activities_index .card_list > .labels .box.event a.title {
  color: #333;
  font-size: 1em;
  border: none;
  line-height: 1.6;
  margin: 0;
  padding: 0.8em 0.8em 0;
  margin-bottom: 10px
}

.activities_index .card_list > .container .box.event a.title .status, .activities_index .card_list > .filter .box.event a.title .status, .activities_index .card_list > .labels .box.event a.title .status {
  margin: 0em 0.5em 0 0;
  font-size: 0.8em
}

.activities_index .card_list > .container .box.event a.title .status.disabled, .activities_index .card_list > .filter .box.event a.title .status.disabled, .activities_index .card_list > .labels .box.event a.title .status.disabled {
  background-color: grey
}

.activities_index .card_list > .container .box.event a.title .status span, .activities_index .card_list > .filter .box.event a.title .status span, .activities_index .card_list > .labels .box.event a.title .status span {
  line-height: 1.5
}

.activities_index .card_list > .container .box.event a.title span.location, .activities_index .card_list > .filter .box.event a.title span.location, .activities_index .card_list > .labels .box.event a.title span.location {
  color: #83b900;
  font-weight: 900
}

.activities_index .card_list > .container .box.event > .content, .activities_index .card_list > .filter .box.event > .content, .activities_index .card_list > .labels .box.event > .content {
  width: 100%;
  box-sizing: border-box
}

.activities_index .card_list > .container .box.event > .content .info, .activities_index .card_list > .filter .box.event > .content .info, .activities_index .card_list > .labels .box.event > .content .info {
  color: #999;
  font-size: 0.8em;
  padding: 0 1em
}

.activities_index .card_list > .container .box.event > .content a.info .tags, .activities_index .card_list > .filter .box.event > .content a.info .tags, .activities_index .card_list > .labels .box.event > .content a.info .tags, .activities_index .card_list > .container .box.event > .content a.info .location, .activities_index .card_list > .filter .box.event > .content a.info .location, .activities_index .card_list > .labels .box.event > .content a.info .location, .activities_index .card_list > .container .box.event > .content a.info .price, .activities_index .card_list > .filter .box.event > .content a.info .price, .activities_index .card_list > .labels .box.event > .content a.info .price, .activities_index .card_list > .container .box.event > .content a.info .people, .activities_index .card_list > .filter .box.event > .content a.info .people, .activities_index .card_list > .labels .box.event > .content a.info .people {
  margin-bottom: 0.5em;
  display: block
}

.activities_index .card_list > .container .box.event > .content a.info .tags .price_group, .activities_index .card_list > .filter .box.event > .content a.info .tags .price_group, .activities_index .card_list > .labels .box.event > .content a.info .tags .price_group, .activities_index .card_list > .container .box.event > .content a.info .location .price_group, .activities_index .card_list > .filter .box.event > .content a.info .location .price_group, .activities_index .card_list > .labels .box.event > .content a.info .location .price_group, .activities_index .card_list > .container .box.event > .content a.info .price .price_group, .activities_index .card_list > .filter .box.event > .content a.info .price .price_group, .activities_index .card_list > .labels .box.event > .content a.info .price .price_group, .activities_index .card_list > .container .box.event > .content a.info .people .price_group, .activities_index .card_list > .filter .box.event > .content a.info .people .price_group, .activities_index .card_list > .labels .box.event > .content a.info .people .price_group {
  margin-left: 1.5em;
  margin-top: -1.5em
}

.activities_index .card_list > .container .box.event > .content a.info .tags .price_group span, .activities_index .card_list > .filter .box.event > .content a.info .tags .price_group span, .activities_index .card_list > .labels .box.event > .content a.info .tags .price_group span, .activities_index .card_list > .container .box.event > .content a.info .location .price_group span, .activities_index .card_list > .filter .box.event > .content a.info .location .price_group span, .activities_index .card_list > .labels .box.event > .content a.info .location .price_group span, .activities_index .card_list > .container .box.event > .content a.info .price .price_group span, .activities_index .card_list > .filter .box.event > .content a.info .price .price_group span, .activities_index .card_list > .labels .box.event > .content a.info .price .price_group span, .activities_index .card_list > .container .box.event > .content a.info .people .price_group span, .activities_index .card_list > .filter .box.event > .content a.info .people .price_group span, .activities_index .card_list > .labels .box.event > .content a.info .people .price_group span {
  display: block
}

.activities_index .card_list > .container .box.event > .content a.info .tags span, .activities_index .card_list > .filter .box.event > .content a.info .tags span, .activities_index .card_list > .labels .box.event > .content a.info .tags span {
  float: left;
  background-color: #a0ce4e;
  color: white;
  border-radius: 5px;
  padding: 0.1em 0.3em;
  margin-top: 0.2em;
  margin-right: 0.2em
}

.activities_index .card_list > .container .box.event > .content a.info .fa, .activities_index .card_list > .filter .box.event > .content a.info .fa, .activities_index .card_list > .labels .box.event > .content a.info .fa {
  margin-right: 0.5em;
  color: lightgrey;
  width: 1em;
  text-align: center
}

.activities_index .card_list > .container .box.event > .content a.author, .activities_index .card_list > .filter .box.event > .content a.author, .activities_index .card_list > .labels .box.event > .content a.author {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  border-top: 1px dotted lightgrey;
  font-size: 0.9em;
  background: #F5F5F5;
}

.activities_index .card_list > .container .box.event > .content a.author img, .activities_index .card_list > .filter .box.event > .content a.author img, .activities_index .card_list > .labels .box.event > .content a.author img {
  width: 3em;
  height: 3em;
  max-width: none;
  max-height: none
}

.activities_index .card_list > .container .box.event > .actions, .activities_index .card_list > .filter .box.event > .actions, .activities_index .card_list > .labels .box.event > .actions {
  display: none;
  float: none;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: 1em
}

@media (max-width: 800px) {
  .activities_index .card_list {
    float: left;
    width: 100%
  }

  .activities_index .card_list > .container, .activities_index .card_list > .filter, .activities_index .card_list > .labels {
    width: 50%
  }

  .activities_index .card_list > .container:nth-child(3n+1), .activities_index .card_list > .filter:nth-child(3n+1), .activities_index .card_list > .labels:nth-child(3n+1) {
    clear: none;
    padding-left: 0.5em
  }

  .activities_index .card_list > .container:nth-child(3n), .activities_index .card_list > .filter:nth-child(3n), .activities_index .card_list > .labels:nth-child(3n) {
    padding-right: 0.5em
  }

  .activities_index .card_list > .container:nth-child(2n+1), .activities_index .card_list > .filter:nth-child(2n+1), .activities_index .card_list > .labels:nth-child(2n+1) {
    clear: left;
    padding-left: 0
  }

  .activities_index .card_list > .container:nth-child(2n), .activities_index .card_list > .filter:nth-child(2n), .activities_index .card_list > .labels:nth-child(2n) {
    padding-right: 0
  }
}

@media (max-width: 480px) {
  .activities_index .card_list > .container, .activities_index .card_list > .filter, .activities_index .card_list > .labels {
    float: none;
    width: 100%
  }

  .activities_index .card_list > .container:nth-child(n), .activities_index .card_list > .filter:nth-child(n), .activities_index .card_list > .labels:nth-child(n) {
    padding-left: 0;
    padding-right: 0;
    clear: none
  }
}

.linebox {
  display: block;
  overflow: hidden;
  clear: both;
  max-width: 1100px;
  padding: 1.6em 20px;
  margin: 1em auto;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
}

.linebox .order i {
  margin-right: 10px
}

@media (max-width: 700px) {
  .linebox {
    padding: 1.4em 1em;
  }

  .linebox p {
    line-height: 20px
  }
}

.mB10 {
  margin-bottom: 10px
}
.mt10{
  margin-top:10px;
}
.fs-16 {
  font-size: 16px
}

@-webkit-keyframes jconfirm-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes jconfirm-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.jconfirm {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  font-family: inherit;
  overflow: hidden;
  margin: 0 auto
}

.jconfirm .jconfirm-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.jconfirm .jconfirm-bg.seen {
  opacity: 1
}

.jconfirm .jconfirm-scrollpane {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto
}

.jconfirm .jconfirm-box {
  background: white;
  border-radius: 4px;
  position: relative
}

.jconfirm .jconfirm-box div.closeIcon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  opacity: .6;
  text-align: center;
  display: none
}

.jconfirm .jconfirm-box div.closeIcon:hover {
  opacity: 1
}

.jconfirm .jconfirm-box div.title {
  font-size: 14px;
  font-weight: bold;
  font-family: inherit;
  padding: 10px 20px;
  background-color: #F9F9F9;
  border-radius: 3px;
}

.jconfirm .jconfirm-box div.content {
  padding-top: 10px;
  padding: 20px 20px 10px;
}

.jconfirm .jconfirm-box div.content:empty {
  height: 40px;
  position: relative;
  opacity: .6
}

.jconfirm .jconfirm-box div.content:empty:before {
  content: '';
  height: 20px;
  width: 20px;
  border: solid 2px #aaa;
  position: absolute;
  left: 50%;
  margin-left: -45px;
  border-radius: 20%;
  -webkit-animation: jconfirm-rotate 1s infinite;
  animation: jconfirm-rotate 1s infinite
}

.jconfirm .jconfirm-box div.content:empty:after {
  content: 'loading..';
  position: absolute;
  left: 50%;
  margin-left: -15px
}

.jconfirm .jconfirm-box .buttons {
  padding: 0 15px 10px 15px;
}

.jconfirm .jconfirm-box .buttons button + button {
  margin-left: 5px
}

.jconfirm .jquery-clear {
  clear: both
}

.jconfirm.white .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.2)
}

.jconfirm.white .jconfirm-box {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  width: 450px;
  margin: 0 auto;
}

.jconfirm.white .jconfirm-box .buttons {
  float: right
}

@media (max-width: 700px) {
  .jconfirm.white .jconfirm-box .buttons {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
    padding-bottom: 10px;
  }

  .jconfirm.white .jconfirm-box .buttons button {
    width: 40%;
    margin: 3% 5%;
  }

  .jconfirm.white .jconfirm-box {
    width: 90%;
  }
}

.jconfirm.white .jconfirm-box .buttons button {
  border: 0;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background .1s;
  transition: background .1s;
  color: white;
}

@media (min-width: 700px) {
  .jconfirm.white .jconfirm-box .buttons button {
    width: 118px;
  }
}

.jconfirm.white .jconfirm-box .buttons button.btn-default {
  box-shadow: none;
  color: #333
}

.jconfirm.black .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.5)
}

.jconfirm.black .jconfirm-box {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  background: #444;
  border-radius: 5px;
  color: white
}

.jconfirm.black .jconfirm-box .buttons {
  float: right
}

.jconfirm.black .jconfirm-box .buttons button {
  border: 0;
  background-image: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-shadow: none;
  -webkit-transition: background .1s;
  transition: background .1s;
  color: white
}

.jconfirm.black .jconfirm-box .buttons button.btn-default {
  box-shadow: none;
  color: #fff;
  background: 0
}

.jconfirm.black .jconfirm-box .buttons button.btn-default:hover {
  background: #666
}

.jconfirm.hololight .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.5)
}

.jconfirm.hololight .jconfirm-box {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  overflow: hidden
}

.jconfirm.hololight .jconfirm-box div.title {
  font-weight: inherit;
  border-bottom: solid 2px #76cfdf;
  color: #76cfdf
}

.jconfirm.hololight .jconfirm-box .buttons {
  border-top: solid 2px #e7e7e7;
  width: 100%;
  float: none;
  padding: 0
}

.jconfirm.hololight .jconfirm-box .buttons button {
  margin: 0;
  border: 0;
  background: #fff;
  border-radius: 0;
  width: 50%;
  padding: 13px;
  font-size: 16px;
  font-weight: bold;
  color: #666
}

.jconfirm.hololight .jconfirm-box .buttons button + button {
  border-left: solid 2px #e7e7e7
}

.jconfirm.holodark .jconfirm-bg {
  background-color: rgba(0, 0, 0, 0.5)
}

.jconfirm.holodark .jconfirm-box {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  background: #333;
  overflow: hidden
}

.jconfirm.holodark .jconfirm-box div.closeIcon {
  color: white
}

.jconfirm.holodark .jconfirm-box div.title {
  font-weight: inherit;
  border-bottom: solid 2px #76cfdf;
  color: #76cfdf
}

.jconfirm.holodark .jconfirm-box div.content {
  color: white
}

.jconfirm.holodark .jconfirm-box .buttons {
  border-top: solid 2px rgba(255, 255, 255, 0.2);
  width: 100%;
  float: none;
  padding: 0
}

.jconfirm.holodark .jconfirm-box .buttons button {
  margin: 0;
  border: 0;
  background: #333;
  border-radius: 0;
  width: 50%;
  padding: 13px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-shadow: none
}

.jconfirm.holodark .jconfirm-box .buttons button + button {
  border-left: solid 2px rgba(255, 255, 255, 0.2)
}

.jconfirm .jconfirm-box.hilight {
  box-shadow: 0 0 20px red
}

.jconfirm {
  -webkit-perspective: 400px;
  perspective: 400px
}

.jconfirm .jconfirm-box {
  opacity: 1;
  -webkit-transition-property: -webkit-transform, opacity, box-shadow;
  transition-property: transform, opacity, box-shadow
}

.jconfirm .jconfirm-box.anim-top, .jconfirm .jconfirm-box.anim-left, .jconfirm .jconfirm-box.anim-right, .jconfirm .jconfirm-box.anim-bottom, .jconfirm .jconfirm-box.anim-opacity, .jconfirm .jconfirm-box.anim-zoom, .jconfirm .jconfirm-box.anim-scale, .jconfirm .jconfirm-box.anim-none, .jconfirm .jconfirm-box.anim-rotate, .jconfirm .jconfirm-box.anim-rotatex, .jconfirm .jconfirm-box.anim-rotatey, .jconfirm .jconfirm-box.anim-scaley, .jconfirm .jconfirm-box.anim-scalex {
  opacity: 0
}

.jconfirm .jconfirm-box.anim-rotate {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.jconfirm .jconfirm-box.anim-rotatex {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.jconfirm .jconfirm-box.anim-rotatey {
  -webkit-transform: rotatey(90deg);
  -ms-transform: rotatey(90deg);
  transform: rotatey(90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.jconfirm .jconfirm-box.anim-scaley {
  -webkit-transform: scaley(1.5);
  -ms-transform: scaley(1.5);
  transform: scaley(1.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.jconfirm .jconfirm-box.anim-scalex {
  -webkit-transform: scalex(1.5);
  -ms-transform: scalex(1.5);
  transform: scalex(1.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.jconfirm .jconfirm-box.anim-top {
  -webkit-transform: translate(0px, -100px);
  -ms-transform: translate(0px, -100px);
  transform: translate(0px, -100px)
}

.jconfirm .jconfirm-box.anim-left {
  -webkit-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px)
}

.jconfirm .jconfirm-box.anim-right {
  -webkit-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px)
}

.jconfirm .jconfirm-box.anim-bottom {
  -webkit-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate(0px, 100px)
}

.jconfirm .jconfirm-box.anim-zoom {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}

.jconfirm .jconfirm-box.anim-scale {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8)
}

.jconfirm .jconfirm-box.anim-none {
  display: none
}

.jconfirm.supervan .jconfirm-bg {
  background-color: rgba(54, 70, 93, 0.95)
}

.jconfirm.supervan .jconfirm-box {
  background-color: transparent
}

.jconfirm.supervan .jconfirm-box div.closeIcon {
  color: white
}

.jconfirm.supervan .jconfirm-box div.title {
  text-align: center;
  color: white;
  font-size: 28px;
  font-weight: normal
}

.jconfirm.supervan .jconfirm-box div.content {
  text-align: center;
  color: white
}

.jconfirm.supervan .jconfirm-box .buttons {
  text-align: center
}

.jconfirm.supervan .jconfirm-box .buttons button {
  font-size: 16px;
  border-radius: 2px;
  background: #303f53;
  text-shadow: none;
  border: 0;
  color: white;
  width: 25%;
  padding: 10px
}

#mfooter {
  height: 50px;
  background: #fcfcfc;
  border-top: 1px solid #E7E7E7;
  border-bottom: 1px solid #F8F8F8;
  left: 0;
  right: 0;
  bottom: -1px;
  padding-bottom: 1px;
  width: 100%;
  position: fixed;
  z-index: 50;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.g-grid-a, .g-grid-b, .g-grid-c, .g-grid-d, .g-grid-solo {
  overflow: hidden;
}

footer {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-weight: 400;
}

.gp {
  font-size: 12px;
}

#mfooter a.on {
  color: #0093E7;
}

#mfooter a {
  height: 20px;
  padding-top: 28px;
  position: relative;
  color: #666;
  font-size: 12px;
  text-align: center;
}

.g-grid-c .g-block {
  width: 25%;
}

.g-block {
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#mfooter a.on .ydl {
  background-position: -10px -850px;
}

#mfooter a i {
  background-image: url(../../v3/images/sprites-1.png);
  background-repeat: no-repeat;
  background-size: 150px 1235px;
  background-position: 0 0;
  position: absolute;
  left: 50%;
  top: 4px;
  height: 25px;
  width: 30px;
  margin-left: -15px;
}

.g-icon {
  background-size: cover;
}

#mfooter a.on .zj {
  background-position: -8px -920px;
}

#mfooter a .wd {
  background-image: url(../../v3/images/sprites-1-ext.png);
  background-size: cover;
  background-position: left center;
}

#mfooter a .zj {
  background-position: -8px -885px;
}

#mfooter a .my {
  background-position: -10px -955px;
}

#mfooter a.on {
  color: #3278ee;
}

#mfooter a.on .wd {
  background-position: right center;
}

#mfooter a .ydl {
  background-position: -10px -815px;
}

#mfooter a.on .my {
  background-position: -10px -990px;
}

.aboutus #content_wrapper h1 {
  font-size: 18px;
  font-weight: normal;
  color: #83b900
}

.aboutus #content_wrapper {
  margin-top: 15px;
}

.aboutus #content_wrapper p a {
  color: #0093e7;
}

.aboutus .about_team img {
  float: left;
  border: 1px solid #f7f7f7;
  margin-right: 20px;
  margin-bottom: 20px;
}

.aboutus .about_team p {
  margin-left: 200px;
  text-align: left;
  margin-top: 0px;
}

body.helpcenter #content_wrapper .container .fa {
  margin-right: 10px
}

@media (min-width: 700px) {
  body.helpcenter #content_wrapper .container p {
    padding-left: 25px
  }
}

.nodata_tips {
  margin: 50px auto;
  text-align: center;
  color: #999;
}

.article_button {
  margin: 10px auto;
  text-align: center;
  color: #999;
}

.nodata_tips .button, .article_button .button {
  width: 30%;
}

@media (max-width: 700px) {
  body.helpcenter #content_wrapper .container p {
    padding-left: 5px
  }

  .aboutus .about_team img {
    border: 1px solid #f7f7f7;
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
    width: 30%
  }

  .aboutus .about_team h1 {
    margin-top: -10px;
  }

  .aboutus .about_team p {
    margin-left: 0;
    text-align: left;
    display: block;
  }

  .nodata_tips {
    text-align: center;
    margin: 30px 0;
    width: 100%;
  }

  .nodata_tips .button, .article_button .button {
    width: 90%;
  }
}

.pages_home .footer {
  margin-top: 0
}

.pages_home #content_wrapper {
  margin-bottom: 0
}

/**/
.header.m_logo img {
  width: 100px;
}

.m_logo {
  margin-top: -8px;
}

.pages_home .card_list .actions a {
  display: inline-block;
  width: 25%;
  text-align: center;
  padding: 0.8em;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
}

/*test bar*/
.bottom-bar {
  background-color: #F7F7F7;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  border-top: 1px solid #E7E4E4;
  z-index: 999999;
}

.bottom-bar .bottom-bar-item.cur {
  border-bottom: 1px solid #2da1f7;
}

.bottom-bar .bottom-bar-item-left {
  border-right: 1px solid #E7E4E4;
}

.bottom-bar .bottom-bar-item {
  display: inline-block;
  width: 49%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  /*font-weight:bold;*/
  color: #00a2ff;
}

.bottom-bar a:link {
  color: #00a2ff;
  font-size: 18px;
}

.bottom-bar a:hover {
  text-decoration: none;
  color: #00a2ff;
}

#banner_19 {
  display: none;
  /*height:0;
 overflow:hidden;*/
}

@media (min-width: 700px) {
  #banner_19 {
    height: 75px;
    margin: 0 auto;
    width: 1000px;
    padding: 15px 0;
  }
}

/*-- Edit by Xiaofan Zhang | start --*/
.fixed-bar-service {
  display: none;
}


.fixed-bar-notification {
  display: none;
}

.related-links {
  font-size: 14px;
  margin-bottom: 50px;
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

.related-links a {
  margin-left: 10px;
}

.weixin-login {
  border-radius: 50%;
  color: #fff;
  font-size: 32px;
  height: 66px;
  line-height: 66px;
  width: 66px;
  margin:20px 10px 0 0;
  background:#72ce60;
  *background: url(../../v3/images/iconfont-weixin.png);
  *background-repeat:no-repeat;
  *background-position: center center;
}
.qq-login {
  border-radius: 50%;
  color: #fff;
  font-size: 32px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  width: 66px;
  margin:20px 0 0 10px;
  background:#53b2fc;

  *background: url(../../v3/images/iconfont-qq.png);
  *background-repeat:no-repeat;
  *background-position: center center;
}
@media (max-width: 700px){
  .weixin-login {
    display:none;
  }
}
.blue_link {
  color: #0093E7;
}
.cl-blue {
  color: #0093E7;
}
.cl-pink {
  color: #fc97fd;
}
/* member-center */
.member-info p {
  margin: 0;
}

.member-info .nickname {
  margin-top: 10px;
}

.member-info .type {
  color: #999999;
  font-size: 12px;
}

.member-info .gender {
  margin-left: 10px;
}

.member-info .link {
  font-size: 14px;
}

.member-info .col-1 {
  float: left;
  margin-left: 20px;
}

.member-info .avatar {
  border-radius: 50%;
  display: block;
  float: left;
  height: 100px;
  overflow: hidden;
  width: 100px;
}

.member-info .avatar img {
  height: 100px;
  width: 100px;
}

.member-info .more {
  /*background: url(../../v3/images/icon_arrow@2x.png) no-repeat 10px 36px;*/

  background-image: url('../../v3/images/icon_arrow@2x.png');
  background-size: 15px 20px;
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../../v3/images/icon_arrow@2x.png',
    sizingMethod='scale');


  display: block;
  float: right;
  height: 100px;
  margin-right: 15px;
  width: 30px;
}

.member-info.linebox {
  border-top: 1px solid #ebebeb;
  padding-right: 0;
}

.row-group {
  background: #fbfbfb;
  border: 1px solid #ebebeb;
  margin-top: 20px;
}

.row-box {
  height: 50px;
  line-height: 50px;
  width: 100%;
  display: inline-block\9;
}

.row-box .ic {
  display: block;
  float: left;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 8%;
}

.row-box .row {
  float: left;
  font-size: 16px;
  width: 92%;
}

.row-box .row .txt {
  font-style: normal;
}

.row-box .row .more {
  background-image: url('../../v3/images/icon_arrow@2x.png');
  background-size: 15px 20px;
  background-position-y: center;
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../../v3/images/icon_arrow@2x.png',
    sizingMethod='scale');
  display: block;
  float: right;
  height: 50px;
  height: 18px\9;
  margin-right: 15px;
  width: 30px;
  *margin-top: -33px;
  margin-top: 21px\0;
}

.brd-t {
  border-top: 1px solid #ebebeb;
}

@media (max-width: 700px) {

  .member-center .container {
    padding-left: 0;
    padding-right: 0;
  }

  .row-group {
    border-left: 0 none;
    border-right: 0 none;
  }

  .row-box .ic {
    width: 10%;
  }

  .row-box .row {
    width: 90%;
  }

  .fixed-bar-service {
    background: rgba(0, 0, 0, .5);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    display: block;
    height: 45px;
    padding-top: 5px;
    position: fixed;
    right: 0;
    bottom: 90px;
    width: 45px;
  }

  .experts_show .fixed-bar-service, .questions .fixed-bar-service {
    padding-right: 0
  }

  .fixed-bar-service .fa-qq {
    color: #fff;
    display: block;
    font-size: 1.5em;
    text-align: center;
  }

  .fixed-bar-service .txt {
    color: #fff;
    display: block;
    font-size: 0.9em;
    text-align: center;
  }

  .fixed-notification {
    display: none;
  }

  .fixed-bar-notification {
    background: #d7d7d7;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    bottom: 144px;
    display: block;
    height: 45px;
    padding-top: 5px;
    position: fixed;
    right: 0;
    width: 45px;
  }

  .experts_show .fixed-bar-notification, .questions .fixed-bar-notification {
    padding-right: 0
  }

  .fixed-bar-notification .fa-bell {
    color: #fff;
    display: block;
    font-size: 1.5em;
    text-align: center;
  }

  .fixed-bar-notification .txt {
    color: #fff;
    display: block;
    font-size: 0.9em;
    text-align: center;
  }

  .fixed-bar-notification.lighting {
    background: #ffc501;
  }

  .fixed-bar-notification.lighting .click-me {
    background: #fd0100;
    border: 2px solid #ffffff;
    border-radius: 50%;
    height: 15px;
    position: absolute;
    top: -6px;
    left: -6px;
    width: 15px;
  }
}

/*-- Edit by Xiaofan Zhang | end --*/
/*帐户余额 充值*/
.mymoney button, .mymoney #content_wrapper .container .g-order-info a.wepay, .mymoney .button {
  width: 200px;
}

@media (max-width: 700px) {
  .mymoney .button, .mymoney #content_wrapper .container .g-order-info a.wepay {
    width: 100%;
    margin: 10px 0;
    background: #71CC5A;
    border: 1px solid #71CC5A;
  }

  .mymoney .message.success .button {
    width: 44%
  }

  .mymoney .container .linebox {
    display: block;
    overflow: hidden;
    clear: both;
    max-width: 1000px;
    padding: 1em 0.5em;
    margin: 0em auto;
    box-sizing: border-box;
    border: none;
    border-top: none;
  }

  .mymoney #content_wrapper {
    margin-bottom: 150px;
  }

  .mymoney #content_wrapper .container .linebox .g-order-info li {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
  }

  .tabs .titles {
    background: #fff;
    border: none;
    cursor: auto;
    border-left: none;
    border-right: none;
  }

  .tabs .titles .title {
    display: table-cell;
    padding: 0.5em 1em;
    background: #F1F2F2;
    color: #747474;
    cursor: pointer;
    border-bottom: 1px solid #F1F2F2;
    width: 1%;
    text-align: left;
    font-size: 14px;
  }
}

/*call listen*/
.listeners .expert_comments .item i.fa {
  margin-left: 0.5em;
  font-weight: bold;
  font-size: 1em
}

.listeners .expert_comments .item .button i.fa {
  margin-left: 0
}

.listeners .expert_comments .item i.fa.fa-mars {
  color: #81D0FF
}

.listeners .expert_comments .item i.fa.fa-venus {
  color: #F99DFF
}

.listeners .expert_comments .item img.disabled {
  opacity: 0.4
}

.listeners .expert_comments .item:nth-child(4n+1) {
  /*clear: left*/
}

.listeners .expert_comments .item .text {
  margin-top: 5px;
  margin-bottom: 5px;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 0;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  min-height: 3em;
  color: darkgray
}

.listeners .expert_comments .item .text span {
  border: 1px solid #E4E4E4;
  padding: 2px 5px;
  margin-right: 6px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 8px;
  font-size: 12px;
  color: #999;
}

.listeners .expert_comments .item .detail {
  margin-bottom: 10px;
  font-size: 20px;
}

.listeners .expert_comments .item .button {
  width: 10em;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 10px;
  font-size: 14px;
}

.listeners .expert_comments .item .online {
  background-color: #9AD053;
}

.listeners .expert_comments .item .connecting {
  background-color: #E05454;
}

.listeners .expert_comments .item .button.speaking {
  background-color: #FDEED5;
  color: #B98A68 !important;
}

@media (max-width: 700px) {
  .listeners.confide_listeners .message {
    font-size: 12px
  }

  .listeners2 {
    background: #F7F7F7;
  }

  .listeners .expert_comments .item .text {
    -webkit-line-clamp: 0;
  }

  .listeners.confide_listeners .expert_comments .item {
    width: 100%;
    float: left;
    padding: 15px 10px;
    margin-right: 25px;
    text-decoration: none;
    box-sizing: border-box;
    margin-bottom: 0px;
    margin-top: 0px;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #EAEAEA;
    background-color: #fff;
    position: relative;
  }

  .listeners.confide_listeners .expert_comments .item:nth-child(1) {
    border-top: 1px solid #eaeaea;
  }

  .listeners.confide_listeners .expert_comments {
    margin-bottom: 20px
  }

  .listeners .expert_comments .item img.disabled {
    opacity: 1;
  }

  .listeners.confide_listeners .expert_comments .item:nth-child(4n+1) {
    clear: none
  }

  .listeners.confide_listeners .expert_comments .item:nth-child(3n+1) {
    clear: left
  }

  .listeners.confide_listeners .expert_comments .item .text {
    display: -webkit-box;
    text-align: left;
  }

  .listeners .expert_comments .item .detail {
    text-align: left;
  }

  .listeners .expert_comments .item p {
    color: #888;
    line-height: 18px;
    width: 100%;
    margin-bottom: 10px;
  }

  .listeners.confide_listeners .expert_comments .item img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 12px;
  }

  .listeners.confide_listeners .expert_comments .item a.button {
    font-size: 16px;
    width: 6em;
    padding-top: 5px;
    padding-bottom: 5px;
    /* margin-top: 10px; */
    margin-right: 10px;
    margin-left: 100px;
    float: left;
  }
}

/* top-nav | Edit by Xiaofan Zhang */
.top {
  background: #323232;
  display: block;
}

.top .inner {
  width: 1100px;
  margin: 0 auto;
}

.top .greet {
  height: 37px;
  line-height: 37px;
  margin: 0;
}

.cl-100 {
  color: #646464;
}

.cl-220 {
  color: #dcdcdc;
}

.f-12 {
  font-size: 12px;
}

.icon-phone {
  background: url(http://static.ydlcdn.com/v2/images/sprite-2.png) -3px -2px;
  display: block;
  height: 16px;
  width: 9px;
}

.top-nav .icon-phone {
  margin-top: 12px;
}

.top-nav {
  list-style: none;
  margin: 0;
}

.top-nav li {
  float: left;
  line-height: 37px;
  margin-left: 10px;
}

.related-links {
  font-size: 14px;
  margin-bottom: 50px;
  text-align: center;
}

.related-links a {
  margin-left: 10px;
}


/* top-nav end | Edit by Xiaofan Zhang */
/*experts list search*/
.search_input {
  width: 80%;

  /*+width: 76%;*/
  float: left;
}
#search_button {
  width: 20%;
  width: 16%\9;
  float: left;
  color: #404040;
  background-color: #F3F3F3;
}

@media (max-width: 700px) {
  .search_input {
    width: 80%;
    -webkit-appearance: none;
    border-radius: 0;
  }

  #search_button {
    width: 20%;
    float: left;
  }
}

/*送感谢*/
.thanks_header {
  text-align: center;
  position: relative;
  height: 150px;
}

.thanks_header h3 {
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  background: #e76046;
  height: 90px;
  margin: 0;
  padding: 0;
  padding-top: 30px;
}

.thanks_header .avatar {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 80px;
  height: 80px;
}

.thanks_header .avatar img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  border: 2px solid #fff;
}

.thank_hearts {
  text-align: center;
  width: 100%;
}

.hearts_item, .hearts_item_active {
  width: 22%;
  border: 1px solid #e76046;
  display: inline-block;
  margin: 20px 2%;
  border-radius: 5px;
  color: #e76046;
  font-size: 14px;
  padding: 10px 2%;
}

.hearts_item i, .hearts_item_active i {
  font-size: 20px
}

.hearts_item p, .hearts_item_active p {
  font-size: 13px;
  color: #888;
  padding: 0;
  margin: 0;
}

.hearts_item_active {
  background: #e76046;
  color: #FFF;
}

.hearts_item_active p {
  color: #FFF;
}

.add_msg {
  padding: 0em 1.2em;
}

.add_msg .button {
  background: #e76046;
}

.add_msg label {
  margin-top: 0;
  color: #888
}

.add_msg textarea {
  font-size: 14px;
}

.thanks_list {
  width: 90%;
  margin: 0 auto;
}

.thanks_list .comments .comment .text {
  position: relative;
}

.thanks_list .comments .comment .text .heart_num {
  position: absolute;
  top: 30px;
  left: 25px;
}

.thanks_list .comments .comment .text .heart_num i {
  font-size: 24px;
  color: #e76046
}

.thanks_list .comments .comment .text .heart_num span {
  position: absolute;
  left: -1px;
  top: 2px;
  color: #fff;
  font-size: 12px;
}

.thanks_list .comments .comment .text p {
  margin-left: 0px;
  font-size: 14px;
  margin-top: 5px;
}

.thanks_list .comments .comment span {
}

.thanks_list .comments .text .name {
  color: #666;
  font-size: 16px;
}

.thanks_list h3 {
  font-size: 16px;
  font-weight: normal;
  margin-top: 30px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
}

.thanks_list .fs-12 {
  font-size: 12px;
}

.thanks_list .answer_list_item time {
  position: absolute;
  top: 5px;
  right: 0;
}

@media (min-width: 700px) {
  .ask_thanks {
    width: 600px;
    margin: 0 auto;
    border: 1px solid #efefef;
    margin-top: 10px;
  }

  .thanks_list .comment .text span {
    margin-left: 0px;
  }

  .thanks_list .comments .comment .text .heart_num span {
    left: 9px;
  }
}

@media (max-width: 700px) {
  .thanks_list .comments .comment .text p {
    margin-left: 54px;
  }
}
/* Edit by Xiaofan Zhang */
.f-14 {
  font-size: 14px !important;
}
.f-15 {
  font-size: 15px;
}
.f-16 {
  font-size: 16px !important;
}
.f-18 {
  font-size: 18px;
}
.f-20 {
  font-size: 20px;
}
.f-22 {
  font-size: 22px;
}
.f-24 {
  font-size: 24px;
}
.f-28 {
  font-size: 28px;
}

.f-30 {
  font-size: 30px;
}
.f-36 {
  font-size: 36px;
}

/* popup */
.pop-outter {

}
.pop-window {
  background: #ffffff;
  border: 1px solid #adadad;
  border-radius: 5px;
  box-sizing: border-box;
  bottom: 0;
  display: none;
  /*height: 40%;*/
  height: 226px;
  left: 0;
  margin: auto;
  right: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 415px;
  z-index: 101;
}
.pop-window p {
  margin: 0;
}
.pop-window .top-x {
  height: 30px;
}
.pop-window .close-x {
  background: url(http://static.ydlcdn.com/v3/images/icons.png) no-repeat -79px 0;
  background-size: 100px 100px;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 12px;
  right: 15px;
  position: absolute;
  top: 15px;
  width: 12px;
}
.mr-20 {
  margin-right: 20px;
}
.modal-x {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 100;
}
.news-x .item-x {
  float: left;
  width: 310px;
}
.news-x .item-x.m {
  margin-left: 35px;
  margin-right: 35px;
}
.news-x .item-x .more {
  color: #6a6b6b;
  float: right;
  font-size: 12px;
}
.news-x .item-x .title-x {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 5px;
}
.news-x .item-x .title-x .txt {
  font-weight: bold;
}
.news-x .item-x .list-x {
  margin-top: 10px;
}
.news-x .item-x ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.news-x .item-x ul .i-link {
  clear: both;
  line-height: 36px;
}
.news-x .item-x ul .prefix:before {
  color: #999999;
  content: '*';
  font-size: 10px;
  margin-right: 5px;
}
.news-x .item-x ul .prefix {
  float: left;
}
.news-x .item-x ul a {
  color: #6a6b6b;
  font-size: 14px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 290px;
}
.news-x .item-x ul a:hover {
  text-decoration: underline;
}

.listeners .expert_comments .container .item {
  position: relative;
}
.listeners .expert_comments .container .item .audio {
  background: #ffffff;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #999999;
  cursor: pointer;
  font-size: 14px;
  right: 92px;
  padding-left: 9px;
  padding-right: 9px;
  position: absolute;
  text-align: center;
  top: 123px;
}
.listeners .expert_comments .container .item .audio .time {
  padding-left: 15px;
  position: relative;
}
.listeners .expert_comments .container .item .count {
  color: #a5a5a5;
  font-size: 12px;
  margin-top: 15px;
}

.listeners .expert_comments .container .item .audio .voice {
  background: url(http://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat 0 0;
  display: block;
  height: 17px;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}
.listeners .expert_comments .container .item .audio.playing .voice.p0 {
  background: url(http://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat -48px 0;
}
.listeners .expert_comments .container .item .audio.playing .voice.p1 {
  background: url(http://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat -12px 0;
}
.listeners .expert_comments .container .item .audio.playing .voice.p2 {
  background: url(http://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat -24px 0;
}
.listeners .expert_comments .container .item .audio.playing .voice.p3 {
  background: url(http://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat -36px 0;
}
.listeners .expert_comments .container .item .audio.playing .voice.p4 {
  background: url(http://static.ydlcdn.com/v3/images/audio-playing.png) no-repeat 0 0;
}
.cl-green {
  color: #9cd139;
}
/* Edit by Xiaofan Zhang | end */
/*myCoupon*/
.myCoupon_card{
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  position: relative;
  margin:10px 0;
  float:left;
  width:100%;
  background: #fff;
}

.card_price{
  background:url(http://static.ydlcdn.com/v2/images/myCoupon_bg.png) repeat-y right;
  background-size:100%;
}
.card_price_expire{
  background:url(http://static.ydlcdn.com/v2/images/myCoupon_expire_bg.png) repeat-y right;
  background-size:100%;
}
.card_price,.card_price_expire{
  color:#fff;
  text-align:center;
  padding:25px 0px;
  width:100px;
  float:left;
}
.card_price span,.card_price_expire span{
  font-size:40px;
  font-weight:bold;
}
.myCoupon_card .info{
  margin-left: 15px;
  float:left;
  font-size:14px;
  margin-top:10px;
  color:#888;
}
.myCoupon_card .actions .button{
  position:absolute;
  right:20px;
  top:10px;
  width:120px;
  font-size:14px;
  padding:0.4em 0.2em
}
@media (max-width: 700px) {
  .card_price,.card_price_expire{
    width:80px;
    padding:40px 0px;
  }
  .myCoupon_card .info{
    margin-left: 8px;
    float:left;
    font-size:13px;
    margin-top:10px;
    color:#888;
  }
  .myCoupon_card .actions .button{
    right: 10px;
    top: 95px;
    width: 80px;
  }
}
/*pop phone_bind*/
.pop-window2 {
  background: #ffffff;
  border: 1px solid #adadad;
  border-radius: 5px;
  box-sizing: border-box;
  bottom: 0;
  display: none;
  /*height: 40%;*/
  height: 400px;
  left: 0;
  margin: auto;
  right: 0;
  position: fixed;
  top: 0;
  width: 400px;
  z-index: 101;
  padding: 0 30px;
  -webkit-animation-name: pop;
  -webkit-animation-duration: .3s;
}
.pop-window2 .title {
  margin: 0;
  line-height: 1.8;
  margin-bottom:20px;
}
.pop-window2 .top-x{
  height: 30px;
}
.pop-window2 .close-x {
  background: url(http://static.ydlcdn.com/v3/images/icons.png) no-repeat -79px 0;
  background-size: 100px 100px;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 12px;
  right: 15px;
  position: absolute;
  top: 15px;
  width: 12px;
}
.pop-window2 .input_item {
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pop-window2 .input {
  width: 100%;
  font-size: 14px;
  position: relative;
  z-index: 1;
  height: 44px;
  line-height: 44px\9;
  padding-right: 13px;
  padding-left: 13px;
  vertical-align: middle;
  color: #333;
  border-width: 1px;
  border-style: solid;
  outline: 0;
}
.pop-window2 .input_white, .pop-window2 .dropbtn_white {
  border-color: #E6E6E6;
  background-color: #f8f8f8;
}
.pop-window2 .input_item+.input_item {
  margin-top: 20px;
}
.pop-window2 .input_group>input.last_child {
  font-size: 14px;
  width: 148px;
  padding: 0;
}
.pop-window2 .input_group>input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pop-window2 .input_group>input.first_child {
  width: 190px;
}
.pop-window2 .input_group>input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pop-window2 .btn_green.btn_active {
  color: #fff;
  border-color: #00a2ff;
  background-color: #00a2ff;
}
.pop-window2 .btn_green.btn_cancle {
  color: #888;
  border-color: #F9F9F9;
  background-color: #F9F9F9;
}
.pop-window2 .btn_green.btn_disabled {
  color: #fff;
  border-color: #c0e4f9;
  background-color: #c0e4f9;
  cursor:default;
}
.pop-window2 .btn_green.btn_stop {
  color: #fff;
  border-color: #E05454;
  background-color: #E05454;
}
.pop-window2 .input_group input {
  float: left;
}
label, select, button, input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox] {
  cursor: pointer;
}
.pop-window2 .btn_green {
  color: #00b38a;
  border-color: #00b38a;
  background-color: #fff;
}
.pop-window2 .btn_lg {
  font-size: 18px;
  line-height: 46px;
  height: 46px;
}
.pop-window2 .btn {
  font-size: 16px;
  display: inline-block;
  height: 44px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  outline: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: .05s linear;
  -o-transition: .05s linear;
  transition: .05s linear;
}
.pop-window2 .yzm {
  width: 100px;
  height: 42px;
  vertical-align: middle;
  display: inline;
}
.pop-window2 .btn_block {
  display: block;
  width: 100%;
}
.pop-window2 .btn_both {
  display: block;
  width: 40%;
  display: inline;
  margin: 0 4%;
}
.pop-window2 .input_warning, .pop-window2 .dropbtn_warning {
  border-color: #ff4351;
}
.pop-window2 .input_tips {
  position: relative;
  z-index: 2;
  display: block;
  margin-top: 5px;
  line-height: 18px;
  color: red;
}
.input:focus{
  border-color:#00a2ff
}

/*start edit by peng*/
.info .add_comment{
  position: relative;
}

.info .animate-num {
  color: red;
  display: none;
  font-size: 18px;
  left: 10px;
  position: absolute;
  top: 2px;
}
/*end by peng*/
/*article_feedback*/
.experts_show .content .panel-container>div {
  margin-top: .625rem;
}
.main-panel .info_box {
  background-color: #fff;
  margin-top: 5px;
  float: left;
  width: 100%;
  /*border-bottom:1px solid #E6E5E5;*/
  margin-bottom:10px;
}
.main-panel .info_box>h3 {
  line-height: 40px;
  font-size: 15px;
  color: #444;
  margin-left:15px;
}
.info_box .info_desc,.info_box .info_answer {
  border-top: 1px solid #EFEFEF;
  padding-bottom: 2px;
  margin-left:15px;
  margin-right: 15px;
}
h1, h2, h3, h4, h5, h6,p{
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  /* vertical-align: baseline; */
}
.main-panel .info_box .info_desc p{
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  white-space: normal;
  display: -webkit-box;
  margin: 10px 0;
  line-height:24px;
  text-overflow: ellipsis;
}
.main-panel .info_box .info_answer p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  white-space: normal;
  display: -webkit-box;
  margin: 10px 0;
  line-height:24px;
  text-overflow: ellipsis;
}
.main-panel .info_box .info_desc .price {
  font-weight:bold;
  color:#ff6600;
}
.bt_line_fix{
  border-bottom:none;
}
.main-panel .more {
  position: relative;
  height: 44px;
  line-height:44px;
  font-size:15px;
  color:#666;
  background-color: #fff;
  text-align: center;
  border-top:1px solid #efefef;
  margin-left:15px;

}
.evaluation .evaluation-info {
  font-size: .8125rem;
  border-top: 1px solid #EFEFEF;
  padding-bottom: .9375rem;
}
.main-panel .evaluation .evaluation-info .eva-detail {
  margin-top:12px;
  font-size: 13px;
  margin-left:15px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
  position:relative;
}
.main-panel .evaluation .evaluation-info .eva-detail .eva-img , .main-panel .info_box .ask_img{
  float: left;
  height: 1.875rem;
  width: 1.875rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 12px;
}
.main-panel .info_box .ask_img{
  margin-left: 15px;
  margin-top: 10px;
}
.main-panel .evaluation .evaluation-info .eva-detail .eva-img img , .main-panel .info_box .ask_img img {
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.main-panel .evaluation .evaluation-info .eva-detail>p {
  font-size: 14px;
  display: -webkit-box;
  white-space: nowrap;
  white-space: normal;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  margin-top: 5px;
  margin-left: 2.5rem;
  margin-right:15px;
}
.main-panel .evaluation .evaluation-info .time{
  color:#CCC;
  position:absolute;
  right:0;
  top:0;
}
.evaluation .evaluation-info .eva-detail:last-child{
  border-bottom:none;
}
.main-panel .evaluation .evaluation-info .more {
  position: relative;
  height: 30px;
  line-height:44px;
  font-size:15px;
  color:#666;
  background-color: #fff;
  text-align: center;
  border-top:none;
  margin-left:15px;

}
.main-panel .helped_list{
  margin-left:15px;
  margin-right:15px;
  border-top:1px solid #efefef;
  padding: 10px 0;
  overflow:hidden;
}
.main-panel .helped_list ul{
  margin:0;
  padding:0;
}
.main-panel .helped_list li{
  width:16.6%;
  margin:5px 0;
  float:left;
  list-style:none;
  text-align:center;
}

.main-panel .helped_list img{
  width:35px;
  height:35px;
  border-radius:50%;
}
.main-panel .helped_list .total_helped{
  color:#888;
  font-size:13px;
  padding:15px 0 5px 0;
  text-align:center;
  float:left;
  width:100%;
}
.main-panel .link_box{
  position: relative;
  margin: 10px 0;
  background-color: #fff;
  height: 2.75rem;
  line-height: 2.75rem;
  font-size: 17px;
  padding-left: .625rem;
  color: #3c3d3d;
  float: left;
  width: 100%;
}
.main-panel .link_box i{
  width: 1em;
  margin-right: 0.5em;
  text-align: center;
}
.main-panel .link_box .r {
  float: right;
  margin-right:0;
  color: #9d9e9e;
  font-size: 22px;
}
.course-panel .link_box>i {
  font-size: 1.375rem;
  line-height: 2.75rem;
  float: left;
}
.course-panel .link_box>span {
  margin-left: .5rem;
}
.null_tips{
  padding:15px 0;
}
.null_icon{
  margin:20% 0;
}
.null_icon img{
  margin-bottom:20px;
}

@media (max-width: 700px) {
  /*mobile header icon*/
  .header .userCenter,
  .header .menu2 {
    height: 50px;
    float: right;
    width: 50px;
  }

  .header .userCenter {
    background: url(http://static.ydlcdn.com/mobile/images/iconAccount.png) no-repeat 20px 12px;
    -webkit-background-size: 50%;
    background-size: 50%;
  }

  .header .menu2 {
    background: url(http://static.ydlcdn.com/mobile/images/iconMenu.png) no-repeat 20px 12px;
    -webkit-background-size: 50%;
    background-size: 50%;
  }

  .header .iconBack {
    background: url(http://static.ydlcdn.com/mobile/images/icon_home.png) no-repeat 0 12px;
    background-size: 50%;
    -webkit-background-size: 50%;
    float: left;
    height: 50px;
    width: 50px;
  }

  .header .iconBack-title {
    float: left;
    font-size: 18px;
    line-height: 51px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
    margin-left: 15px;
  }

  /*end add mobile header icon*/
}

/*new footer*/
.newFooter .inner .item {
  float: left;
  border-left: 1px solid #ededed;
  text-align: left;
  width: 19%;
  padding: 0;

}
.newFooter .inner .item .phoneNumber {
  font-size: 20px;
  color: #1dc35f;
}
.newFooter .inner .item .icon25 {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../../v3/images/expert-search/img07.png) no-repeat center center;
  margin-left: 18%;
}
.newFooter .inner .item p,
.newFooter .inner .item h3 {
  margin-left: 18%;
}
.newFooter .inner .item h3 {
  color: #666;
  font-size: 16px;
  margin-bottom: 10px;
}
.newFooter {
  background: #fff;
  color: #333;
  width:1100PX;
  margin:0 auto;
}
.newFooter .inner {
  border-top: 1px solid #ededed;
  padding: 20px 0;
  overflow: hidden;
}
.newFooter a,
.newFooter p {
  color: #333;
  font-size: 14px;
}
.newFooter .inner .contact .txt {
  font-size: 14px;
}

.newFooter .inner .tc {
  text-align: center;
}
.newFooter .inner .txt1 a,
.newFooter .inner .link a  {
  display: inline-block;
  margin: 0 10px;
}
.newFooter .inner .link {
  text-align: left;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ededed;
}
.newFooter .inner .link a {
  color: #666;
}
.newFooter .inner .link .tt {
  font-size: 14px;
  color: #333;
}
.newFooter .Qcode img {
  width: 138px;
  height: 138px;
}

/*page divide*/
.page-tab-tog{margin: 0 auto; width: 600px; padding:10px; overflow: hidden; }
.page-tab-tog li{float: left; margin: 0 6px; border-radius: 2px; list-style: none; }
.page-tab-tog li.totle {
  line-height: 40px;
  font-size: 14px;
  color: #999;
}
.page-tab-tog li a{
  display: inline-block;
  width: 46px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #eee;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  border-radius: 2px;
  border: none;
  font-weight: normal;
}
.page-tab-tog li a:hover,.page-tab-tog li a.current, .page-tab-tog li.selected a{background: #009ce7; color: #fff; }
.page-tab-tog-points{font-size: 18px; line-height: 30px; }
.page-right{width: 274px; padding: 10px 4px 0 36px; }
.page-title li{float: left; height: 40px; margin-right: 10px; }
.page-title{height: 60px; }
.page-title li a{padding: 10px; display: inline-block; height: 14px; font-size: 16px; }
.page-title li a:hover{border-bottom: 2px solid #86d800; text-decoration: none; }
.page-list,.page-right{overflow: hidden; }
.vl-ul{overflow: hidden; margin-bottom: 20px; }
.vl-ul li{float: left; margin-right: 16px; width: 205px; height: 183px; }
.vl-title,.vl-title-count{margin: 10px 0; }
.vl-title{ font-weight: bold; }
.vl-title-count,.hot-page-count{font-size: 12px; color: #666;}


/*ask_new by peng*/
.ask_postTab {
  border-bottom: 2px solid #ededed;
  height: 78px;
  margin-top: 50px;
}

.ask_postTab .col-left,
.ask_postTab .col-right {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: 2px solid #e4e4e4;
  height: 80px;
  text-align: center;
  width: 49%;
}

.ask_postTab .col-left {
  border-bottom: 2px solid #fff;
  float: left;
}

.ask_postTab .col-right {
  background: #f7f7f7;
  float: right;
}

.ask_postTab .col-right .link {
  color: #ff6600;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 100%;
}

.ask_postTab .tt {
  margin-top: 10px;
  font-size: 18px;
}

.ask_postTab .txt {
  font-size: 12px;
}

.ask_postTab .col-left .txt {
  font-size: 12px;
  color: #999;
}



/*fixed notification*/

.back-top,
.weChat,
.fixed-notification,
.appDown {
  display: block;
  width: 64px;
  height: 69px;
  position: fixed;
  right: 10px;
  margin-bottom: 5px;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  font-size: 12px;
  line-height: 9;
  border-radius: 2px;
  transition: 0.3s background ease;
}


.back-top {
  bottom: 81px;
  /*bottom: 152px;*/
  background: #fff url(http://static.ydlcdn.com/v3/images/float_icon_topGray@2x.png) no-repeat center 10px;
  background-size: 32px 32px;
  border: 1px solid #efefef;
  color: #666;
}

.qqChat {
  display: block;
  position: fixed;
  right: 10px;
  width: 100px;
  height: 130px;
  bottom: 370px;
  background: url(http://static.ydlcdn.com/v3/images/online_service@2x.png) no-repeat center 0;
  background-size: 100%;
  text-indent: -270px;
  overflow: hidden;
}

.weChat {
  /*bottom: 223px;*/
  bottom: 158px;
  background: #fff url(http://static.ydlcdn.com/v3/images/float_icon_weixinGray@2x.png) no-repeat center 10px;
  background-size: 32px 32px;
  margin-bottom: 5px;
  /*opacity:0.7;*/
  border: 1px solid #efefef;
  color: #666;
}

.fixed-notification {
  bottom: 234px;
  background: #fff url(http://static.ydlcdn.com/v3/images/float_icon_noticeGray@2x.png) no-repeat center 10px;
  background-size: 32px 32px;
  /*opacity:0.7;*/
  border: 1px solid #efefef;
  color: #666;
}

.weChat:hover {
  cursor: pointer;
  background: #f3f3f3 url(http://static.ydlcdn.com/v3/images/float_icon_weixinGreen@2x.png) no-repeat center 10px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  color: #666;
  text-decoration: none;
}

.fixed-notification:hover,
.fixed-notification.hasMsg {
  cursor: pointer;
  background: #f3f3f3 url(http://static.ydlcdn.com/v3/images/float_icon_noticeGreen@2x.png) no-repeat center 10px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  color: #666;
  text-decoration: none;
}

.fixed-notification .click-me {
  background: #fd0100;
  border-radius: 50%;
  height: 12px;
  position: absolute;
  top: 8px;
  right: 15px;
  width: 12px;
}

.back-top:hover {
  background: #f3f3f3 url(http://static.ydlcdn.com/v3/images/float_icon_topGreen@2x.png) no-repeat center 10px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  color: #666;
  text-decoration: none;
}





/*advertisment*/
.advert {
  width: 100%;
  margin: 30px 0;
}

.advert img {
  width: 100%;
}

.link-cover {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/*newHeader*/

.fc-1dc {
  color: #1dc35f !important;
}
.newHeader .home-menu {
  width: 100%;
  border-bottom: 2px solid #1dc35f;
  /*overflow: hidden;*/
  height: 44px;
}

.newHeader .home-menu .content-wrap {
  *z-index: 100;
}

.newHeader .home-menu .home-menu-ctn {
  position: relative;
}

.newHeader .main-menu-nav {
  margin-left: 201px;
  height: 44px;
}

.newHeader .main-menu-nav .last {
  float: right;
}

.newHeader .last #usrHover-pop {
  padding: 0;
}
.newHeader .main-menu-nav .header-redPacket {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.newHeader .main-menu-nav .header-redPacket img {
  width: 100%;
  vertical-align: top;
}
.newHeader .main-menu-nav .last .register {
  font-size: 14px;
  color: #6e6e6e;
  padding-left: 0;
}

.newHeader .main-menu-nav .last .register:hover {
  color: #1dc35f;
}

.newHeader .main-menu-nav .last .login {
  padding: 1px 6px;
  width: 43px;
  height: 23px;
  margin-top: 10px;
  border: 1px solid #1dc35f;
  line-height: 23px;
  color: #1dc35f;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.newHeader .main-menu-nav .last .login:hover{
  background-color: #1dc35f;
  border:1px solid #1dc35f;
  color: #fff;
}

.newHeader .main-menu-nav .fa {
  margin-left: 10px;
  font-size: 16px;
}

.newHeader .main-menu-nav a:hover,
.newHeader .main-menu-nav a.current {
  text-decoration: none;
  color: #1dc35f;
}

.newHeader .main-menu-nav .nav-pop {
  position: absolute;
  width: 136px;
  left: 0;
  top: 46px;
  display: none;
  border: 1px solid #ccc;
  border-top: none;
  box-shadow: 2px 2px 6px #ccc;
  z-index: 100;
  background: #fff;
}

.newHeader .main-menu-nav .nav-pop li {
  display: block;
  background: #fff;
}

.newHeader   .main-menu-nav .nav-pop li:hover {
  background: #f6f6f6;
}

.newHeader .nav-login {
  position: absolute;
  right: 0;
  top: 0;
}

.newHeader .main-menu-nav>li {
  float: left;
  position: relative;
}

.newHeader .main-menu-nav li a {
  display: inline-block;
  font-size: 16px;
  color: #333;
  height: 44px;
  padding: 0 23px;
  line-height: 46px;
  text-align: center;
}

.newHeader  .main-category-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.newHeader  .main-category-nav .nav-cats li {
  /*padding: 12px 0 12px 60px;*/
  background: #1dc35f;
  border-bottom: 1px solid #1dc35f;
  border-left: 1px solid #1dc35f;
  height: 44px;
  width: 179px;
}

.newHeader .main-category-nav .nav-cats li:hover {
  background: #fff;
  color: #1dc35f;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt{
  color: #fff;
  font-size: 16px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 12px 0;
  width: 100%;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt:hover {
  text-decoration: none;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt i,
.newHeader .main-category-nav .main-nav-tt .icon-zzj {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 20px 0 25px;
  vertical-align: middle;
  background-image: url(http://static.ydlcdn.com/v3/images/icon_sprite.png);
  background-image: -webkit-image-set(url(http://static.ydlcdn.com/v3/images/icon_sprite.png) 1x,url(http://static.ydlcdn.com/v3/images/icon_sprite@2x.png) 2x);
  -webkit-background-size: 500px 750px;
  background-size: 500px 750px;
  background-repeat: no-repeat;
}

.newHeader .main-category-nav .main-nav-tt .icon-zzj {
  background-position: 0 2px;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-lahy {
  background-position: 0 -38px;
}

.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-lahy {
  background-position: -200px -38px;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-qxyl {
  background-position: 0 -80px;
}

.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-qxyl {
  background-position: -200px -80px;
}

.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-rjgx {
  background-position: 0 -118px;
}
.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-rjgx {
  background-position: -200px -118px;
}
.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-hzjy {
  height: 26px;
  background-position: 0 -160px;
}
.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-hzjy {
  background-position: -200px -160px;
}
.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-zcfz {
  background-position: 0 -200px;
}
.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-zcfz {
  background-position: -200px -200px;
}
.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-xxl {
  background-position: 0 -240px;
}
.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-xxl {
  background-position: -200px -240px;
}
.newHeader  .main-category-nav .nav-cats li .subcats-tt .icon-qblx {
  background-position: 0 -280px;
}
.newHeader  .main-category-nav .nav-cats li.current .subcats-tt .icon-qblx {
  background-position: -200px -280px;
}
.newHeader  .main-category-nav .nav-cats li p {
  line-height: 1em;
}

.newHeader  .main-category-nav .nav-cats li .subcats-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 450px;
  height: 327px;
  background: #fff;
  /*padding: 18px 35px;*/
  position: absolute;
  top: 44px;
  left: 180px;
  display: none;
  border-top: 2px solid #1dc35f;
  border-right: 1px solid #1dc35f;
  border-bottom: 1px solid #1dc35f;
  z-index: 100;
}

.newHeader .main-category-nav .nav-cats li .subcats-item .subItem-tt{
  font-size: 16px;
  color: #333;
}

.newHeader .main-category-nav .nav-cats li .subcats-item .itemHot-tabs {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
}
.newHeader .main-category-nav .nav-cats li .subcats-item .item-tabs {
  padding: 10px 0;
  margin: 18px 35px;
}


.newHeader .main-category-nav .nav-cats li .subcats-item .itemHot-tabs a,
.newHeader .main-category-nav .nav-cats li .subcats-item .item-tabs a {
  color: #666;
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  margin-right: 16px;
}

.newHeader .main-category-nav .nav-cats li .subcats-item .itemHot-tabs a:hover,
.newHeader .main-category-nav .nav-cats li .subcats-item .item-tabs a:hover {
  color: #1dc35f;
  text-decoration: underline;
}

.newHeader .main-category-nav .main-nav-tt {
  background: #1dc35f;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  width: 180px;
  height: 44px;
  line-height: 46px;
}

.newHeader .main-category-nav .nav-cats-wrapper {
  display: none;
  z-index: 10000;
}

.newHeader .main-category-nav .nav-subcats-wrapper {
  display: none;
}

.newHeader .main-category-nav .nav-subcats-wrapper div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #1dc35f;
  width: 450px;
  height: 200px;
  position: absolute;
  top: 46px;
  left: 185px;
}

.newHeader .nav-bar .nav .left {
  color: #a9a9a9;
  font-size: 12px;
  line-height: 36px;
  float: left;
}

.newHeader .nav-bar .nav .left a {
  color: #a9a9a9;
}

.newHeader .nav-bar .nav .left .divideLine {
  color: #494949;
  margin-left: 6px;
}

.newHeader .nav-bar .nav .left .qcode {
  cursor: default;
  display: inline-block;
  zoom: 1;
  *display: inline;
  padding: 0 6px;
  position: relative;
}
.newHeader .nav-bar .nav .left .qcode .icon-weixin {
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.newHeader .nav-bar .nav .left .qcode .qcode-pop {
  float: left;
  padding: 10px;
  position:  absolute;
  height: 120px;
  left: 0;
  top: 38px;
  background: #fff;
  display: none;
  box-shadow: 0 0 10px #dddddd;
  z-index: 100;
}
.newHeader .nav-bar .nav .left .qcode .qcode-pop img {
  height: 120px;
  width: 120px;
}


.newHeader .nav-bar .nav .left .fa{
  margin-right: 4px;
}

.newHeader .nav-bar .nav .pull-right li a {
  color: #a9a9a9;
}

.newHeader .nav-bar {
  height: 36px;
  width: 100%;
  background: #323232;
}

.newHeader .nav-bar .nav {
  height: 36px;
}

.newHeader .logo-search {
  height: 90px;
  padding-top: 30px;
  width: 100%;
}

.newHeader .logo-search .content-wrap {
  *z-index: 200;
}

.newHeader .logo-search .logo {
  float: left;
  display: inline-block;
  width: 370px;
}

.newHeader .logo-search .logo img {
  width: 100%;
}

.newHeader .logo-search .search-area {
  float: left;
  margin-left: 90px;
  position: relative;
  z-index: 20;
}

.newHeader .logo-search .search-area .focus-pop {
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  position: absolute;
  top: 42px;
  *top: 46px;
  left: 0;
  z-index: 1000;
  overflow: hidden;
  display: none;
}

.newHeader .logo-search .search-area .focus-pop .txt,
.newHeader .logo-search .search-area .focus-pop .search-lists li {
  padding-left: 20px;
  height: 28px;
  line-height: 28px;
}

.newHeader .logo-search .search-area .focus-pop .txt {
  font-size: 12px;
  color: #737373;
}

.newHeader .logo-search .search-area .focus-pop .search-lists li:hover,
.newHeader .logo-search .search-area .focus-pop .txt:hover {
  background: #eee;
}

.newHeader .logo-search .search-area .focus-pop .search-lists li a {
  color: #484848;
  display: inline-block;
  zoom: 1;
  *display: inline;
  font-size: 14px;
  width: 100%;
}

.newHeader .logo-search form {
  width: 356px;
  height: 35px;
  *height: 40px;
  margin-top: 7px;
}

.newHeader .logo-search .phone-contact {
  float: right;
}

.newHeader .logo-search form .search-input {
  box-sizing: border-box;
  border: 2px solid #1dc35f;
  border-right: none;
  width: 256px;
  height: 100%;
  *height: 26px;
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
  *padding: 10px 0 0 10px;
  outline: none;
  font-size: 16px;
}

.newHeader .logo-search form .submit-input {
  font-size: 18px;
  box-sizing: border-box;
  color: #fff;;
  width: 100px;
  *width: 87px;
  height: 100%;
  float: left;
  margin: 0;
  padding: 0;
  *padding: 10px 0 6px 0;
  border: 2px solid #1dc35f;
  background: #1dc35f;
  outline: none;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.newHeader .logo-search form .submit-input:hover {
  background: #03B94C;
}

.newHeader .logo-search .phone-contact .phone-icon {
  width: 36px;
  height: 36px;
  display: inline-block;
  float: left;
  vertical-align: middle;
  margin: 2px 8px 0 0;
  text-align: center;
  line-height: 40px;
}

.newHeader .logo-search .phone-contact .phone-icon img {
  width: 100%;
}

.newHeader .logo-search .phone-contact .contact-info {
  float: left;
}

.newHeader .logo-search .phone-contact .contact-info .phone-numer {
  font-size: 22px;
  color: #1dc35f;
  line-height: 1em;
}
.newHeader .logo-search .phone-contact .contact-info .server-time {
  font-size: 12px;
  color: #999;
  line-height: 1.4rem;
}
.newHeader .logged .dropdown-menu {
  top: 45px;
  left: -9px;
  border: 1px solid #dddddd;
  box-shadow: 0 0 10px #dddddd;
  width: 120px;
  background: #fff;
  position: absolute;
  text-align: center;
  padding: 10px 0;
  display: none;
  z-index: 10000;
}

.newHeader .logged .name {
  display: inline-block;
  zoom: 1;
  width: 50px;
  overflow: hidden;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0;
}

.newHeader .logged .dropdown-menu a {
  padding: 0 !important;
  width: 100%;
  color: #747474 !important;
}
.newHeader .logged .dropdown-menu a:hover {
  background: #f6f6f6;
  color: #83b900 !important;
}

.newHeader .logged .dropdown-menu:before {
  content: '';
  position: absolute;
  border: 10px solid transparent;
  border-bottom-color: #ddd;
  pointer-events: none;
  top: -21px;
  left: 60px;
}

.newHeader .logged .dropdown-menu:after {
  content: '';
  position: absolute;
  border: 9px solid transparent;
  border-bottom-color: #fff;
  top: -18px;
  left: 61px;
}

.newHeader .logged #usrHover-pop {
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 54px;
  *width: 115px;
}

.newHeader .logged #usrHover-pop img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  /*margin-bottom: 10px;*/
  vertical-align: middle;
}
#listen-popBox{
  margin-top:-6px;
}
/*order_comment*/
.comment_avatar img{
  width:60px;
  margin-right:10px;
}
.comment—tag .tags-list {
  display: inline-block;
  display: block;
}
.comment—tag .tag-item {
  display: inline-block;
  min-height: 25px;
  padding: 0 0 10px;
  margin: 10px 0 -1px 0;
  font-size: 0;
  word-break: break-all;
  word-wrap: break-word;
}
.comment—tag .tag-txt-selected {
  padding: 1px 7px 2px;
  background: #f5f5f5;
  border: 2px solid #e4393c;
  color: #e4393c;
}
.comment—tag .tag-txt {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 2px 8px 3px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #fff;
  color: #999;
  max-width: 90px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.comment—tag .tag-txt-selected {
  padding: 2px 10px 2px;
  background: #fff;
  border: 2px solid #1dc35f;
  color: #1dc35f;
}
.comment—tag  .tags-list a{
  margin-bottom:10px;
}
/*expert_comments*/
.expert_comments h1{
  font-size:30px !important;
}
.expert_comments .col_sub .avatar img{
  width:120px;
  border-radius:50%;
  height:120px;
}
.expert_comments .col_sub .avatar{
  width:100%;
  text-align:center;
  margin-bottom: 10px;
}
.expert_comments .col_sub aside .active_expert .info{
  padding-left:0px;
  text-align: center;
}
.expert_comments .col_sub aside{
  border: 1px solid #ececec;
}
.expert_comments .col_sub .data {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  font-size: 12px;
  color: #6d6d6d;
  margin: 20px 0;
}
.expert_comments .col_sub .data li {
  float: left;
  border-left: 1px solid #E6E6E6;
  text-align: center;
  width:32.33%;
  padding: 10px 0;
}
.expert_comments .col_sub  .data li:first-child {
  border-left: none;
}
.expert_comments .col_sub aside p{
  color:#444;
  font-size:14px;
  text-align:left;
}
.expert_comments .col_sub aside .active_expert{
  padding:15px;
}


#tbox .codePop {
  padding-right: 20px;
  position: fixed;
  bottom: 4px;
  right: 76px;
  z-index: 10;
  display: none;
  /*border: 1px solid #dcdcdc;*/
}

#tbox .codePop img {
  border: 10px solid #fff;
}

#tbox .codePop:before {
  content: '';
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: 10px solid transparent;
  border-left-color: #fff;
  position: absolute;
  right: 0;
  top: 19px;
}
.appDown {
  display: block;
  width: 64px;
  height: 69px;
  position: fixed;
  right: 10px;
  margin-bottom: 5px;
  text-align: center;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 9;
  border-radius: 2px;
  transition: 0.3s background ease;
  bottom: 158px;
  background: #fff url(http://static.ydlcdn.com/v3/images/float_icon_appGray@2x.png) no-repeat center 10px;
  background-size: 32px 32px;
  /*opacity:0.7;*/
  border: 1px solid #efefef;
  color: #666;
}
.appDown:hover {
  cursor: pointer;
  background: #f3f3f3 url(http://static.ydlcdn.com/v3/images/float_icon_appGreen@2x.png) no-repeat center 10px;
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  color: #666;
  text-decoration: none;
}