/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
*{outline: none !important;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    list-style: none;
    vertical-align: baseline;
    border: 0
}

body {
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

/*媒体查询*/
@media only screen and (min-width:751px){
    body{width: 750px;margin: 0 auto!important;}
}

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

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active, a:hover {
    outline: 0;

}

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

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

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

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 90%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

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

button[disabled], html input[disabled] {
    cursor: default
}

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

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

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

html, body {
    /*-webkit-tap-highlight-color : rgba(0, 0, 0, 0);*/
    color: #555659;
    line-height: 1.35
}

html p, body p, html h1, body h1, html h2, body h2, html h3, body h3, html h4, body h4, html h5, body h5, html h6, body h6 {
    line-height: 1.5
}

button {
    background: 0;
    border: 0;
    padding: 0
}

button:active {
    outline: 0
}

button:focus {
    outline: 0
}

input {
    margin: 0;
    padding: 0;
    line-height: 1.35;
    color: #0c0c0d
}

input:focus {
    outline: 0
}

input::-webkit-input-placeholder {
    color: #c2c5cc
}

input:-moz-placeholder {
    color: #c2c5cc
}

input::-moz-placeholder {
    color: #c2c5cc
}

input:-ms-input-placeholder {
    color: #c2c5cc
}

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

.page-animate {
    -webkit-transition: -webkit-transform .3s ease-out !important;
    -moz-transition: -moz-transform .3s ease-out !important;
    -o-transition: -o-transform .3s ease-out !important;
    transition: transform .3s ease-out !important
}

.iosDevice .cls-pennyer-list .reply, .iosDevice .loading > p, .iosDevice .btn-block, .iosDevice .cls-pay-pwd .cont input, .iosDevice .cls-quote-link .wrap, .iosDevice .InIos {
    border-width: .5px !important
}

.iosDevice .btn-block textarea, .iosDevice .cls-textarea-style textarea, .iosDevice .btn-block input, .iosDevice .cls-textarea-style input {
    border-width: .5px !important
}

h4 {
    font-size: 1.25em;
    color: #0c0c0d;
    font-weight: normal
}

.larger {
    font-size: 110%
}

.larger-s {
    font-size: 105%
}

.larger-l {
    font-size: 115%
}

.larger-xl {
    font-size: 120%
}

.small {
    font-size: 90%
}

.small-l {
    font-size: 95%
}

.small-s {
    font-size: 85%
}

.small-xs {
    font-size: 80%
}

.fr {
    float: right
}

.fl {
    float: left
}

.hide {
    display: none
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-indent {
    text-indent: 2em
}

.line-height1-6 {
    line-height: 1.6
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearboth {
    clear: both
}

.lineheight-1 {
    line-height: 1 !important
}

.lineheight-0 {
    line-height: 0
}

.btn-icon-normail-viewlist i {
    color: #999;
    font-size: 1.2em
}

.btn-icon-normail-viewlist span {
    padding-left: .5em !important;
    font-size: 95%
}

.icon-check-off {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    line-height: 0;
    height: 1em;
    width: 1em;
    margin-right: .75em;
    border: 1px solid #e1e2e6
}

.color-green {
    color: #4aba61 !important
}

.color-main {
    color: #536ea6 !important
}

.color-yellow {
    color: #f2ae24
}

.text-underline {
    text-decoration: underline
}

.row-ell {
    overflow: hidden;
    zoom: 1;
    text-overflow: ellipsis;
    white-space: nowrap
}

.color-orange {
    color: #f5a527
}

.color-text1 {
    color: #0c0c0d
}

.color-text {
    color: #555659 !important
}

.color-text3 {
    color: #9da0a6
}

.color-light {
    color: #f2ae24
}

.color-text4 {
    color: #c2c5cc
}

.color-blue {
    color: #6db2eb !important
}

.color-red {
    color: #d95f4c
}

.color-gray {
    color: #acacac
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page, .innerpage {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.page.notop, .innerpage.notop {
    padding-top: 0
}

.page.hasbottom, .innerpage.hasbottom {
    padding-bottom: 2.85em
}

.page.hidden, .innerpage.hidden {
    overflow: hidden
}

.content {
    position: relative;
    height: 100%
}

.content .div-scroll {
    height: 100%;
    width: 100%
}

.page-disable {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.page-disable.disabled {
    -webkit-transform: translateY(-2.85em) !important;
    -moz-transform: translateY(-2.85em) !important;
    -ms-transform: translateY(-2.85em) !important;
    -o-transform: translateY(-2.85em) !important;
    transform: translateY(-2.85em) !important
}

.page-disable.disabled .cls-search .btn-icon {
    -webkit-transform: translateX(0.2em);
    -moz-transform: translateX(0.2em);
    -ms-transform: translateX(0.2em);
    -o-transform: translateX(0.2em);
    transform: translateX(0.2em)
}

.inline-block {
    display: inline-block;
    vertical-align: middle
}

.row-title {
    padding: .6em .75em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    color: #c2c5cc
}

.row-title.fixed {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%
}

.row-title.margintop {
    margin-top: .75em
}

.row-title-wrap {
    padding-top: 1px;
    margin-top: 1.5em
}

.margin-wrap {
    margin: .75em
}

.margin-wrap.t125 {
    margin-top: 1.25em
}

.margin-wrap.b125 {
    margin-bottom: 1.25em
}

.margin-125em {
    margin: 1.25em 0
}

.margin-offset {
    margin: 1.5em 0
}

.padding-offset {
    padding: 1.5em 0
}

.margin-offset-tl {
    margin: 1.5em
}

.margintop5 {
    margin-top: .5em
}

.margintop075 {
    margin-top: .75em
}

.margintop1 {
    margin-top: 1em !important
}

.marginright075 {
    margin-right: .75em
}

.line-through {
    text-decoration: line-through
}

.margin-tb-1 {
    margin-top: 1em !important;
    margin-bottom: 1em !important
}

.offset-height:before, .offset-height:after {
    content: " ";
    display: table
}

.offset-height:after {
    clear: both
}

.offset-height:before, .offset-height:after {
    content: " ";
    display: table
}

.offset-height:after {
    clear: both
}

.marginbottom5 {
    margin-bottom: .5em
}

.marginbottom075 {
    margin-bottom: .75em !important
}

.marginbottom1 {
    margin-bottom: 1em
}

.marginbottom025 {
    margin-bottom: .25em
}

.marginbottom0 {
    margin-bottom: 0 !important
}

.marginbottom15 {
    margin-bottom: 1.5em
}

.padding75em {
    padding: .75em 0
}

.paddingbottom0 {
    padding-bottom: 0 !important
}

.div-scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.btn-icon {
    display: inline-block;
    line-height: 1
}

.btn-icon i {
    vertical-align: middle
}

.btn-icon span {
    display: inline-block;
    padding-left: 0;
    line-height: 1.5;
    vertical-align: middle
}

.btn-sort.mraginleft {
    margin-left: .75em
}

.btn-sort.mraginright {
    margin-right: .75em
}

.btn-sort i {
    padding: 0 .4em;
    margin: 0 .25em;
    position: relative
}

.btn-sort i:before {
    content: "";
    top: 50%;
    margin-top: -7px;
    left: 0;
    position: absolute;
    border-style: solid;
    border-width: 0 .4em .4em .4em;
    border-color: transparent transparent #c2c5cc transparent
}

.btn-sort i:after {
    content: "";
    top: 50%;
    margin-top: 2px;
    left: 0;
    position: absolute;
    border-style: solid;
    border-width: .4em .4em 0 .4em;
    border-color: #c2c5cc transparent transparent transparent
}

.btn-sort.up i:before {
    border-color: transparent transparent #5ca1e6 transparent
}

.btn-sort.down i:after {
    border-color: #5ca1e6 transparent transparent transparent
}

.btn-icon-text span {
    padding-left: .3em
}

.btn-icon-text-left span {
    padding-right: .3em
}

.btn-penny {
    background: #f2ae24;
    border-radius: 1em;
    display: inline-block;
    padding: .25em .5em;
    color: #fff;
    line-height: 0
}

.btn-penny .icon-penny {
    width: .9em;
    height: .9em
}

.right-7em {
    right: 7em !important
}

.right-6em {
    right: 6em !important
}

.gray-color {
    color: #999
}

.row:before, .row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row:before, .row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-6 {
    width: 50%;
    float: left
}

.col-4 {
    width: 33.3%;
    float: left
}

.col-3 {
    width: 25%;
    float: left
}

.list-nostyle {
    list-style: none;
    margin: 0;
    padding: 0
}

.background {
    background: #f0f1f2
}

.activeBackgroundColor {
    background: #f5f6f7
}

.paddingbottom {
    padding-bottom: .75em
}

.paddingbar {
    padding-bottom: 2.85em
}

.whiteBackground {
    background: #fff
}

.whiteBackground .btn-inlineblock-wrap.line .point {
    background: #fff
}

.loading {
    top: 0;
    left: 0;
    position: fixed;
    -webkit-transition: background-color .3s ease !important;
    -moz-transition: background-color .3s ease !important;
    -o-transition: background-color .3s ease !important;
    transition: background-color .3s ease !important;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    z-index: 99;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .75em;
    -webkit-transition: opacity .3s ease !important;
    -moz-transition: opacity .3s ease !important;
    -o-transition: opacity .3s ease !important;
    transition: opacity .3s ease !important;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-content: center;
    align-item: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    box-pack: center;
    box-align: center
}

.loading .icon {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 1.2em
}

.loading i {
    width: 2em;
    height: 2em;
    display: inline-block;
    vertical-align: middle;
    background-position: center center
}

.loading i.right {
    background-image: url('../images/icon_right.png');
    background-repeat: no-repeat;
    background-size: 100% auto
}

/*.loading i.error {
    background-image  : url('../images/loading_error.png');
    background-repeat : no-repeat;
    background-size   : 90% auto
}*/

.loading p {
    text-align: left;
    margin: auto;
    padding: 1.2em;
    font-size: .9em;
    position: relative;
    border: .99px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 8px
}

.loading p .text {
    line-height: 1.35em;
    padding-left: 2.5em;
    display: block;
    overflow: hidden
}

.loading p.activeBackgroundColor {
    background: #f5f6f7
}

.loading.nolayout {
    background-color: rgba(0, 0, 0, 0);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loading.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.loading.hold p {
    line-height: 1.35
}

.img-100 {
    width: 100%
}

.row-middle input {
    vertical-align: middle;
    display: inline-block
}

.row-middle span {
    margin: 0 .35em;
    vertical-align: middle;
    display: inline-block
}

.icon-btn-right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #ccc
}

.icon-btn-right.right075 {
    right: .75em
}

.btn-logout {
    background: #fff;
    margin: .5em 0;
    margin-top: 0;
    display: block;
    border-top: .99px solid #d2d2d2;
    border-bottom: .99px solid #d2d2d2;
    text-align: center;
    line-height: 2.5em;
    color: #e06868
}

.btn-logout:active {
    background: #f9f9f9
}

.btn-logout.btn-confirm {
    border: 0;
    border-radius: 5px;
    margin: .5em;
    color: #fff;
    background: #83c0cf
}

.btn-logout.btn-confirm:active {
    background: #72afbe
}

.err-tips {
    border-radius: 5px;
    color: #d06253;
    padding: .75em;
    margin: .5em;
    margin-bottom: 1em;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1)
}

.err-tips p {
    margin: 0
}

.normal-viewlist {
    border-top: .99px solid #cbcccf
}

.normal-viewlist li > a, .normal-viewlist li > div {
    padding: .75em;
    position: relative;
    display: block
}

.normal-viewlist li > a:after, .normal-viewlist li > div:after {
    border-bottom: .99px solid #e1e2e6;
    content: "";
    display: block;
    height: .99px;
    position: absolute;
    left: .75em;
    right: 0;
    bottom: 0;
    clear: both
}

.normal-viewlist li > a:active {
    background: #f5f6f7
}

.normal-viewlist li:last-child > a:after, .normal-viewlist li:last-child > div:after {
    left: 0;
    border: none;
}

.normal-viewlist li .tips-count {
    background: #ef532b;
    display: inline-block;
    color: #fff;
    line-height: 1;
    font-size: 80%;
    padding: .15em .75em;
    border-radius: 1.5em
}

.normal-viewlist.left0 li > a:after, .normal-viewlist.left0 li > div:after {
    left: 0
}

.normal-viewlist.white {
    background: #fff
}

.normal-viewlist.margin-1 {
    margin-top: -0.99px !important
}

.normal-viewlist.notop {
    border-top: 0
}

.normal-viewlist.noborder li > a:after, .normal-viewlist.noborder li > div:after {
    content: none
}

.normal-viewlist.nobottom li:last-child > a:after, .normal-viewlist.nobottom li:last-child > div:after {
    border-width: 0
}

.normal-viewlist.haslast li:last-child > a:after, .normal-viewlist.haslast li:last-child > div:after {
    left: .75em
}

.normal-viewlist.margin {
    margin: .75em 0
}

.normal-viewlist.margintop {
    margin-top: .75em
}

.normal-viewlist .input-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.normal-viewlist .input-wrap input, .normal-viewlist .input-wrap textarea {
    border: 0;
    background: 0;
    width: 100%;
    padding: .75em 0
}

.normal-viewlist .input-wrap input:focus, .normal-viewlist .input-wrap textarea:focus {
    outline: 0
}

.normal-viewlist .input-wrap.getcheckcode {
    padding-right: 6.5em
}

.normal-viewlist .input-wrap.getcheckcode .icon-btn-right {
    right: .75em
}

.normal-viewlist .input-wrap.getcode {
    padding-right: 8em
}

.normal-viewlist .input-wrap.getcode .icon-btn-right {
    right: .75em
}

.normal-viewlist .input-wrap.getcode button:disabled {
    color: #999 !important
}

.normal-viewlist .input-wrap.disabled {
    background: #f5f6f7
}

.normal-viewlist .input-wrap.disabled input {
    color: #9da0a6
}

.btn-block {
    display: inline-block;
    color: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: .6em .8em;
    border-radius: 5px;
    line-height: 1.4em;
    background: #536ea6
}

.btn-block.lost {
    background: #dbdbdb
}

.btn-block.green {
    background: #36b374
}

.btn-block.reversion {
    background: #fff;
    border: .99px solid #e1e2e6;
    color: #555659
}

.btn-block:active {
    opacity: .8
}

.btn-block.block {
    border-radius: 0;
    display: block
}

.btn-block.cancel {
    background: #ff6c6c
}

.btn-block.gray {
    background: #f5f6f7;
    color: #9da0a6;
    border: .99px solid #9fa2a8
}

.btn-block.light {
    background: #a1b0cd
}

.btn-block.inline {
    width: auto;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0
}

.btn-block-wrap {
    margin: 1.5em 0
}

.btn-block-wrap.close {
    margin: .85em 0
}

.moudle-margin {
    margin: 0 1.25em
}

.btn-inlineblock {
    display: inline-block;
    vertical-align: baseline;
    line-height: 1;
    padding: .5em 2em;
    color: #fff;
    border-radius: 1.5em;
    background: #d95f4c
}

.btn-inlineblock:active {
    opacity: .8;
    filter: alpha(opacity=80)
}

.btn-inlineblock-wrap {
    margin: 1.5em 0;
    padding: 0 1.25em
}

.btn-inlineblock-wrap.close {
    margin: .85em 0
}

.btn-inlineblock-wrap.line {
    line-height: 0;
    margin: 0 0 1em 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-inlineblock-wrap.line .point {
    position: relative;
    display: inline-block;
    padding: 0 .25em;
    line-height: 0;
    background: #f0f1f2
}

.btn-inlineblock-wrap.line .point:before {
    content: "";
    background: #e1e2e6;
    border-radius: 50%;
    display: inline-block;
    width: .25em;
    height: .25em
}

.btn-inlineblock-wrap.line:before {
    content: "";
    position: absolute;
    margin-top: .99px;
    top: .125em;
    left: 1.25em;
    right: 1.25em;
    border-top: .99px solid #e1e2e6
}

.empty-tips {
    margin: .75em;
    color: #999
}

.input-copy-holder {
    border-radius: 5px;
    padding: .45em;
    background: #fff;
    border: .99px solid #ccc
}

.input-copy-holder input {
    border: 0;
    background: 0;
    line-height: 1.35em;
    vertical-align: top;
    width: 100%
}

.input-clear-wrap input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 1em !important
}

.input-clear-wrap .icon-clear {
    display: none
}

.input-clear-wrap.active .icon-clear {
    display: block
}

.scroller-container {
    overflow: hidden
}

.scroller-refresh {
    height: 50px;
    margin-top: -50px;
    text-align: center;
    font-size: .9em;
    line-height: 50px
}

.scroller-loadmore {
    height: 40px;
    font-size: .9em;
    text-align: center;
    line-height: 40px
}

.scroller-scrollbar {
    position: absolute;
    height: 100%;
    width: .18em;
    top: 0;
    right: 3px
}

.scroller-scrollbar .scrollbar-bar {
    position: absolute;
    width: 100%;
    border-radius: 6px;
    opacity: 0;
    background: #000;
    height: 10%;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.scroller-scrollbar .scrollbar-bar.active {
    opacity: .4
}

.list-loading {
    color: #999;
    display: block;
    text-align: center
}

.list-loading span, .list-loading i {
    display: inline-block;
    vertical-align: middle
}

.list-loading .icon {
    margin-right: .5em
}

.list-loading .icon-loading {
    margin-right: .5em
}

.list-loading.slideOut {
    height: 0;
    line-height: 2.8em;
    -webkit-transition: height .3s ease;
    -moz-transition: height .3s ease;
    -ms-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease;
    overflow: hidden
}

.list-loading.slideOut.active {
    height: 2.8em
}

/*
.header {
    height             : 2.85em;
    width              : 100%;
    background         : #fff;
    position           : absolute;
    top                : 0;
    border-bottom      : .99px solid #e1e2e6;
    line-height        : 2.85em;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    color              : #0c0c0d
}

.header .btn-icon {
    color              : #536ea6;
    padding            : 0 .5em;
    position           : absolute;
    top                : 0;
    line-height        : 2.85;
    left               : 0;
    vertical-align     : middle;
    -webkit-transition : opacity .5s ease;
    -moz-transition    : opacity .5s ease;
    -o-transition      : opacity .5s ease;
    transition         : opacity .5s ease
}

.header .btn-icon i {
    font-size : 1.2em
}

.header .btn-icon span {
    display        : inline-block;
    vertical-align : middle
}

.header .btn-icon:active {
    opacity : .6;
    filter  : alpha(opacity=60)
}

.header .btn-icon.btn-text {
    line-height : 2.85em;
    padding     : 0 .46em
}

.header .btn-icon.btn-text i {
    font-size : 1.2em
}

.header .btn-right {
    left  : auto;
    right : 0
}

.header h1.title {
    font-size     : 1em;
    line-height   : 2.85em;
    text-align    : center;
    margin        : 0 3em;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap
}

.header h1.title span {
    font-size : 1.05em
}

.header h1.title .btn-icon {
    font-size      : 1em;
    position       : relative;
    vertical-align : top
}

.header h1.title select {
    opacity            : 0;
    filter             : alpha(opacity=0);
    position           : absolute;
    z-index            : 1;
    width              : 100%;
    top                : 0;
    left               : 0;
    height             : 100%;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box
}*/

.cls-tab-content {
    position: relative;
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cls-tab-content .tab {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 2.85em;
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none
}

.cls-tab-content .tab.active {
    display: block
}

.cls-tab-content .tab.notop {
    padding-top: 0
}

.cls-walletbg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url('../images/wallet-bg.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: cover
}

.cls-walletbg .cls-pay-pwd .cont {
    background: #f5f6f7
}

.cls-walletbg .cls-pay-pwd .cont .color-text3 {
    width: 15.5em
}

.cls-walletbg .cls-pay-pwd .cont .main {
    padding: 0 1.3333333333333333em 0 1.3333333333333333em
}

.cls-walletbg .cls-pay-pwd .cont .margintop1 {
    padding: 0 .3333333333333333em
}

.cls-page-info {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-content: center;
    align-item: center;
    box-pack: center;
    box-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    height: 100%;
    width: 100%
}

.cls-page-info > .cont {
    width: 100%;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em
}

.cls-selectMutilSite .list-nostyle {
    font-size: 1.1em;
    background: #fff
}

.cls-selectMutilSite .list-nostyle li {
    line-height: 1
}

.cls-selectMutilSite .list-nostyle li .icon-check {
    position: absolute;
    right: .5em;
    top: 50%;
    margin-top: -0.55em;
    color: #536ea6;
    display: none
}

.cls-selectMutilSite .list-nostyle li .icon-check.active {
    display: block
}

.cls-selectMutilSite .list-nostyle li .text {
    padding-right: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
    overflow: hidden
}

.cls-selectMutilSite .list-nostyle li p {
    padding-right: 2em
}

.cls-selectMutilSite .list-nostyle li small {
    color: #8c8c8c
}

.cls-personinfo-viewlist .fr {
    margin-right: .75em;
    color: #999;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cls-personinfo-viewlist .header-label {
    line-height: 4em
}

.cls-personinfo-viewlist .row {
    padding-left: 5em
}

.cls-personinfo-viewlist .fl {
    margin-left: -5em
}

.cls-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cls-content .title {
    padding: 1em;
    padding-bottom: 0;
    margin-bottom: .35em
}

.cls-content .title h3 {
    font-size: 1.2em
}

.cls-content > .cls-user-header {
    padding: 0 1.25em
}

.cls-content .cont-wrap {
    /*
    margin-top : .75em;
    */
    padding: 1em
}

.cls-content .cont-wrap > .cont {
    margin-bottom: 1.5em;
    line-height: 1.5;
    font-size: 1em;
    word-wrap: break-word !important;
    word-break: break-all !important
}

.cls-content .cont-wrap > .cont p {
    margin: .75em 0
}

.cls-content .cont-wrap > .cont p, .cls-content .cont-wrap > .cont ul, .cls-content .cont-wrap > .cont li, .cls-content .cont-wrap > .cont h1, .cls-content .cont-wrap > .cont h2, .cls-content .cont-wrap > .cont h3, .cls-content .cont-wrap > .cont h4, .cls-content .cont-wrap > .cont h5, .cls-content .cont-wrap > .cont h6, .cls-content .cont-wrap > .cont table, .cls-content .cont-wrap > .cont tr, .cls-content .cont-wrap > .cont td, .cls-content .cont-wrap > .cont span, .cls-content .cont-wrap > .cont i, .cls-content .cont-wrap > .cont a, .cls-content .cont-wrap > .cont em, .cls-content .cont-wrap > .cont b, .cls-content .cont-wrap > .cont u, .cls-content .cont-wrap > .cont dl, .cls-content .cont-wrap > .cont dd, .cls-content .cont-wrap > .cont dt, .cls-content .cont-wrap > .cont embed, .cls-content .cont-wrap > .cont strong, .cls-content .cont-wrap > .cont object, .cls-content .cont-wrap > .cont blockquote, .cls-content .cont-wrap > .cont video, .cls-content .cont-wrap > .cont audio {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: static;
    font-size: inherit
}

.cls-content .cont-wrap > .cont table, .cls-content .cont-wrap > .cont video, .cls-content .cont-wrap > .cont audio, .cls-content .cont-wrap > .cont embed, .cls-content .cont-wrap > .cont object {
    width: 100% !important
}

.cls-content .cont-wrap > .cont img {
    /*display   : block !important;*/
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important
}

.cls-content .cont-wrap > .cont a {
    color: #536ea6
}

.cls-content .cont-wrap > .cont iframe {
    width: 100%;
    height: 200px;
}

.img-radius {
    border-radius: 50% !important
}

.cls-image-text {
    position: relative;
    display: block
}

.cls-image-text .row-img {
    padding-bottom: 50%;
    zoom: 1;
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden
}

.cls-image-text img {
    display: block;
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.cls-image-text .text {
    position: absolute;
    left: 0;
    padding: .5em;
    bottom: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.75);
    color: #fff
}

.cls-select-wrap {
    display: block;
    text-align: center;
    position: relative;
    padding: .75em !important
}

.cls-select-wrap select {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1
}

.cls-textarea-style {
    border-radius: 5px
}

.cls-textarea-style textarea, .cls-textarea-style input {
    border-radius: 5px;
    outline: 0;
    border: .99px solid #e1e2e6;
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em;
    background: 0
}

.cls-textarea-style textarea:focus, .cls-textarea-style input:focus {
    outline: 0;
    border-color: #c2c5cc
}

.cls-leftright .float {
    clear: both;
    overflow: hidden;
}

.cls-leftright .float.fl {
    margin-right: .75em
}

.cls-leftright .float.fr {
    margin-left: .75em
}

.cls-leftright .body {
    overflow: hidden
}

.cls-thirdParty-login .nav-wrap .nav {
    position: relative;
    overflow: hidden;
    padding-bottom: 1px
}

.cls-thirdParty-login .nav-wrap .nav:after {
    content: "";
    border-bottom: .99px solid #e1e2e6;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0
}

.cls-thirdParty-login .nav-wrap .nav li {
    width: 50%;
    float: left;
    text-align: center;
    position: relative
}

.cls-thirdParty-login .nav-wrap .nav li a {
    color: #555659;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    line-height: 2.5em
}

.cls-thirdParty-login .nav-wrap .nav li a.active {
    color: #536ea6;
    border-bottom: 1.99px solid #536ea6
}

.cls-thirdParty-login .nav-wrap .nav li:first-child:after {
    content: "";
    position: absolute;
    top: .35em;
    bottom: .35em;
    border-right: .99px solid #e1e2e6;
    right: 0
}

.cls-thirdParty-login .container {
    padding: .25em 0
}

.cls-money-number {
    font-size: 2.5em
}

.cls-buy-guide {
    text-align: center
}

.cls-buy-guide a {
    display: inline-block;
    margin: 0 .5em .5em .5em
}

.cls-buy-guide small {
    font-size: 80%
}

.cls-pay-way {
    overflow: hidden;
    margin: 0 auto;
    max-width: 20em;
    padding-bottom: 2.5em !important
}

.cls-pay-way .col-6 {
    margin-bottom: .75em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cls-pay-way .col-6:nth-child(odd) {
    padding-right: .375em
}

.cls-pay-way .col-6:nth-child(even) {
    padding-left: .375em
}

.cls-pay-way .col-6 .icon-image-m {
    width: 2em;
    height: 2em
}

.cls-pay-way .col-6 .btn-icon-text {
    margin: .65em 0
}

.cls-pay-way .col-6 .btn-icon-text span {
    margin-left: .25em
}

.cls-pay-way .col-6 a {
    color: #0c0c0d;
    display: block;
    position: relative;
    padding: 1px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 1px;
    border: 1px solid #e1e2e6
}

.cls-pay-way .col-6 a.active {
    border-width: 2px !important;
    padding: 0;
    border-color: #ff8000
}

.cls-pay-way .col-6 a.active:after {
    content: "";
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon_checked_angle.png');
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    right: 0;
    bottom: 0;
    background-size: auto 100%;
    position: absolute
}

.cls-pay-way .col-6 a.active {
    background: #f9f9f9
}

.cls-list-pay-mode li > a .cls-leftright {
    margin-right: 2em
}

.cls-list-pay-mode li > a .cls-leftright .body {
    vertical-align: middle;
    display: none
}

.cls-list-pay-mode li > a .icon-check-on {
    background: #fff;
    border: .4em solid #36b374
}

.cls-list-pay-mode li > a.disabled {
    color: #c2c5cc
}

.cls-list-pay-mode li > a.disabled .icon-check-off {
    background: #f0f1f2;
    border-color: #f0f1f2
}

.cls-list-pay-mode li > a.valid {
    color: #c2c5cc
}

.cls-list-pay-mode li > a.valid .icon-check-off {
    background: #f0f1f2;
    border-color: #e4e4e6
}

.cls-list-pay-mode.doublepay li:nth-child(1n+2) .icon-check-on {
    background: #fff;
    border: .4em solid #36b374
}

.cls-list-iaed p {
    line-height: 1.35em
}

.cls-list-iaed .money {
    text-align: right
}

.cls-list-iaed .img {
    line-height: 0;
    padding-top: .25em
}

.cls-list-iaed .img img {
    width: 2em;
    height: 2em;
    display: inline-block;
    border-radius: 5px
}

.cls-header-size {
    width: 2em;
    height: 2em;
    border-radius: 3px;
    margin-top: 1px;
}

.cls-penny {
    padding: 1em 0
}

.cls-penny .float.fl {
    padding-left: 1em
}

.cls-penny .icon-penny {
    width: 1.5em;
    height: 1.5em
}

.cls-penny-summary {
    border-radius: 50%;
    margin: 0 auto;
    background: #f2ae24;
    width: 6.5em;
    height: 6.5em;
    display: block;
    text-align: center;
    color: #fff
}

.cls-penny-summary i {
    font-size: 2em
}

.cls-penny-list ul > li > a {
    padding: .45em .75em .45em .85em
}

.cls-pennyer-list li > div {
    padding-bottom: .25em
}

.cls-pennyer-list li > div .time {
    margin-bottom: .5em
}

.cls-pennyer-list li > div .body > .reply {
    margin-right: 1.25em;
    margin-bottom: .5em;
    border: .99px solid #e6deb8
}

.cls-pennyer-list li > div .body > .reply > .reply > .reply > .reply {
    padding: 0
}

.cls-pennyer-list li > div .body > .reply > .reply > .reply > .reply p {
    padding: 0 .25em
}

.cls-pennyer-list li > div .body > .reply > .reply > .reply > .reply .word {
    padding: 0 .25em
}

.cls-pennyer-list li > div .body > .reply > .reply > .reply > .reply .cls-text-overflow-hidden {
    padding: .25em
}

.cls-pennyer-list li > div .body > .reply > .reply > .reply > .reply .reply {
    padding: 0 !important;
    border: 0;
    border-bottom: .99px solid #e6deb8
}

.cls-pennyer-list li > div .word {
    margin: .5em 0;
    line-height: 1.5em;
    overflow: hidden;
    color: #555659;
}

.cls-pennyer-list li > div .word.disabled {
    background: #f0f1f2;
    color: #9da0a6;
    text-align: center;
    padding: .35em .5em;
    font-size: 90%;
    border-radius: 3px
}

.cls-pennyer-list li > div .word.slidedown {
    max-height: inherit
}

.cls-pennyer-list li > div .reply {
    padding: .25em;
    border: .99px solid #e6deb8;
    border-radius: 1px;
    background: #fffdf2
}

.cls-pennyer-list li > div .reply p, .cls-pennyer-list li > div .reply .word {
    margin: .25em
}

/*.cls-pennyer-list li > div:after {
    left : 3.5em !important
}*/

.cls-pennyer-list li.disabled {
    background: #fdfdd5
}

.cls-pennyer-list li.disabled .float {
    opacity: .5;
    filter: alpha(opacity=50)
}

.cls-pennyer-list li.disabled > div {
    color: #a9aa97
}

.cls-pennyer-list li.disabled > div .time {
    color: #f2d599
}

.cls-pennyer-list li.disabled > div .word {
    color: #e6ac5c;
    font-size: 90%;
    text-align: center
}

.cls-pennyer-list li.disabled > div:after {
    bottom: -0.99px
}

.cls-pennyer-list.posts .body > .reply {
    margin-right: .5em
}

.cls-pennyer-list.posts .floor-hidden {
    margin: .75em 0 .5em 0
}

.cls-pennyer-list.inreplyme li > div {
    padding: 1.25em 1em 1em 1.25em
}

.cls-pennyer-list.inreplyme li > div:after {
    left: 0 !important
}

.cls-searchbar {
    height: 3em;
    overflow: hidden;
    padding: .5em .75em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: .99px solid #e1e2e6
}

.cls-searchbar .wrap {
    display: block;
    position: relative;
    background: #fff;
    color: #999;
    border: .99px solid #e1e2e6;
    overflow: hidden;
    border-radius: 5px;
    height: 2em;
    margin-top: -1px
}

.cls-searchbar .wrap input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: .3em .5em .3em 2em;
    position: relative;
    line-height: 1.4em;
    border-radius: 5px;
    height: 2em;
    z-index: 1;
    border: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background: transparent
}

.cls-searchbar .wrap .btn-icon {
    color: #6e6e6e;
    width: 100%;
    line-height: 2em;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    margin-left: -2em;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
    display: block
}

.cls-searchbar .wrap .btn-icon i {
    color: #8e99ae;
    vertical-align: sub;
    line-height: 2
}

.cls-searchbar .wrap .btn-icon span {
    display: inline;
    vertical-align: top;
    line-height: 2;
    color: #c2c5cc;
    padding-left: .2em
}

.cls-searchbar .wrap.active {
    border-color: #c2c5cc
}

.cls-searchbar .wrap.active .btn-icon {
    -webkit-transform: translateX(2.5em);
    -moz-transform: translateX(2.5em);
    -ms-transform: translateX(2.5em);
    -o-transform: translateX(2.5em);
    transform: translateX(2.5em)
}

.cls-searchbar .icon-search {
    color: #6e6e6e
}

.cls-searchbar .btn-icon-right {
    padding: 0 .6em;
    position: absolute;
    right: 0;
    line-height: 1.85em;
    top: 0;
    height: 100%
}

.cls-searchbar .btn-icon-right:before {
    position: absolute;
    top: .35em;
    bottom: .35em;
    content: "";
    left: 0;
    border-left: .99px solid #b8b8b8
}

.cls-searchbar.left {
    background: #ccc
}

.cls-searchbar.left .wrap {
    padding-right: .35em;
    border-radius: 0
}

.cls-searchbar.left .wrap .btn-icon {
    width: auto;
    display: inline-block;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.cls-userinlist-info {
    line-height: 1.3;
    margin-bottom: .1em
}

.cls-userinlist-info .judge{
    -webkit-tap-highlight-color:rgba(201, 224, 253, 0.8)!important;
}

.cls-zangoode {
    font-size: 90%;
    height: 40px;
}

.cls-zangoode span {
    margin-right: .3em
}

.cls-zangoode i, .cls-zangoode span {
    vertical-align: text-top;
}

.cls-zangoode.active {
    color: #d95f4c
}

.cls-zangoode.active .icon-zangoode {
    background-image: url('../images/icon42_zangood_active.png');
    background-repeat: no-repeat
}

.cls-zangoode.active .icon-zangoode {
    background-image: url('../images/icon42_zangood_active.png');
    background-repeat: no-repeat
}

.cls-text-overflow-hidden > div {
    border-radius: 2px;
    background: #f0f1f2;
    padding: .35em .5em;
    overflow: hidden;
    zoom: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555659
}

.cls-bad-normal span {
    margin-right: .3em
}

.cls-bad-normal i, .cls-bad-normal span {
    vertical-align: top
}

.cls-bad-normal.active {
    color: #6db2eb !important
}

.cls-bad-normal.active .icon-bad-normal {
    background-image: url('../images/icon30_good_normal.png');
    background-repeat: no-repeat
}

.cls-bad-normal.active .icon-bad-normal {
    background-image: url('../images/icon30_good_normal.png');
    background-repeat: no-repeat
}

.cls-search-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f5f6f7;
    border-top: .99px solid #e1e2e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .75em;
    height: 2.85em
}

.cls-reply-bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f5f6f7;
    border-top: .99px solid #e1e2e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .75em;
    height: 2.85em
}

.cls-reply-bar .cls-textarea-style {
    background: #fff;
    margin-right: 4.75em
}

.cls-reply-bar .cls-textarea-style input {
    padding-left: 2em
}

.cls-reply-bar .cls-textarea-style .icon-msg {
    left: .5em
}

.cls-reply-bar .btn-gift {
    right: .75em;
    line-height: 0
}

.cls-reply-bar .btn-post {
    right: 3em;
    line-height: 0;

}

.cls-reply-bar .btn-post .icon-rely {

    width: 1.2em;
    height: 1.2em;
}

.cls-reply-bar .btn-post em {
    padding: .5em .2em;
    border-radius: 4px;
    background-color: #d95f4c;
    color: #fff;
    position: absolute;
    top: -4px;
    right: -6px;
    font-style: normal;
    font-size: .75em;
    display: block;

}

.cls-reply-bar .btn-gift p {
    line-height: 1.3
}

.cls-reply-bar .btn-post p {
    line-height: 1.3
}

.cls-reply-bar.inside {
    position: static;
    background: 0;
    border: 0;
    padding: 0
}

.cls-reply-bar.inside .cls-textarea-style {
    margin-right: .5em
}

.cls-index-header .cls-header-size {
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
}

.cls-index-header .body {
    margin-left: 2em;
    line-height: 1.4;
}

.cls-user-header .btn-icon i {
    margin-left: .3em
}

.cls-user-header .body {
    margin-left: 2.6em;
}

.cls-user-header .body .small {

    line-height: 1.4;
}

.ml-10 {

    margin-left: 10px;
}

.cls-quote-link {
    display: block
}

.cls-quote-link .wrap {
    max-width: 100%;
    display: inline-block;
    border: .99px solid #e1e2e6;
    border-radius: 5px;
    position: relative;
    margin-top: .5em;
    padding: .25em 1em .25em .5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cls-quote-link .wrap .icon_arrow_right {
    font-size: 90%
}

.cls-quote-link.marginright {
    margin-right: .5em
}

.cls-attest {
    position: relative;
    overflow: inherit !important
}

.cls-attest:after {
    content: "";
    position: absolute;
    display: block;
    background-image: url('../images/icon20_vpic.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    bottom: 0;
    right: -0.4em;
    width: .8em;
    line-height: 0;
    height: .8em
}

.icon-att {

    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon20_vpic.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: -0.4em;
    width: .8em;
    line-height: 0;
    height: .8em

}

#cls-header-list-cont{display: none;}

.cls-header-list {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: table;
    position: relative;
    left: 50%
}

.cls-header-list ul {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: relative;
    left: 50%
}

.cls-header-list ul:before, .cls-header-list ul:after {
    content: " ";
    display: table
}

.cls-header-list ul:after {
    clear: both
}

.cls-header-list ul:before, .cls-header-list ul:after {
    content: " ";
    display: table
}

.cls-header-list ul:after {
    clear: both
}

.cls-header-list ul li {
    padding: 0 .25em .5em .25em;
    float: left;
    display: inline-block;
    line-height: 0
}

.cls-likeornot {
    margin: 1.5em
}

.cls-likeornot .btn-icon {
    margin: 0 .5em
}

.cls-tool-bar {
    background: #8a8f99;
    position: absolute;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 9;
    top: 0;
    margin-top: .75em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: none;
    white-space: nowrap
}

.cls-tool-bar .wrap {
    position: relative
}

.cls-tool-bar .wrap:before {
    content: "";
    bottom: -8px;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #8a8f99 transparent transparent transparent
}

.cls-tool-bar .btn-icon {
    font-size: 90%;
    padding: .75em 1em;
    color: #fff;
    text-align: center;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cls-tool-bar .btn-icon:after {
    position: absolute;
    content: "";
    right: 0;
    top: .5em;
    bottom: .5em;
    border-right: .99px solid #737780
}

.cls-tool-bar .btn-icon:last-child:after {
    content: none
}

.cls-tool-bar.active {
    opacity: 1;
    filter: alpha(opacity=100);
    display: block
}

.cls-bottombox, .cls-pay-pwd {
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    position: fixed;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 3000000000
}

.cls-bottombox .wrap, .cls-pay-pwd .wrap {
    position: relative;
    height: 100%;
    width: 100%
}

.cls-bottombox .wrap .bottombox, .cls-pay-pwd .wrap .bottombox {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    background: #e1e2e6;
    width: 100%
}

.cls-bottombox.active, .cls-pay-pwd.active {
    opacity: 1;
    filter: alpha(opacity=100)
}

.cls-bottombox.active .bottombox, .cls-pay-pwd.active .bottombox {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.cls-pay-pwd .cont {
    padding-bottom: 1.3333333333333333em;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 5px;
    background: #f5f6f7
}

.cls-pay-pwd .cont h3 {
    padding: 1.6666666666666667em 1em .8333333333333334em 1em
}

.cls-pay-pwd .cont input {
    border-radius: 5px;
    border: .99px solid #e1e2e6;
    padding: .35em .5em;
    background: #fff;
    line-height: 1.35;
    -webkit-transition: all .3s ease !important;
    -moz-transition: all .3s ease !important;
    -o-transition: all .3s ease !important;
    transition: all .3s ease !important;
    width: 15em;
    padding-right: 1.5em !important;
    max-width: 100%
}

.cls-pay-pwd .cont input:focus {
    border-color: #c2c5cc
}

.cls-pay-pwd .cont .icon-clear {
    right: 0
}

.cls-pay-pwd .cont .main {
    padding: 0 1em 0 1em
}

.cls-pay-pwd .cont .margintop1 {
    padding: 0
}

.cls-pay-pwd .cont .btn-block.inline {
    font-size: 90%;
    width: 7.5em
}

.cls-pwd-inputbox .cont {
    background: #f5f6f8;
    padding-bottom: 1.5em
}

.cls-pwd-inputbox .cont h3 {
    padding: .75em 0;
    color: #0c0c0d;
    border-bottom: .99px solid #e1e2e6
}

.cls-pwd-inputbox .cont h3 span {
    line-height: 1;
    font-size: 1.2em
}

.cls-pwd-inputbox .cont h3 .trigger-cancel {
    right: .5em;
    padding: .5em;
    line-height: 0;
    display: inline-block
}

.cls-pwd-inputbox .cont .main {
    margin: 1.5em .5em 0 .5em
}

.cls-pwd-inputbox .cont .main .color-text3 {
    width: 16em
}

.cls-pwd-inputbox .cont .btn-block {
    line-height: 1.2
}

.cls-pwd-inputbox .cont .btn-block.inline {
    line-height: 2.5
}

.cls-input-radio input, .cls-input-checkbox input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.cls-input-radio .icon-check-off, .cls-input-checkbox .icon-check-off {
    vertical-align: middle;
    margin-right: .5em
}

.cls-input-radio span, .cls-input-checkbox span {
    vertical-align: middle;
    display: inline-block
}

.cls-address-list h3 span {
    margin-right: 1.5em
}

.cls-address-list .btn-icon {
    margin-left: .75em
}

.cls-address-list .icon-check-on {
    background-image: url('../images/icon30_chk_on_blue.png');
    background-repeat: no-repeat
}

.cls-input-hasIcon .input-icon {
    position: absolute;
    left: .75em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cls-input-hasIcon input {
    padding: .5em 1.5em .5em 2.5em !important
}

.cls-maobi-wrap {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -10.75em
}

.cls-maobi-wrap .icon-maomoney {
    width: 6.5em;
    height: 6.5em
}

.cls-input-text {
    border: 0;
    background: 0;
    width: 100%;
    padding: 0;
    line-height: 1.5em
}

.cls-input-text:focus {
    outline: 0
}

.cls-count-choose-wrap {
    padding: .5em .75em !important;
    line-height: 1.5em
}

.cls-count-choose {
    border-radius: 3px;
    overflow: hidden;
    height: 1.5em;
    border: .99px solid #b5b8c1
}

.cls-count-choose:before, .cls-count-choose:after {
    content: " ";
    display: table
}

.cls-count-choose:after {
    clear: both
}

.cls-count-choose:before, .cls-count-choose:after {
    content: " ";
    display: table
}

.cls-count-choose:after {
    clear: both
}

.cls-count-choose button {
    float: left;
    padding: 0 .75em;
    height: 1.5em;
    background: #f2f4f5
}

.cls-count-choose button span {
    color: #536ea6;
    font-size: 150%;
    line-height: 1
}

.cls-count-choose button:disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

.cls-count-choose .cls-input-text {
    width: 1.5em;
    border-radius: 0;
    border-left: .99px solid #b5b8c1;
    border-right: .99px solid #b5b8c1;
    float: left;
    padding: 0 .75em 1em;
    text-align: center
}

.cls-preferential-tips {
    padding: .75em
}

.cls-preferential-tips .word {
    color: #fff;
    background: #ff8300;
    border-radius: 3px;
    font-size: 90%;
    line-height: 1;
    padding: .1em .2em
}

.cls-preferential-tips .color-deepyellow {
    color: #ff8300
}

.cls-sort-wrap {
    border-top: .99px solid #e1e2e6;
    border-bottom: .99px solid #e1e2e6;
    padding: .5em;

}

.cls-sort-wrap .btn-sort {
    color: #9da0a6;
    border-right: .99px solid #e1e2e6;
    padding: 0 .75em;
}

.cls-sort-wrap .btn-sort i {
    display: none
}

.cls-sort-wrap .btn-sort:last-child {

    border-right: none;

}

.cls-sort-wrap .btn-sort.active {
    color: #6db2eb !important
}

.cls-sort-wrap .btn-sort.active .icon-bad-normal {
    background-image: url('../images/icon30_good_normal.png');
    background-repeat: no-repeat
}

.cls-sort-wrap .btn-sort.active i {
    display: inline
}

.icon-check-on {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon30_chk_on.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-maomoney {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon50_catmoney.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-maomoney.big {
    background-image: url('../images/icon220_maomoney.png');
    background-repeat: no-repeat
}

.icon-member {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon64_crown.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-nd {

    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon50_nd.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain

}

.icon-mall {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon64_mall.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-mask {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/Mask 4.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-more {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon64_more.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-clear {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon30_delete.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-weixinpay {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/weixinpay.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-alipay {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/alipay.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-sfpay {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/sfpay.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-penny {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon200_money.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-loading {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon50_refresh.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-msg {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon36_reply.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-zangoode {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon42_zangoode.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-bad-normal {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon30_bad_normal.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-arrow-down {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-arrow-down.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon30_crown {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon30_crown.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon_delete {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon_delete.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon_50_bank {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon_50_bank.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon_box_close {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon_box_close.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon_arrow_right {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon_arrow_right.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon_warning {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon50_caveat.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon_write {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon30_write.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon_drop {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon30_drop.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon200_fen {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon200_fen.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon-arrow-left {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon50_back.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon_50_more {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon50_more.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon36_pass {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon36_pass.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon36_close {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon36_close.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon36_search {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon36_search.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.icon_arrow_right {
    width: .9em;
    height: .9em;
    padding: 0 .35em
}

.icon_box_close {
    width: 1em;
    height: 1.35em
}

.icon-check-on {
    border-width: 0;
    height: 1em;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 1em
}

.icon-check-on.blue {
    background-image: url('../images/icon30_chk_on_blue.png');
    background-repeat: no-repeat
}

.icon30_crown {
    width: 1.1em;
    height: 1em
}

.icon-maomoney {
    width: 6em;
    height: 6em
}

.icon-zangoode {
    width: 1.1em;
    height: 1.2em;
}

.icon-zangoode.active {
    background-image: url('../images/icon42_zangood_active.png');
    background-repeat: no-repeat
}

.color-blue .icon-bad-normal {
    background-image: url('../images/icon30_good_normal.png');
    background-repeat: no-repeat
}

.color-red .icon-zangoode {
    background-image: url('../images/icon42_zangood_active.png');
    background-repeat: no-repeat
}

.icon-bad-normal {
    width: 1.1em;
    height: 1.1em
}

.icon-bad-normal.active {
    background-image: url('../images/icon30_good_normal.png');
    background-repeat: no-repeat
}

.icon_delete {
    width: 1.5em
}

.icon-clear {
    width: 1em;
    height: 1em;
    padding: .5em 0;
    margin: 0 .5em;
    right: .25em
}

.icon-image-l {
    border-radius: 9px;
    width: 2.5em;
    height: 2.5em
}

.icon-image-m {
    width: 1.25em;
    height: 1.25em
}

.icon-loading.active {
    animation: rotate-360 1s linear infinite;
    -moz-animation: rotate-360 1s linear infinite;
    -webkit-animation: rotate-360 1s linear infinite;
    -o-animation: rotate-360 1s linear infinite
}

@keyframes rotate-360 {
    from {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        -webkit-transform: rotate(450deg);
        -moz-transform: rotate(450deg);
        -ms-transform: rotate(450deg);
        -o-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@-moz-keyframes rotate-360 {
    from {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        -webkit-transform: rotate(450deg);
        -moz-transform: rotate(450deg);
        -ms-transform: rotate(450deg);
        -o-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@-webkit-keyframes rotate-360 {
    from {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        -webkit-transform: rotate(450deg);
        -moz-transform: rotate(450deg);
        -ms-transform: rotate(450deg);
        -o-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@-o-keyframes rotate-360 {
    from {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    to {
        -webkit-transform: rotate(450deg);
        -moz-transform: rotate(450deg);
        -ms-transform: rotate(450deg);
        -o-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

.icon-penny.bg {
    background-color: #f2ae24;
    border-radius: 50%;
    background-size: 60% auto
}

.icon-penny.reversion {
    background-image: url('../images/icon50_money.png');
    background-repeat: no-repeat
}

.icon-search.reversion {
    background-image: url('../images/icon35-search.png');
    background-repeat: no-repeat

}

.skin-night {
    color: #9da0a6
}

.skin-night input::-webkit-input-placeholder {
    color: #6d6f73
}

.skin-night input:-moz-placeholder {
    color: #6d6f73
}

.skin-night input::-moz-placeholder {
    color: #6d6f73
}

.skin-night input:-ms-input-placeholder {
    color: #6d6f73
}

.skin-night .input-clear-wrap .icon-clea {
    opacity: .5;
    filter: alpha(opacity=50)
}

.skin-night .color-text1, .skin-night .cls-pay-way .col-6 a {
    color: #b6b9bf
}

.skin-night .color-text3 {
    color: #85888c
}

.skin-night .color-text4 {
    color: #6d6f73
}

.skin-night input, .skin-night textarea {
    color: #b6b9bf
}

.skin-night body, .skin-night a {
    color: #9da0a6
}

.skin-night .cls-reply-bar {
    background: #38393b;
    border-color: #494a4d
}

.skin-night .cls-reply-bar.inside {
    background: 0
}

.skin-night .cls-textarea-style {
    background: #9b9c9d
}

.skin-night .cls-textarea-style input, .skin-night .cls-textarea-style textarea {
    border-color: #494a4d
}

.skin-night .cls-textarea-style input:focus, .skin-night .cls-textarea-style textarea:focus {
    border-color: #3d4b66
}

.skin-night .cls-pay-pwd .wrap .cont .main dl {
    background: #c6c6c7
}

.skin-night .cls-pay-pwd .wrap .cont .main dl dd {
    border-color: #b7b8bb
}

.skin-night .btn-block {
    color: #9e9e9f;
    background: #3d4b66
}

.skin-night .btn-block.reversion {
    background: #9e9e9f;
    border-color: #6d6f73;
    color: #494a4c
}

.skin-night .btn-block.green {
    background: #3a785a
}

.skin-night .btn-block.gray {
    background: #f5f6f7;
    opacity: .5;
    filter: alpha(opacity=50)
}

.skin-night .cls-pay-pwd .cont input {
    border-color: #494a4d
}

.skin-night .cls-zangoode.active {
    color: #d95f4c
}

.skin-night .cls-zangoode.active span {
    opacity: .5;
    filter: alpha(opacity=50)
}

.skin-night .cls-pennyer-list li > div .body > .word {
    color: #b6b9bf
}

.skin-night .color-blue {
    color: #536ea6 !important
}

.skin-night .cls-bad-normal.active span {
    opacity: .5;
    filter: alpha(opacity=50)
}

.skin-night .btn-sort i:after {
    border-color: #6d6f73 transparent transparent transparent
}

.skin-night .btn-sort i:before {
    border-color: transparent transparent #6d6f73 transparent
}

.skin-night .btn-sort.up i:before {
    border-color: transparent transparent #536ea6 transparent
}

.skin-night .btn-sort.down i:after {
    border-color: #536ea6 transparent transparent transparent
}

.skin-night .cls-pay-way .col-6 a.active {
    border-color: rgba(255, 128, 0, 0.5)
}

.skin-night .cls-pay-way .col-6 a.active:after {
    opacity: .5;
    filter: alpha(opacity=50)
}

.skin-night .background, .skin-night .btn-inlineblock-wrap.line .point {
    background: #3d3e40
}

.skin-night .whiteBackground {
    background: #303133
}

.skin-night .normal-viewlist {
    border-color: #494a4d
}

.skin-night .normal-viewlist li > a:after, .skin-night .normal-viewlist li > div:after {
    border-color: #494a4d
}

.skin-night .row-title {
    color: #6d6f73
}

.skin-night .cls-thirdParty-login .nav-wrap .nav li a {
    color: #9da0a6
}

.skin-night .cls-thirdParty-login .nav-wrap .nav li a.active {
    color: #536ea6
}

.skin-night .cls-pay-pwd .wrap .cont h3 {
    color: #4c4c4d
}

.skin-night .icon_box_close {
    background-image: url('../images/skin_night_icon_box_close.png');
    background-repeat: no-repeat
}

.skin-night .icon_warning {
    opacity: .5;
    filter: alpha(opacity=50)
}

.skin-night .icon-loading, .skin-night .icon-msg {
    opacity: .5;
    filter: alpha(opacity=50)
}

.skin-night .loading p i.right {
    background-image: url('../images/skin_night_icon_right.png');
    background-repeat: no-repeat
}

.skin-night .loading p {
    color: #555659
}

.skin-night .cls-pay-pwd .wrap .cont, .skin-night .loading p {
    background: #8e8e8f
}

.skin-night .icon_delete {
    background-image: url('../images/skein_night_icon_delete.png');
    background-repeat: no-repeat
}

.skin-night .btn-inlineblock-wrap.line .point:before, .skin-night .cls-pay-pwd .wrap .keyboard .row {
    background: #494a4d
}

.skin-night .cls-quote-link .wrap, .skin-night .cls-pay-way .col-6 a, .skin-night .cls-pay-pwd.active .keyboard, .skin-night .cls-pay-pwd .wrap .keyboard .row, .skin-night .cls-pay-pwd .wrap .keyboard .row .col-4, .skin-night .cls-textarea-style textarea, .skin-night .cls-thirdParty-login .nav-wrap .nav li:first-child:after, .skin-night .cls-thirdParty-login .nav-wrap .nav:after, .skin-night .btn-inlineblock-wrap.line:before {
    border-color: #494a4d
}

.skin-night .cls-pay-pwd .wrap .keyboard .row .col-4:active {
    background: #494a4d
}

.skin-night .cls-textarea-style textarea:focus {
    border-color: #3d4b66
}

.skin-night h4 {
    color: #b6b9bf
}

.skin-night .cls-pay-way .col-6 a.active, .skin-night .normal-viewlist li > a:active, .skin-night .cls-pay-pwd .wrap .keyboard .row .col-4 {
    background: #38393b
}

.skin-night .icon-check-off {
    border-color: #3d4b66
}

.skin-night .whiteBackground .btn-inlineblock-wrap.line .point {
    background: #303133
}

.skin-night .cls-bottombox .normal-viewlist {
    border-color: #47484b
}

.skin-night .cls-bottombox .normal-viewlist li > a:after, .skin-night .cls-bottombox .normal-viewlist li > div:after {
    border-color: #434447
}

.skin-night .cls-bottombox .wrap .bottombox {
    background: #494a4d
}

.skin-night .icon-maomoney, .skin-night .icon-clear, .skin-night .img img, .skin-night .btn-icon > i, .skin-night .icon-image-l, .skin-night .icon-check-on, .skin-night .btn-penny, .skin-night .cls-penny-summary, .skin-night .icon-penny.bg, .skin-night .color-light, .skin-night .cls-header-size, .skin-night .btn-inlineblock, .skin-night .cls-content .cont img, .skin-night .icon-zangoode, .skin-night .icon-bad-normal {
    opacity: .5;
    filter: alpha(opacity=50)
}

.skin-night .activeBackgroundColor {
    background: #38393b
}

.skin-night .icon_arrow_right {
    background-image: url('../images/skin_night_icon_arrow_right.png');
    background-repeat: no-repeat
}

.cls-pennyer-list{
    outline: none;
    tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -moz-tap-highlight-color:rgba(0,0,0,0);
    -o-tap-highlight-color:rgba(0,0,0,0);
    -ms-tap-highlight-color:rgba(0,0,0,0);
}

.skin-night .cls-pennyer-list li > div .body > .reply {
    opacity: .5;
    filter: alpha(opacity=50)
}

.skin-night .cls-pennyer-list li > div .body > .reply .reply {
    background: 0
}

.skin-night .cls-pennyer-list li > div .body > .reply:before {
    background: 0
}

.skin-night .cls-pennyer-list li.disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

.skin-night .cls-pennyer-list .word.disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

.skin-night .cls-searchbar {
    border-color: #494a4d
}

.skin-night .cls-searchbar .wrap {
    background: #303133;
    border-color: #494a4d
}

.skin-night .cls-searchbar .wrap .btn-icon span {
    color: #6d6f73
}

.skin-night .cls-count-choose {
    border-color: #494a4d
}

.skin-night .cls-count-choose .cls-input-text {
    border-color: #494a4d
}

.skin-night .cls-count-choose button {
    background: #3d3e40
}

.skin-night .cls-preferential-tips .color-deepyellow, .skin-night .cls-preferential-tips .word {
    opacity: .5;
    filter: alpha(opacity=50)
}

/**/

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

.fl {
    float: left
}

.fr {
    float: right
}

.fl {
    float: left
}

.hide {
    display: none
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.fz-14 {
    font-size: 14px !important
}

.va-m {
    vertical-align: middle
}

.mb-100 {
    margin-bottom: 100px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-0 {
    margin-bottom: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-10 {
    margin-top: 10px
}

.mt-5 {
    margin-top: 5px
}

.mt-05em {
    margin-top: .5em
}

.mr-10 {
    margin-right: 10px
}

.pl-10 {
    padding-left: 10px
}

.pl-20 {
    padding-left: 20px
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-50 {
    padding-top: 50px
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.p-20 {
    padding: 20px
}

.red-color {
    color: #fa3725
}

.blue-color {
    color: #5dbde6
}

.minor-color {
    color: #999
}

.small {
    font-size: 80%
}

.col-4 {
    width: 33.33%;
    text-align: center;
    float: left
}

.col-3 {
    width: 25%;
    text-align: center;
    float: left
}

.m-0 {
    margin: 0 !important
}

.mt-1_15em {
    margin-bottom: 1.15em !important
}

.mr-075em {
    margin-right: .75em !important
}

/*.icon-praise {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-praise.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}*/

.icon-loading {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-loading.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-wirte {

    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-wirte.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon50-wirte {

    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon50-wirte.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-letter {

    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-letter.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-plus {

    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-plus.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon35-plus {

    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon35-plus.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon50-plus {

    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon50-plus.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-search {
    width: 1em;
    height: 1.1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-search.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon50-search {
    width: 1em;
    height: 1.1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon50-search.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

/*.icon-tread {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-tread.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}

.icon-comment {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-comment.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}

.icon-comment {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-comment.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}

.icon-comment {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-comment.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}*/

.icon-back {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon50_back.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-gohome {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon_home48.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

/*.icon-write {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-write.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}

.icon-pen {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-pen.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}

.icon-love {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-love.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}

.icon-call {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-call.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}

.icon-checked {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-checked.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}

.icon-edit {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-edit.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}*/

.icon-arrow-down {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-arrow-down.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.share-icon-wechat {
    width: 1.3em;
    height: 1.3em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-wechat.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.share-icon-sina {
    width: 1.3em;
    height: 1.3em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-sina-c.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.share-icon-qq {
    width: 1em;
    height: 1.1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-qq-c.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

/*.share-icon-link {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/share_icon_link.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}

.icon-checked-black {
    width               : 1em;
    height              : 1em;
    display             : inline-block;
    vertical-align      : baseline;
    background-image    : url('../images/icon-checked-black.png');
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : 100% auto
}*/

.icon-arrow-right {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-arrow-right.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-arrow-down {
    width: .9em
}

.icon-back {
    height: 1.6em;
    width: .85em
}

.icon-gohome {
    margin-left: 1.25em;
    height: 2.7em;
    width: 1.55em;
}

/*
.icon-praise.active, .active > .icon-praise {
    background-image  : url('../images/icon-praise-active.png');
    background-repeat : no-repeat
}

.icon-tread.active, .active > .icon-tread {
    background-image  : url('../images/icon-tread-active.png');
    background-repeat : no-repeat
}

.icon-love.active, .active > .icon-love {
    background-image  : url('../images/icon-love-active.png');
    background-repeat : no-repeat
}
*/

.icon-write, .icon-pen, .icon-call, .icon-love {
    height: 1.7em;
    width: 1.5em
}

.animate-sale {
    animation: scale-active .5s ease;
    -moz-animation: scale-active .5s ease;
    -webkit-animation: scale-active .5s ease;
    -o-animation: scale-active .5s ease
}

html, body {
    color: #9da0a6;
    background: #f0f1f2;
    line-height: 1.15
}

button {
    background: 0;
    border: 0;
    padding: 0;
    color: #999
}

button:active {
    outline: 0;
    color: #888
}

button:focus {
    outline: 0
}

a {
    text-decoration: none
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

a {
    color: #4c4c4c
}

.arrow-down {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    vertical-align: middle;
    border-width: .35em .35em 0 .35em;
    border-color: #fff transparent transparent transparent
}

.img-radius {
    border-radius: 50%
}

.div-scroll {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.btn-praise {
    color: #999;
    display: inline-block
}

.btn-praise .icon-praise {
    margin-right: .3em
}

.media-user .user-img {

    float: left;
    width: 2.45em;
    height: 2.45em;
    overflow: hidden;
    display: block;
    border-radius: 4px;

}

.media-user .user-text {
    padding-left: 3em;

}

.media-user .user-text .recom {

    color: #c2c5cc;
    font-size: 14px;
    margin-top: 5px;
    display: block;

}

.btn-praise .icon-arrow-right {
    width: 7px;
    /* height         : 32px; */
    vertical-align: middle;
    /* margin-right :.75em; */

}

.media-user > img {
    width: 2.45em;
    height: 2.45em;
}

.media-user p {
    line-height: 1.2
}

.media-user .name {
    color: #555659;
    display: block;
}

.media-user .small {
    font-size: 80%
}

.media-user.media-user-text {
    line-height: 1.2;
    padding-left: 0
}

.icon-loading.active {
    animation: rotate-360 1s linear infinite;
    -moz-animation: rotate-360 1s linear infinite;
    -webkit-animation: rotate-360 1s linear infinite;
    -o-animation: rotate-360 1s linear infinite
}

.loading-b {
    color: #999;
    display: block;
    text-align: center;
    margin: 1.15em 0
}

.loading-b span, .loading-b i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.loading-b .icon-loading-b {
    margin-right: .3em
}

.btn-loading {
    width: 100%;
    box-sizing: border-box;
    padding: .65em .75em !important;
    margin: 0;
    line-height: 1
}

.btn-loading .icon-loading {
    display: none
}

.btn-loading.active .icon-loading {
    display: inline-block
}

.btn-block {
    width: 100%
}

.btn-icon {
    color: #999
}

.btn-icon.btn-icon-text i {
    margin-right: .3em
}

.btn-plural-left button, .btn-plural-left a {
    margin-right: .75em
}

.btn-plural-right button, .btn-plural-right a {
    margin-left: 1em
}

.sty-textarea {
    box-sizing: border-box;
    padding: .5em;
    width: 100%;
    /*
    border-radius : 5px;
    */
    border: 1px solid #d9d9d9;
    background: #fff;
    display: block;
    line-height: 1.2;
    box-shadow: none
}

.sty-textarea:focus {
    outline: 0;
    box-shadow: none;
    border-color: #a6a6a6
}

.btn-wrap a, .btn-wrap button {
    display: inline-block;
    line-height: 1;
    text-align: center;
    padding: .5em 1.5em;
    border-radius: 2px;
    background: #fff;
    border: .99px solid #536ea6;
    color: #536ea6
}

.btn-wrap a:hover, .btn-wrap button:hover, .btn-wrap a:active, .btn-wrap button:active {
    border-color: #0091d0;
    color: #0091d0;
    background: #f9f9f9
}

.btn-cancel {
    background: #fafafa !important;
    border-color: #e6e6e6 !important;
    color: #8c8c8c !important
}

.btn-cancel:hover {
    border-color: #d5d5d5 !important;
    color: #7b7b7b !important;
    background: #f9f9f9 !important
}

.seeMore-wrap {
    display: none;
    margin-bottom: .8em
}

.link-color {
    color: #536ea6 !important;
}

.link-color:active {
    color: #8a8f99;
}

.media-article {
    padding: .75em .75em .75em 0;
    display: block;
    border-bottom: .99px solid #e6e6e6
}

.media-article:before, .media-article:after {
    content: " ";
    display: table
}

.media-article:after {
    clear: both
}

.media-article:before, .media-article:after {
    content: " ";
    display: table
}

.media-article:after {
    clear: both
}

.media-article .media-left {
    width: 3.25em;
    max-height: 3.25em;
    float: left;
    overflow: hidden;
    border-radius: 4px;
    border: .99px solid #e1e2e6;
}

.media-article .media-left img {
    width: 100%
}

.media-article .media-body {
    margin-left: 4em;
    margin-right: .75em;
}

.media-article .media-body h2 {

    line-height: normal;
    margin-bottom: .2em;
    font-size: 1em;
    color: #0c0c0d;
}

.media-article .media-body h2 small {
    color: #9da0a6;
}

.media-article .media-body p {

    color: #9da0a6;
    font-size: .85em;
}

.media-article .media-body small {

    font-size: .7em;
}

.media-article:active {
    background: #f2f2f2
}

.empty-word {
    margin: 1em .75em 1.15em
}

.loadingBox {
    top: 0;
    left: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
    z-index: 99;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-align: center;
    align-content: center;
    align-item: center;
    box-pack: center;
    box-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.loadingBox i {
    width: 2.4em;
    height: 2.4em;
    display: inline-block;
    margin: 0 auto;
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center
}

/*.loadingBox i.right {
    background-image  : url('../images/loading_right.png');
    background-repeat : no-repeat;
    background-size   : 100% auto
}

.loadingBox i.error {
    background-image  : url('../images/loading_error.png');
    background-repeat : no-repeat
}*/

.loadingBox p {
    color: #fff;
    text-align: center;
    margin: auto;
    padding: 1.2em;
    font-size: .9em;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 5px
}

.loadingBox p span {
    padding-top: .5em;
    display: block;
    line-height: 1em
}

.loadingBox.nolayout {
    background: 0;
    height: 8em;
    width: 8em;
    top: 50%;
    margin-top: -4em;
    left: 50%;
    margin-left: -4em
}

.header .navbar {
    background: #536fa6;
    line-height: 2.85em;
    width: 100%;
    height: 2.85em;
    color: #fff;
    position: relative
}

.header .navbar a {
    color: #fff
}

.header .navbar .kd-logo {
    margin: 0 .75em;
    float: left
}

.header .navbar > ul {
    float: right;
    line-height: 2.85em;
    margin-right: .75em
}

.header .navbar > ul.relative {
    position: relative
}

.header .navbar > ul > li {
    float: left;
    padding-left: .8em
}

.header .navbar > ul > li a i {

    font-size: 1.3em;
    vertical-align: middle;

}

.header .navbar > ul > li .header-wrap {
    position: relative;
    float: left;
    line-height: 1;
    padding-top: .425em
}

.header .navbar > ul > li .remind {
    background: #e62d22;
    display: inline-block;
    position: absolute;
    top: .425em;
    right: 0;
    z-index: 1;
    height: .4em;
    width: .4em
}

.header .navbar > ul > li img {
    width: 2em;
    height: 2em
}

.header .navbar > ul > li .name {
    padding-left: .5em;
    padding-right: .3em
}

.header .navbar > ul > li dl {
    position: absolute;
    z-index: 9;
    display: none;
    top: 2.85em;
    left: 0;
    width: 100%;
    padding: .35em 0;
    padding-right: .75em;
    line-height: 2.35em;
    box-sizing: border-box;
    background: rgba(73, 74, 77, 0.92)
}

.header .navbar > ul > li dl a {
    margin-left: .75em;
    display: inline-block
}

.header .navbar > ul > li dl.user-menu {
    width: auto;
    right: -0.75em;
    padding-right: 0;
    left: 1.2em
}

.header .navbar > ul > li dl.user-menu a {
    padding-left: 1.95em;
    margin-left: 0;
    display: block
}

.header .headerbar {

    height: 3.1em;
    background: #fff;
    line-height: 3.1em;
    border-bottom: .99px solid #e1e2e6;
    position: relative

}

.header .header-navlist {

    height: 2.5em;
    background: #fff;
    line-height: 2.5em;
    border-bottom: 1px solid #e1e2e6;
    position: relative;
    padding-bottom: .1em;
}

.header .header-navlist ul li {

    float: left;
    width: 25%;
    text-align: center;
}

.header .header-navlist ul li a {
    color: #8a8f99;
    display: block;
    font-size: 14px;

}

.header .header-navlist ul li.active a {
    color: #536fa6;
    border-bottom: 2px solid #536fa6;

}

.header .logo {
    margin: 0 .75em
}

.header .logo img {
    height: 1.8em;
    margin-top: -0.25em;
    vertical-align: middle;
    display: inline-block
}

.header .btn-icon {
    padding: 0 .75em;
    height: 3.1em;
    box-sizing: border-box
}

.header .btn-right {
    position: absolute;
    right: .75em;
    left: auto;
    top: 0
}

.header h1.title {
    font-size: 1em;
    line-height: 2.85em;
    color: #fff;
    text-align: center;
    margin: 0 4em
}

.header h1.title span {
    font-size: 1.25em
}

.header-text .btn-icon {
    padding: 0
}

.iosDevice .cls-vote, .iosDevice .cls-point, .iosDevice .cls-block, .iosDevice .btn-wrap a, .iosDevice .btn-wrap button, .iosDevice .sty-textarea {
    border-width: .5px
}

.list {

    border-bottom: .99px solid #e1e2e6;
    background-color: #fff;
    padding: 1em;
    min-height: 120px;

}

.cls-point {
    margin: .5em 0 .5em 0;
    position: relative;
}

a.cls-block:active, button.cls-block:active, a.cls-point:active {
    background: #f9f9f9
}

.cls-point {
    margin-top: .5em;
    display: block;
    color: #4c4c4c;
    /*
        border        : .99px solid #d9d9d9;
    */
    /* padding       : .75em 0 .75em .75em; */
    background: #fff
}

.cls-point:last-child {

    border-bottom: none;
}

.cls-point .image-wrap {
    color: #fff;
    display: block;
    position: relative;
    margin-bottom: .55em;
}

.cls-point .text-img {

    width: 80px;
    height: 80px;
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
}

.cls-point .text-img img {

    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mr-475em {

    margin-right: 5.75em;
}

.cls-point .text-wrap {
    line-height: 1.5em;

}

.cls-point .text-wrap h1 {
    color: #000;
    font-size: 1.1em;
    margin: 0;
    line-height: 1.2;
    margin-bottom: .5em;
}

.cls-point .text-wrap p {
    font-size: .875em;
    word-break: break-all;

}

.cls-point .image-wrap > img {
    width: 100%;
    max-width: 100%;
    display: block
}

.cls-point .image-wrap .newest {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 .75em;
    line-height: 1.6;
    background-color: rgba(0, 0, 0, 0.5)
}

.cls-point .image-wrap .note {
    position: absolute;
    bottom: 0;
    padding: .45em .5em;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    text-shadow: 0 1px 0 #333;
}

.cls-point .image-wrap .note h3 {
    line-height: 1.6em;
    font-size: 1em;

}

.cls-point .image-wrap .note p {
    line-height: 1.2em;
    font-size: .5em
}

.point-text {
    line-height: 1.5;
    overflow: hidden;
    max-height: 7.5em
}

.point-text a {
    color: #00a2e1
}

.point-text a:active {
    color: #0091d0
}

.cls-title {
    line-height: 1
}

.cls-title:before, .cls-title:after {
    content: " ";
    display: table
}

.cls-title:after {
    clear: both
}

.cls-title:before, .cls-title:after {
    content: " ";
    display: table
}

.cls-title:after {
    clear: both
}

.cls-title .title {
    color: #c2c5cc;
    float: left;
    font-size: .75em;
    padding-left: .7em;

}

.cls-title ul {
    float: right;
    font-size: 1.05em;
    background: #f5f5f5;
    padding-left: 1em
}

.cls-title ul li {
    float: left
}

.cls-title ul li a {
    color: #0090d9
}

.cls-title ul li a:active, .cls-title ul li a.active {
    color: #515151
}

.cls-title ul li > span {
    padding: 0 .3em;
    color: #ccc
}

.cls-title .line {
    display: block;
    height: .5em;
    border-bottom: .99px solid #e6e6e6
}

.cls-title.cls-title-first {
    margin: 1.15em .75em
}

.cls-content .title {
    color: #0c0c0d;
}

.cls-content .title h3 {
    font-size: 1.2em;
    margin-bottom: 10px;
}

.cls-content .title .tips {
    margin-top: .5em;
    color: #999;
    font-size: .9em
}

.cls-content .title .tips a, .cls-content .title .tips span {
    color: #e62d22
}

.cls-content .cont {
    line-height: 1.65;
    color: #555659;

}

.cls-content .cont img {
    /*display : block;*/
    max-width: 100%;
}

.cls-content .cont .text {
    background: #555659;
    padding: .75em;
    margin-bottom: 1em
}

.cls-content .cont .text .begin {
    background: #e62d22;
    padding: .1em .15em;
    line-height: 1em;
    display: inline-block;
    margin-right: .5em;
    border-radius: 3px;
    color: #fff
}

.cls-content .cont .word {
    max-height: 8.25em;
    overflow: hidden;
    text-overflow: ellipsis
}

.cls-content .cont .word a {
    color: #00a2e1
}

.cls-content .cont .word p, .cls-content .cont .word h1, .cls-content .cont .word h2, .cls-content .cont .word h3, .cls-content .cont .word h4, .cls-content .cont .word h5, .cls-content .cont .word h6 {
    margin-bottom: 1em
}

.cls-block {
    margin: 1em 0 1.15em 0;
    /*
        border        : .99px solid #d9d9d9;
    */
    padding-left: .75em !important;
    display: block;
    background: #fff
}

.cls-vote {
    margin: 1em .75em 1.15em;
    border-radius: 5px;
    border: .99px solid #d9d9d9;
    padding: .75em;
    display: block;
    background: #fff
}

.cls-vote .sale-box {
    padding: 0 1em;
    overflow: hidden
}

.cls-vote .sale-box .block {
    border-radius: 3px;
    margin-top: .75em;
    background: #b3b3b3;
    color: #fff;
    padding: .2em .75em;
    font-size: 90%;
    line-height: 1.6em
}

.cls-vote .sale-box .block.red {
    background: #fa3725
}

.cls-vote .sale-box .block.blue {
    background: #45bde6
}

/*.cls-vote .sale-box .block.active .number {
    background-image    : url('../images/icon-checked.png');
    background-repeat   : no-repeat;
    background-position : 0 center;
    background-size     : 1.05em auto;
    padding-left        : 1.3em;
    margin-left         : -1.3em
}*/

.cls-vote .sale-container {
    height: 2.5em
}

.cls-vote .sale-wrap {
    margin: 0 .5em;
    padding-top: .75em;
    color: #b3b3b3
}

.cls-vote .sale-wrap i {
    font-style: normal
}

.cls-vote .sale-wrap .num {
    display: none
}

.cls-vote .sale-wrap .text-right {
    font-size: 90%
}

.cls-vote .sale-wrap.three-text.active {
    padding: .75em 1.25em
}

.cls-vote .sale-wrap.active {
    position: fixed;
    padding: .75em 2em;
    display: block !important;
    margin: 0;
    box-sizing: border-box;
    top: 0;
    z-index: 1;
    width: 100%;
    left: 0;
    border-left: .99px solid #fff;
    border-right: .99px solid #fff;
    border-bottom: .99px solid #ababab;
    background: #fff
}

.cls-vote .sale-wrap.active .percent {
    display: none
}

.cls-vote .sale-wrap.active .num {
    display: inline
}

.cls-vote .sale {
    background: #45bde6;
    border-radius: 5px;
    margin: 0 0 .25em 0;
    overflow: hidden;
    height: .35em;
    position: relative
}

.cls-vote .sale span {
    display: inline-block;
    position: absolute;
    height: 100%;
    border-radius: 3px 0 0 3px;
    background: #fa3725
}

.cls-thispoint {
    padding: 0
}

.cls-thispoint .point-user {
    border: 0;
    padding: 0;
    padding-right: 0;
    line-height: 1.2;
    margin: 1em 0 .3em .75em;
}

.cls-thispoint .btn-praise {
    background: #b3b3b3;
    font-size: .9em;
    line-height: 1.8;
    padding: 0 .5em;
    padding-left: .75em;
    border-radius: 20px 0 0 20px;
    color: #fff
}

.cls-thispoint .btn-praise.blue {
    background: #45bde6
}

.cls-thispoint .btn-praise.red {
    background: #fa3725
}

.cls-thispoint .point-text {
    margin: .5em .75em;
    margin-top: 0
}

.cls-thispoint .btn-wrap {
    margin: .75em .5em;
    margin-bottom: 1em;
    text-align: right
}

.cls-thispoint .btn-wrap .btn-icon {
    font-size: 90%;
    padding: .4em .6em;
    background: #fafafa
}

.cls-thispoint .tool {
    border-top: .99px solid #e6e6e6;
    padding: .6em 0;
    color: #999
}

.cls-thispoint .tool:before, .cls-thispoint .tool:after {
    content: " ";
    display: table
}

.cls-thispoint .tool:after {
    clear: both
}

.cls-thispoint .tool:before, .cls-thispoint .tool:after {
    content: " ";
    display: table
}

.cls-thispoint .tool:after {
    clear: both
}

.cls-thispoint .tool button i {
    margin-right: .3em;
    vertical-align: middle
}

.cls-thispoint .tool button span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.cls-thispoint .tool .col-4 {
    padding-bottom: .1em
}

button.active.red {
    color: #f56467
}

button.active.blue {
    color: #72c3e6
}

.cls-related {
    margin: .75em
}

.cls-related .small {
    font-size: 90%;
    color: #999
}

.cls-related a {
    color: #0090d9
}

.cls-related ul {
    color: #0090d9;
    padding-left: 1em;
    margin: .35em 0;
    line-height: 1em
}

.cls-related ul li {
    padding: .25em 0;
    list-style: square
}

.cls-related ul li a {
    display: inline-block;
    max-width: 100%;
    vertical-align: baseline;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.cls-related ul li a:active {
    color: #007fc8
}

.cls-ul-link {
    margin: .75em
}

.cls-ul-link ul {
    color: #404040;
    padding-left: 1em;
    margin: .35em 0;
    line-height: 1em
}

.cls-ul-link ul li {
    padding: .25em 0;
    list-style: square
}

.cls-ul-link ul li a {
    display: inline-block;
    max-width: 100%;
    vertical-align: baseline;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.cls-ul-link ul li a:active {
    color: #2f2f2f
}

.cls-sale {
    padding: 0;
    border: 0 !important;
    margin: .75em 0 0 0
}

.cls-sale button {
    display: block;
    width: 100%;
    text-align: left;
    color: #404040;
    margin: .75em 0
}

/*
.cls-sale button.active .big {
    background-image    : url('../images/icon-checked-black.png');
    background-repeat   : no-repeat;
    background-position : right center;
    padding-right       : 1.4em;
    background-size     : 1.05em auto
}
*/

.cls-sale button.red .text, .cls-sale button.red .num {
    color: #fa3725
}

.cls-sale button.red .sale span {
    background: #fa3725
}

.cls-sale button.blue .text, .cls-sale button.blue .num {
    color: #45bde6
}

.cls-sale button.blue .sale span {
    background: #45bde6
}

.cls-sale .wrap {
    padding-left: 3em;
    padding-right: 3em
}

.cls-sale .wrap:before, .cls-sale .wrap:after {
    content: " ";
    display: table
}

.cls-sale .wrap:after {
    clear: both
}

.cls-sale .wrap:before, .cls-sale .wrap:after {
    content: " ";
    display: table
}

.cls-sale .wrap:after {
    clear: both
}

.cls-sale .wrap .big {
    font-size: 1.05em;
    color: #404040
}

.cls-sale .num {
    margin-right: -3em;
    float: right;
    color: #b3b3b3
}

.cls-sale .text {
    margin-left: -3em;
    float: left;
    color: #b3b3b3
}

.cls-sale .sale {
    background: #f2f2f2;
    border-radius: 3px;
    margin: .5em 0 .3em;
    height: .35em;
    position: relative
}

.cls-sale .sale span {
    display: inline-block;
    height: 100%;
    border-radius: 3px 0 0 3px;
    position: absolute;
    background: #b3b3b3
}

.btn-loading {
    margin: 0
}

.cls-comment {
    padding-right: 0
}

.cls-comment li {
    margin-bottom: .75em
}

.cls-comment li:last-child {
    margin-bottom: 0
}

.cls-comment li:last-child .comment {
    padding-bottom: 0;
    border-bottom: 0
}

.cls-comment .comment {
    color: #494a4d
}

.cls-comment .user {
    padding-right: .75em
}

.cls-comment .user span {
    font-size: .9em
}

.cls-comment .user .fl {
    font-size: 1em
}

.cls-comment .user .name {
    font-size: 1.05em
}

.cls-comment .comment {
    padding-right: .75em;
    border-bottom: .99px solid #e6e6e6;
    padding-bottom: .5em
}

.cls-toolbar {
    position: fixed;
    bottom: 0;
    background: #fff;
    border-top: .99px solid #ababab;
    left: 0;
    width: 100%;
    height: 2.85em;
    line-height: 2.65
}

.cls-toolbar > .btn-icon {
    height: 100%;
    position: absolute;
    padding: 0 .75em;
    top: 0;
    left: .5em
}

.cls-toolbar > .btn-icon.btn-right {
    right: .5em;
    left: auto
}

.cls-toolbar .center-wrap {
    text-align: center;
    margin: 0 4em
}

.cls-toolbar .right-wrap {
    margin-left: 4em
}

.cls-toolbar .right-wrap a {
    padding: .2em .35em
}

.cls-toolbar .input-text, .cls-toolbar .input-text-holder {
    border: 0;
    background: #f5f5f5;
    line-height: 1.2em;
    display: inline-block;
    box-sizing: border-box;
    padding: .4em .75em;
    color: #999;
    border-radius: 3px;
    text-align: left;
    width: 100%
}

.cls-toolbar .input-text:focus, .cls-toolbar .input-text-holder:focus {
    outline: 0
}

.cls-inputbox {

}

.cls-inputbox .p {
    margin: .5em 0 .75em 0
}

.cls-inputbox > .wrap {
    bottom: 0;
    width: 100%;
    padding: .75em;
    box-sizing: border-box;
}

.cls-inputbox .cls-vote {
    margin: 0 0 .75em 0
}

.cls-inputbox .btn-wrap {
    padding: .75em 0 0 0;
    width: 100%;
    padding-bottom: .5em;
    display: table
}

.cls-share {
    padding-top: .35em
}

.cls-share .btn-wrap {
    padding: .75em 1.75em;
    box-sizing: border-box;
    padding-top: .35em
}

.cls-share .btn-wrap a {
    width: 100%;
    padding: .7em 0;
    color: #8c8c8c
}

.cls-share-btn-wrap {
    font-size: 80%;
    text-align: center
}

.cls-share-btn-wrap:before, .cls-share-btn-wrap:after {
    content: " ";
    display: table
}

.cls-share-btn-wrap:after {
    clear: both
}

.cls-share-btn-wrap:before, .cls-share-btn-wrap:after {
    content: " ";
    display: table
}

.cls-share-btn-wrap:after {
    clear: both
}

.cls-share-btn-wrap a {
    display: inline-block;
    margin: 0 .85em .75em;
    color: #999
}

.cls-share-btn-wrap a p {
    text-align: center
}

.cls-share-btn-wrap a:hover, .cls-share-btn-wrap a:active {
    color: #777
}

.cls-share-btn-wrap a:hover i, .cls-share-btn-wrap a:active i {
    opacity: .9;
    filter: alpha(opacity=90)
}

.cls-search-input-wrap {
    padding-right: 3.75em;
    box-sizing: border-box;
    padding-left: .75em;
    padding-top: .55em
}

.cls-search-input-wrap .cls-search-input {
    position: relative
}

.cls-search-input-wrap .cls-search-input button {
    position: absolute;
    height: 2.2em;
    top: 0;
    right: 0
}

.cls-search-input-wrap .sty-textarea {
    padding: .4em 2.5em .4em .7em
}

.cls-search-result {
    padding: 0;
    overflow: hidden;
    margin-top: 10px;
}

.cls-search-result li:last-child .media-article {
    border-bottom: 0
}

.cls-invite-list {
    padding: 0
}

.cls-invite-list .tool {
    font-size: 90%;
    padding: .75em
}

.cls-invite-list .tool .minor-color {
    margin-top: .35em;
    font-size: 90%
}

.cls-invite-list .tool:before, .cls-invite-list .tool:after {
    content: " ";
    display: table
}

.cls-invite-list .tool:after {
    clear: both
}

.cls-invite-list .tool:before, .cls-invite-list .tool:after {
    content: " ";
    display: table
}

.cls-invite-list .tool:after {
    clear: both
}

.cls-invite-list .tool .btn-wrap {
    font-size: 90%;
    display: inline-block;
    padding-top: .3em
}

.cls-mypoint-list {
    padding: 0
}

.cls-mypoint-list .tool {
    position: relative;
    padding: 1em .75em;
    border-bottom: 0
}

.cls-mypoint-list .tool .arrow-down {
    position: absolute;
    top: -0.99px;
    left: 2.3em;
    border-width: .45em .55em 0 .55em;
    border-color: #e6e6e6 transparent transparent transparent
}

.cls-mypoint-list .btn-wrap {
    margin: .75em 1.25em;
    margin-bottom: 1em
}

.cls-mypoint-list .btn-wrap a {
    font-size: 90%
}

.cls-mypoint-list .point-user {
    line-height: 1.55em;
    margin-bottom: .75em
}

.point-user {
    /* margin-top  : 1em; */
    /* padding-top : .5em; */
    margin-bottom: 1em;
}

.point-user:before, .point-user:after {
    content: " ";
    display: table
}

.point-user:after {
    clear: both
}

.point-user:before, .point-user:after {
    content: " ";
    display: table
}

.point-user:after {
    clear: both
}

.margin-wrap {
    margin: .75em
}

.body-fixed-bottom {
    padding-bottom: 2.85em
}

.point-user .forum {
    padding: .25em .5em;
    border: .99px solid #e1e2e6;
    border-radius: 10px;
    font-size: .75em;
    float: right;
    margin-top: .2em;

}

/*发现*/
.dis-list {

    border: none;
}

.dis-list li > a, .dis-list li > div {

    padding: 1em;

}

.icon-mltx {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-mltx.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-dcwj {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-dcwj.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-yz {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-yz.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-hd {
    width: 1em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-hd.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-kdsc {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-kdsc.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.normal-viewlist li a span {
    font-size: 1em;
    color: #0c0c0d;

}

.normal-viewlist img {

    max-width: 100%;

}

.normal-viewlist li a span i {

    display: inline-block;
    margin-right: 1em;
    vertical-align: middle;
    font-size: 1.1em;
    height: 1.2em;

}

/*用户中心*/

.user-list {

    border: none;
    margin-bottom: 10px;
}

.user-list li > a, .user-list li > div {

    padding: 1em;

}

.icon-post {
    width: 1em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-post.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto

}

.icon-heart {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-heart.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto

}

.icon-push {
    width: 1em;
    height: 1.1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-push.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto

}

.icon-rely {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-rely.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto

}

.icon-at {
    width: 1em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-at.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto

}

.icon-kdadd {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-kdadd.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto

}

.icon-kdfans {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-kdfans.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto

}

.icon-kdfans {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-kdfans.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto

}

.icon-money {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-money.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto

}

.icon-setting {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-setting.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto

}

.icon-auth {
    width: 1em;
    height: 1.1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-auth.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto

}

.icon-time {
    width: 1em;
    height: 1.1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-time.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-attention-c {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-attention-c.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-download {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-download.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}

.icon-home {
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/icon-home.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto
}


/*群组*/
.group-content {

    margin: .5em 0 1em 0;
}

.group-tit h2 {

    font-size: .785em;
    text-align: center;
    color: #c2c5cc;
}

/*群组列表*/

.group-user {
    background: #fff;
    padding: 1.2em;
    text-align: center;
    border-bottom: .99px solid #e1e2e6;

}

.group-user h3 {

    color: #0c0c0d;
    font-size: 1em;

}

.group-user h3 i {

    height: 1.1em;
    font-size: .7em !important;

}

.group-user .group-user-img {

    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto .3em;
    border: .99px solid #e1e2e6;

}

.group-user-img img {

    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.group-user .group-data {
    font-size: .9em;
    color: #9da0a6;
    margin-top: .5em;

}

.group-user .group-user-tips {
    border-top: 1px solid #e1e2e6;
    padding: 1em 0 0;
    text-align: left;
    margin-top: 1em;
    font-size: .875em;
    position: relative;

}

.group-user .group-user-tips .circle {
    width: 3px;
    height: 3px;
    background-color: #e1e2e6;
    border-radius: 50%;
    border: 5px solid #fff;
    position: absolute;
    left: 48%;
    top: -7px;
}

.group-list .list-time {

    text-align: center;
    color: #c2c5cc;
    font-size: .7em;

}

/*用户中心*/
.user-header {
    padding: 1em;

}

.user-header dl {

    padding: .75em 0 1em;
    display: flex;
    border-bottom: 1px solid #f0f1f2;
}

.user-header dl dd {
    border-right: .99px solid #e1e2e6;
    text-align: center;
    -webkit-flex: 1;
    flex: 1;
}

.user-header dl dd:last-child {

    border: none;
}

.user-header dl dd p {

    font-size: .75em;
    color: #8a8f99;

}

.user-header dl dd i {

    font-size: 1em;
    height: 1.2em

}

.user-header .media-article {

    padding: 0 0 1.5em 0;
}

.user-header .media-article .media-body h2 {

    line-height: normal;
}

.user-header .media-article .media-body p {

    margin-top: .5em;
}

/*弹窗赞*/
.popup {

    text-align: left;
    margin: auto;
    font-size: .9em;
    position: relative;
    border: .99px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 8px;
    color: #0c0c0d;
    width: 80%;
    top: 20%;
}

.popup .popup-tit {

    border-bottom: .99px solid #e1e2e6;
    padding: .75em 0;
    position: relative;

}

.popup .popup-tit h2 {

    font-size: 1.2em;
    text-align: center;
}

.popup .popup-tit span {

    display: block;
    position: absolute;
    right: 10px;
    top: 15px;

}

.popup .popup-content {
    padding: 1.2em;

}

.zan-cont .zan-user {
    border-bottom: .99px solid #e1e2e6;
    text-align: center;
    padding-bottom: 1.2em;

}

.zan-user img {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border: .99px solid #e1e2e6;
}

.zan-cont .zan-user .zan-txt {
    display: block;
    margin-top: .5em;
}

.zan-cont .zan-money {
    padding: 1.2em 0 .5em;
}

.flex {
    display: -webkit-box; /* android 2.1-3.0, ios 3.2-4.3 */
    display: -webkit-flex; /* Chrome 21+ */
    display: -ms-flexbox; /* WP IE 10 */
    display: flex; /* android 4.4 */

}

.zan-cont .zan-money ul li {
    border-radius: 4px;
    /* display: block; */
    margin-left: .5em;
    /* margin-right  : .3em; */
    margin-bottom: .75em;
    /* width         : 28%; */
    padding: .5em 0;

    text-align: center;
    border: 1px solid #536ea6;
    color: #536ea6;
    -webkit-box-flex: 1; /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 1; /* Chrome 21+ */
    -ms-flex: 1; /* WP IE 10 */
    flex: 1; /* android 4.4 */
}

.zan-cont .zan-money ul li.active {

    background-color: #536ea6;
    color: #fff;
}

.zan-cont i {
    width: 1.4em;
    height: 1.4em;

}

.zan-cont .zan-money ul li:nth-child(1) {
    margin-left: 0;
}

.zan-cont .zan-money ul li:nth-child(4) {
    margin-left: 0;
}

.zan-money .cls-textarea-style {
    background: #fff;
    margin-top: 1.2em;
    border: .99px solid #e1e2e6;
}

.zan-money .cls-textarea-style input {
    padding-left: 3em
}

.zan-money .cls-textarea-style .icon-penny {
    left: .5em
}

/*搜索*/

.search-result .nav-wrap .nav {
    position: relative;
    overflow: hidden;
    padding-bottom: 1px;
    background-color: #f5f6f7;

}

.search-result .nav-wrap .nav:after {
    content: "";
    border-bottom: .99px solid #e1e2e6;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0
}

.search-result .nav-wrap .nav li {
    width: 33%;
    float: left;
    text-align: center;
    position: relative
}

.search-result .nav-wrap .nav li a {
    color: #555659;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    line-height: 2.5em;
    font-size: 14px;
}

.search-result .nav-wrap .nav li a.active {
    color: #536ea6;
    border-bottom: 1.99px solid #536ea6
}

.search-result .nav-wrap .nav li:after {
    content: "";
    position: absolute;
    top: .35em;
    bottom: .35em;
    border-right: .99px solid #e1e2e6;
    right: 0
}

.search-result .nav-wrap .nav li:last-child:after {

    border-right: none;
}

.search-result .container {
    padding: .25em 0
}

.search-bar {

    background-color: #f5f6f7 !important;
}

.search-result .search-user {
    border-top: none;
    padding: .75em;
    margin: 0;
    border-bottom: .99px solid #e1e2e6;
}



/*返回导航*/
.fixednav {
    position: fixed;
    top: 0;
    z-index: 11;
    width: 100%;
    max-width: 750px;
}

.header .innernavbar {

    background: #fff;
    border-bottom: .99px solid #e1e2e6;
}

.header .innernavbar h3 {

    text-align: center;
    color: #0c0c0d;

    position: absolute;
    display: block;
    padding: 0;
    font-size: 1.2em;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    white-space: nowrap;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.header .innernavbar .back {

    float: left;
    margin-left: 1em;
}

.header .innernavbar .back .icon-back {

    vertical-align: middle;
    font-size: 1em;
}

.header .innernavbar .btn-inlineblock {
    padding: .25em .5em;
    color: #536ea6;
    font-size: .75em;

    border-radius: 4px;
    border: 1px solid #536ea6;
    background-color: #fff;

}

/* 分享 页面*/
.app-down {
    padding: .5em 1em;
    background-color: #f0f1f2;
}

.app-down .app-down-cont .app-down-icon {

    float: left;
    margin-right: .5em;

}

.app-down .app-down-cont .app-down-icon img {

    width: 3em;
    height: 3em;
}

.app-down .app-down-cont .app-down-txt {

    float: left;
}

.app-down .app-down-cont .app-down-txt h3 {
    color: #0c0c0d;
    font-size: 1.2em;
}

.app-down .app-down-cont .app-down-txt small {

    font-size: 80%;
}

.app-down .app-down-cont .btn-inlineblock {
    padding: .5em 1em;
    background-color: #536ea6;
    color: #fff;
    border-radius: 6px;
    display: inline-block;
    margin-top: .7em;
}

.share-bottom-nav {
    border: .99px solid #e1e2e6;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 8;
}

.share-bottom-nav .share-bottom-nav-cont {
    padding: .5em 1em;

}

.share-bottom-nav .share-bottom-nav-cont .btn-inlineblock {
    border: .99px solid #536ea6;
    color: #536ea6;
    padding: .3em .5em;
    border-radius: 4px;
    background-color: #fff;

}

.share-bottom-nav .share-bottom-nav-cont .btn-inlineblock i {
    font-size: .75em;
    margin-right: .5em;

}

.share-bottom-nav .share-bottom-nav-cont .sharelist {
    float: right;
}

.share-bottom-nav .share-bottom-nav-cont .sharelist a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .5em;

}

.share-bottom-nav .share-bottom-nav-cont .sharelist a i {

    font-size: 1.4em;
}

.share-bottom-nav .share-bottom-nav-cont .sharelist span {

    margin-right: 1em;
    color: #8a8f99;

}

.app-download a {
    color: #536ea6;
}

.app-download a i {
    margin-right: .5em;
    vertical-align: middle;
}

/*我的主帖*/

.mypost-list ul li .post-data {
    margin-bottom: .3em;
}

.mypost-list ul li .post-data .data-l {
    float: left;

}

.mypost-list ul li .post-data .data-l b {
    font-size: .85em;
    margin-right: 1em;
    color: #c2c5cc;
}

.mypost-list ul li .post-data .data-l small {
    font-size: .85em;

    color: #9da0a6;
}

.mypost-list ul li .post-data .data-r {

    float: right;
}

.mypost-list ul li .post-data .data-r b {
    margin-right: .75em;
    font-size: .75em;
    color: #9da0a6;

}

.mypost-list ul li .post-data .data-r b:last-child {
    margin: 0;
}

.mypost-list ul li .post-data .data-r b i {

    margin-left: .5em;
    width: 1em;
    height: 1em;
}

/*发帖*/

.post-cont {
    background-color: #fff;
}

.quote-title {
    height: auto;
    line-height: 18px;
    padding: 10px 0;
    border-bottom: .99px solid #e1e2e6;
}

.text-form {
    padding: 10px 20px;
}

.quote-content {
    background: none;
    border: 0;
    height: 100%;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
}

.contentTitle {
    width: 100%;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    border: 0;
    outline: 0;
    background: none;
    text-indent: 20px;
}

/*详情页分享*/
.share-more {
    margin-top: 2em;
}

.share-more .group-user {
    border-bottom: 1px solid #e1e2e6;
    margin-bottom: 0;
}
.share-more .icon30_crown{margin: 0 4px;}
.share-appdown {
    padding: 1em 0;
    border-top: .99px solid #e1e2e6;

}

.share-appdown a {
    padding: 1em 0;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 4px;
    background-color: #536ea6;
    border: 1px solid #536ea6;
    font-size: 14px;
    margin: 20px;
}

.share-more h2 {
    margin: .5em 1.8em;
    font-size: .875em;
    color: #9da0a6;
    font-weight: normal;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.share-more h2:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 9px;
    border-bottom: 1px #e1e2e6 solid;
}

.share-more h2 > span {
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 0 10px;
}

.share-more h2 img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    overflow: hidden;
    vertical-align: bottom;
}

.share-more .cls-attest:after {
    right: 5px;
    top: 7px;
}

.share-more .share-more-list {
    padding: 0 1.5em 1em;
}

.share-more .share-more-list li {
    line-height: 1.5;
    padding: 12.5px 0;
    border-bottom: 1px #e1e2e6 solid;
    height: auto;
    overflow: hidden;
}

.share-more .share-more-list li:last-child {
    border: none;
}

.share-more .share-more-list:last-child li:last-child {
    border-bottom: 1px #e1e2e6 solid;
}

.share-more .share-more-list li a {
    color: #000;
    line-height: 1.5;
    height: auto;
    overflow: hidden;
    display: block;
}

.share-more .share-more-list .img {
    float: right;
    width: 80px;
    height: 80px;
    margin-left: 1em;
    overflow: hidden;
}

.share-more .share-more-list .img img {
    height: 100%;
}

.share-more .share-more-list .title {
    font-size: 1.2em;
    margin-bottom: .5em;
}

.share-more .share-more-list .hasimg .title {
    min-height: 56px;
}

.share-more .share-more-list .source {
    float: left;
    font-size: .75em;
    color: #9da0a6;
}

.share-more .share-more-list .thread {
    float: right;
    font-size: .75em;
    color: #9da0a6;
}

/*2015.10.24 更多好看内容样式*/
.share-more-img {
    margin: 0 1.5em 1em;
    position: relative;
    overflow: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.share-more-img .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.share-more-img .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 120px;
    height: 150px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #f5f6f7;
    font-size: .875em;
}

.share-more-img .swiper-slide a {
    display: block;
    height: 100%;
}

.share-more-img .swiper-slide a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /* Firefox 3.6 - 15 */
}

.share-more-img .swiper-slide a > img {
    position: relative;
    z-index: 1;
    height: 100%;
}

.share-more-img .swiper-slide a > p {
    position: absolute;
    top: 0;
    padding: .8em 0 .8em .8em;
    color: #fff;
    z-index: 3;
}

.share-more-img .swiper-slide .author {
    bottom: 0;
    top: auto;
    font-size: .75em;
}

.share-more-img .swiper-slide a > p img {
    float: left;
    width: 12.5px;
    height: 12.5px;
    margin-right: 5px;
    margin-top: 4px;
    border-radius: 100%;
}

/* Preloader */
.share-more-img .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.share-more-img .swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.share-more-img .swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

/*2016.07.15 查看更多样式*/
.share-more .share-more-list .more {
    text-align: right;
}

.share-more .share-more-list .more a {
    color: #536ea6;
    font-size: .875em;
}

/*2016.10.24 底部样式*/
.pagebottom {
    color: #4a4a4a;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
    display: none;
}

.pagebottom a {
    display: block;
    width: 102px;
    height: 102px;
    margin: 20px auto 0;
    text-indent: -999px;
    background: url("../images/pagebottom-btn.png") 0 0 no-repeat;
    background-size: contain;
}

.pagebottom b {
    color: #536ea6;
}

.pagebottom-img img {
    width: 100%;
}

.download-bar {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #f0f1f2;
    color: #7b818d;
    padding: .7em 0;
    overflow: hidden;
    line-height: 30px;
    z-index: 9999999999;
    display: none;
}

.download-bar a {
    display: block;
}

.download-bar img {
    float: left;
    width: 30px;
    vertical-align: bottom;
    margin-left: 1em;
    margin-right: 5px;
}

.download-bar i {
    float: left;
    font-size: 1.2em;
    color: #536ea6;
    font-style: normal;
    margin-right: 5px;
}

.download-bar span {
    float: left;
    font-size: .75em;
    transition: all .5s;
    position: absolute;
}

.download-bar b {
    float: right;
    width: 17%;
    height: 25px;
    line-height: 25px;
    margin-top: 3px;
    margin-right: 1em;
    color: #fff;
    font-size: .75em;
    text-align: center;
    font-weight: normal;
    letter-spacing: 4px;
    text-indent: 2px;
    background: #31c22d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*微信提示*/

.wechat-wrap {
    background: rgba(0, 0, 0, 0.5);
    /*
        opacity            : 0;
    */
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    position: fixed;
    top: 0;
    display: none;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 9

}

.wechat-wrap .wechat-tips {
    width: 4.5em;
    height: 4.5em;
    display: inline-block;
    vertical-align: baseline;
    background-image: url('../images/share-tips.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 20px;

}

.groupselect-content {

    margin-top: 1.2em;
}

.box-textarea {
    padding: 10px;
}

.box-btn {
    padding: 0 10px;

}

.kd-appdwonload {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 999;
}

.kd-appdwonload .app-down {
    background-color: #fff;
}

/*首页轮播*/
/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

#owl-demo .item p {

    position: absolute;
    left: 0;
    bottom: 20px;
    color: #fff;
    text-shadow: 0 1px 0 #333;
    font-size: 1.1em;
    line-height: 22px;
    padding: 0 10px;
    width: 100%;
    text-align: center;

}

/**/
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    right: 10px;
    bottom: 0;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver */

}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 6px;
    height: 6px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50); /*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;

}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
    width: 8px;
    height: 8px;
    vertical-align: top;

}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url("../images/loading.gif") no-repeat center center;
}

/**/
.list .vote {

    display: flex;
    margin-top: 10px;

}

.list .vote span {
    margin-right: 10px;
    border-right: .99px solid #e1e2e6;
    text-align: center;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-flex: 1;

}

.list .vote span:last-child {

    border-right: none;

}

.list .vote .vote-r {
    color: #e5432e;

}

.list .vote .vote-m {
    color: #9da0a6;
}

.list .vote .vote-b {
    color: #5ca1e6;
}

.c-c2c5cc {

    color: #c2c5cc;
}

.appdown-close {
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/appdown-close.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    margin-left: 10px;

}
.openPC .icon-topc{
    font-size: 1.5em !important;
    margin-right: .1em;
}

.app-btn a {
    padding: .5em;
    border: 1px solid #536ea6;
    border-radius: 2px;
    color: #536ea6 !important;
    font-size: .85em !important;
}

.app-btn a .icon-appdown {

    font-size: 1.5em !important;
    margin-right: .1em;
}

.icon-topc{
    width: 1em;
    height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/icon-topc.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    margin-top: -3px;
}
.icon-appdown {
    width: 1em;
    height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/icon-appicon.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    margin-top: -3px;
}

.icon-appdown2 {
    width: 5em;
    height: 2em;
    display: inline-block;
    vertical-align: middle;
    background-image: url('../images/icon-downbtn2.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    margin-left: 10px;
}

.app-padding {
    /*padding-bottom: 30px;*/
    padding-bottom : 48px;
}

.pc-btn a {

    padding: .5em;
    border: 1px solid #4D9999;
    border-radius: 2px;
    color: #4D9999 !important;
    font-size: .85em !important;
}

.post-more {
    border: 1px solid #536EA6;
    color: #536EA6;
    background-color: #fff;
    border-radius: 4px;
    display: block;
    margin: 20px 20px 0 20px;
    padding: 1em 0;
    text-align: center;
    font-size: 14px;
}

.cls-advertising {
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.cls-advertising img {
    max-width: 100%;
}

.share-error {
    text-align: center;
    padding: 80px 0;
}

.share-error img {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}

.share-error {
    color: #000;
}

/*分享弹出推荐文章*/
.popup-share-bg {
    display: none;
    position: fixed;
    z-index: 998;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.5;
}

.popup-share {
    display: none;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 80%;
    background-color: #fff;
    margin-left: -40%;
    margin-top: -50%;
    border-radius: 5px;
    overflow: hidden;
}

.popup-share .tit {
    height: 48px;
    line-height: 48px;
    background-color: #F1F1F1;
    text-align: center;
    position: relative;
    color: #D95F4C;
}

.popup-share .tit img {
    width: 100%;
}

.popup-share .tit .close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
    background-image: url("../images/share/top-close.png");
    background-size: 100%;
}

.popup-share .tit .ionc {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 5px;
}

.popup-share .cont {
    padding: 0 5% 5%;
}

.popup-share .cont h3 {
    padding: 4% 0;
    color: #9DA0A6;
    font-size: 16px;
    border-bottom: 1px solid #E1E2E6;
    font-weight: normal;
}

.popup-share .cont .li {
    padding: 4% 0;
    color: #0C0C0D;
    font-size: 18px;
    line-height: 1.5;
    border-bottom: 1px solid #E1E2E6;
}

.popup-share .cont .more {
    display: block;
    margin-top: 5%;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
    background-color: #D95F4C;
}

/*“我” 退出登录 按钮*/
.logout-btn-group {
    padding: 1em 1em 2em;
    background-color: #fff;
}

.logout-btn-group a {
    display: block;
    border-radius: .25em;
    text-align: center;
    font-size: 1em;
    margin-bottom: 1.75em;
    background-color: #526DAB;
    padding: .85em 0;
    color: #ffffff;
}

.logout-btn-group a:last-child {

    margin-bottom: 0;
}

.logout-bg {
    background-color: #D95F4C !important;
}

.logout-btn-group a:active {
    opacity: .8;
}

.fav-content .icon-rely {
    margin-left: .5em;
    vertical-align: middle;
}

/*微信浏览器时，更多分享提示*/
.cls-wechattip .img {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 10px;
    right: 5%;
    background: url("../images/share_weixin.png") no-repeat;
    background-size: 100%;
}

/*原创作者*/
.original{
    font-style: normal;
    font-weight: normal;
    color: #536ea6;
    border: .99px #536ea6 solid;
    padding: 0 3px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 5px;
}
.group-user .original{
    display: inline-block;
    border-radius: 100px;
    padding: 1px 7px;
    margin-bottom: 1em;
    font-size: .6em;
}
.group-user .original:before{
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../images/icon_original.png") no-repeat;
    background-size: contain;
    margin-bottom: -4px;
    margin-right: 3px;
}