html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
a {
    background-color: transparent;
}
a:active, a:hover {
    outline: 0;
}
b, strong {
    font-weight: bold;
}
sub, sup {
    font-size: 50%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.75em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled] {
    cursor: default;
}
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
textarea {
    overflow: auto;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, p, blockquote, fieldset {
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
ol, ul, fieldset {
    padding: 0;
}
ol, ul {
    list-style: none;
}
th {
    text-align: inherit;
}
/*
body, button, textarea {
    font: 12px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
*/
body {
    background-color: #FFF;
}
a {
    /*color: ;*/
    text-decoration: none;
}
a:hover {
    /*color: ;*/
    text-decoration: none;
}
/* above is normalize */
* {
    box-sizing: border-box;
}

hr {
    clear: both;
    border-bottom: 1px solid #a0a0a0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin: 0 11px;
}
h1 {
    color: #333333;
    padding: 0px;
    border: 0px;
    line-height: 25px;
    font-size: 22px;
    text-align: left;
    vertical-align: middle;
}
h2 {
    color: #333333;
    line-height: 44px;
    font-size: 18px;
    font-weight: bold;
}
h3 {
    color: #333333;
    margin: 14px 11px 0 33px;
    line-height: 22px;
    font-size: 17px;
    font-weight: normal;
}
h3:before {
    /*content: "▎";*/
    content: "▏";
    color: #e83929;
    font-size: 22px;
    margin-right: -10px;
    margin-left: -5px;
}
h4 {
    color: #333333;
    margin: 14px 11px 0 55px;
    line-height: 22px;
    font-size: 17px;
    font-weight: normal;
}
h4:before {
    content: "▎";
    /*content: "▋";*/
    color: #e83929;
    font-size: 11px;
    line-height: 22px;
    margin-left: -10px;
}
h5 {
    color: #333333;
    line-height: 14px;
    font-size: 11px;
    text-align: right;
    font-weight: normal;
    margin-top: -10px;
    margin-right: 13px;
    font-style: italic;
}
img {
    display: block;
}
em {
    /*font-style: normal;*/
    color: #696969;
}
ul {
    line-height: initial;
    margin: 0px;
    padding: 0px!important;
    list-style: none;
}
li {
    /*list-style: url("pre.gif") outside disc; /* dot size using pic */
}
p {
    color: #333333;
    vertical-align: middle;
    text-align: left;
    margin: 0px;
}

div.quotebox {
    width: auto;
    background: #cbe9ec;
    position: relative;
    padding: 22px 19px 33px 19px;
    margin: 0 11px;
}
i.box-top {
    width: 44px;
    height: 44px;
    position: absolute;
    top: -4px;
    right: -7px;
    background: url(/cms/diaodiao/assets/box-top.png) center center;
    background-size: 44px 44px;
}
i.box-bottom {
    width: 44px;
    height: 44px;
    position: absolute;
    bottom: -4px;
    left: -7px;
    background: url(/cms/diaodiao/assets/box-bottom.png) center center;
    background-size: 44px 44px;
}
div.box-inner {
    position: relative;
}
div.box-inner * {
    margin: 0;
    line-height: 28px;
    font-size: 14px;
    text-align: left;
}
div.box-inner strong {
    font-size: 17px;
}
div.box-inner li:before {
    content: "•";
    font-size: 70%;
    margin: -10px 0 0 0;
    padding: 0 10px;
}
img.lazy {
    border: 0px;
    width: 100%;
    height: auto;
}
div.heading {
    border: 0 !important;
    padding-bottom: 3px !important;
}
.heading .headprice {
    line-height: 13px !important;
}
span.headtime {
    color: #a0a0a0;
    line-height: 13px; font-size: 11px;
}
span.headauthor {
    color: #a0a0a0;
    line-height: 13px;
    font-size: 11px;
    margin: 15px 0 0 0;
    float: right;
    width: 150px;
    overflow: hidden; /*text-overflow:ellipsis; white-space: normal;*/
    text-align: right;
}
div.content {
    display: block;
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0 0 28px 0;
    /*border-bottom: 1px solid #a0a0a0;*/
}
div.content_header {
    height: 11px;
}
div.content > p {
    margin-top: 14px; margin-bottom: 14px;
    margin-left: 11px; margin-right: 11px;
    line-height: 28px;
    font-size: 17px;
    text-align: left;
    word-wrap: break-word;
}
/*
div.content > p:has(> em) {
    margin: 7px 11px;
}*/
div.content > p em {
    font-size: 15px;
    line-height: 24px;
}
div.content > p > a {
    color: #e83929;
}
div.content > p > a:visited {
    color: #a0a0a0;
}
div.content > ul {
    list-style-type: none;
    margin: 25px 11px 25px 58px;
    padding: 0;
    counter-reset: li-counter;
}
div.content > ul > li {
    position: relative;
    font-size: 17px; line-height: 28px;
    word-wrap: break-word;
}
div.content > ul > li:before {
    position: absolute;
    top: 11px; left: -18px;
    width: 7px; height: 7px;
    font-size: 7px; line-height: 7px;
    /*text-align: center;
    color: #f5f5f5;
    border: 3px solid #c5c5c5;*/
    border-radius: 50%;
    background-color: #333333;
    content: '';
    counter-increment: li-counter;
}
div.content > ol {
    list-style-type: decimal;
    /*when decimal, :before no use
    list-style-position: outside;*/
    margin: 25px 11px 25px 58px;
    padding: 0;
    counter-reset: li-counter;
}
div.content > ol > li {
    position: relative;
    font-size: 17px; line-height: 28px;
    word-wrap: break-word;
}
div.content > ol > li:before {
    position: absolute;
    top: 0; left: -18px;
    /*width: 14px; height: 14px;*/
    font-size: 17px; line-height: 28px;
    text-align: center;
    /*color: #f5f5f5;
    border: 3px solid #c5c5c5;
    border-radius: 50%;
    background-color: #333333;
    content: counter(li-counter);*/
    counter-increment: li-counter;
}
div.footer {
    display: block;
    color: #535353;
    padding: 9px 11px 0 11px;    /*14px = p./2=5px + self.pad.9px*/
}
div.footer a:link {
    color: #535353;
}
div.footer a:visited {
    color: #535353;
}
div.footer a:active {
    color: #535353;
}
div.footer_level1 {
    height: 66px;
    margin-top: 5px; /* 10 = self.5 margin + footer > p .(24-14)/ 2 = 5 px white space */
    margin-bottom: 11px;
}
img.roundportrait {
    float: left; display: block;
    border-radius: 50%;
    border: 0px;
    width: 66px;
    height: 66px;
}
div.footer_right {
    margin-left: 79px; /*13 margin + 66 pic float*/
    padding: 5px 0 0 0;
    height: 61px;
    vertical-align: middle;
}
div.footer_right > ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    vertical-align: middle;
}
div.footer_right > ul > li:before {
    content: "";  margin: 0; padding: 0; font-size: 100%; display: none;
}
div.footer_right > ul > li.line1 {
    line-height: 27px;    /*keep ink looks like 9px distance, 5*/
    font-size: 17px;
    color: #535353;
    width: auto;
}
div.footer_right > ul > li.line2 {
    line-height: 22px;   /*keep ink looks like 9px distance, 4*/
    font-size: 14px;
    width: auto;
    overflow: hidden;
}
div.footer_right span {
    margin: 0px;
    color: #959595;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
div.footer_right span.footer_wechat {
    display: inline-block;
}
div.footer_right span.footer_desc {
    /*width: px; restrict character count TODO: adapt*/
    max-width: auto;
    display: inline-block;
}
div.footer_right span.footer_author {
    max-width: auto;
    display: inline-block;
}
div.footer_right span.footer_link {
    width: auto;
    display: inline-block;
}
div.footer_right span.footer_link > a {
    color: #c7c7c7;
    text-decoration: none;
}
div.footer_level2 {
    border: 1px solid #d3d3d3;
    background: #ffffff;
    padding: 7px 11px;  /*left-right:11, top-bottom: 11 = self.7 + p.4*/
}
div.footer_level2 > p {
    color: #535353;
    line-height: 22px;
    font-size: 14px;
    overflow: hidden; /*text-overflow:ellipsis; white-space: normal;*/
    /*control max height?*/
}
div.footer_level2 > p a {
    color: #e83929;
    text-decoration: underline;
}
div.footer_level2 > p a:visited {
    color: #e83929;
    text-decoration: underline;
}
div.ending {
    margin: 0px;
    color: #898989;
    padding: 10px 11px 15px 11px;
    line-height: 22px;
    font-size: 16px;
}
div.ending > a {
    color: #e83929;
    text-decoration: underline;
}
div.clearfix {
    position: static;
    clear: both;
    /*display: none;*/
    visibility: hidden;
    height: 0px;
}
div.like {
    box-sizing: content-box;
    position: fixed; margin: 0px; padding: 8px 0 8px 15px;
    bottom: 52px; right: 0px;
    z-index: 999; border: 0px;
    background-color: transparent;
    /*background-image: url(/cms/diaodiao/assets/likes.png);*/
    background-image: url(/cms/diaodiao/assets/nofavor.png);
    background-size: cover;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-clip: content-box;
    /*background-position: 0% 0%;*/
    width: 36px; height: 34px;
    /*border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;*/
    /*opacity: 0.8;*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
.like.nofav {
    /*background-position: 0% 0%;*/
    background-size: cover;
    background-image: url(/cms/diaodiao/assets/nofavor.png);
}
.like.fav {
    /*background-position: 0% 100%;*/
    background-size: cover;
    background-image: url(/cms/diaodiao/assets/favor.png);
}
.banner {
    width: 100%; height: 77px;
    position: relative; background-color: #eaeaea;
}
.banner .bannerleft {
    position: absolute; top: 10px; left: 17px;
    width: 57px; height: 57px;
}
.banner .bannerright {
    position: absolute; top: 24px; right: 14px;
    width: 72px; height: 30px;
}
.banner p {
    font-size: 14px; line-height: 16px;
    color: #333333;
}
.banner .bannerhigh {
    position: absolute; top: 22px; left: 86px;
}
.banner .bannerlow {
    position: absolute; top: 43px; left: 86px;
}
.banner .bannerlow span {
    font-size: 16px; color: #e83929;
}
/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow { 
    width: 100%; min-width: 280px; max-width: 440px; position: relative;
    margin: 0; padding: 0; /* full page  */ height: auto;
 }
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block; height: auto;
}
/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}
/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 0px;
    overflow: hidden; height: 36px;
}
.cycle-pager span { 
    font-family: arial; font-size: 200%; line-height: 36px; color: #ffffff; 
    width: 24px; height: 36px; display: inline-block; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #e83929;}
.cycle-pager > * { cursor: pointer;}
/* 
    media queries 
    some style overrides to make things more pleasant on mobile devices
*/
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 100%;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}

div.swipefooter {
    /*
    background: -moz-linear-gradient(top, #5a4f4f, #302833);
    background: -webkit-gradient(linear,top, from(#5a4f4f), to(#302833));
    background: -webkit-linear-gradient(top, #5a4f4f, #302833);
    background: -o-linear-gradient(top, #5a4f4f, #302833);
    background: linear-gradient(0deg, #302833 5%, #5a4f4f 100%);
    */
    background-image: url(price_bar.png);
    width: 100%;
    height: 55px;
    position: relative; /*for the buylink within*/
}
/*iphone6 autoheight bug*/
@media only screen and (min-width: 414px) {
    div.swipefooter {
        margin-top: -1px !important;
    }
}
div.swipefooter > p {
    position: absolute;
    bottom: 13px;
    left: 11px;
    color: #ffffff;
    font-family: 'Montserrat', 'Microsoft YaHei', heiti, Arial, sans-serif;
    /*font-family: "Hiragino Sans GB";*/
}
div.swipefooter > p > span {
    font-weight: bold;
    line-height: 12px;
    font-size: 12px;
    margin: 0;
}
div.swipefooter > p > span.symbol {
}
div.swipefooter > p > span.text {
}
div.swipefooter > p > span.digit {
    /*font-weight: normal;*/
    line-height: 24px;
    font-size: 24px;
}
/*buy link*/
div.swipefooter > div {
    position: absolute;
    text-decoration: none;
    right: 11px;
    bottom: 11px; /* img = 190*64 -> 95*32 , height 55 px*/
}
div.swipefooter > div > img {
    width: 95px;
    height: 32px;
}
div.interact {
    position: relative;
    height: 43px; width: 100%;
}
div.half {
    width: 50%; float: left;
    position: relative;
}
div.feel {
    border: 1px solid;
    -moz-border-radius: 21.5px;
    -webkit-border-radius: 21.5px;
    border-radius: 21.5px;
    background-color: transparent;
    height: 43px; padding: 9px 0 13px 0;
    display: block; text-align: center;
    font-size: 17px; line-height: 21px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
div.no {
    margin: 0 9px 0 16px;
    border-color: #434343;
    color: #434343;
}
div.yes {
    margin: 0 16px 0 9px;
    border-color: #ff0000;
    color: #ff0000;
}
.no.pushed {
    background-color: #434343 !important;
    color: white;
}
.yes.pushed {
    background-color: #ff0000 !important;
    color: white;
}
div.tucao {
    margin: 11px 18px; /* up,bot = 30, but (44-28)/2 = 8*/
    color: #a8a8a8;
    line-height: 22px;
    font-size: 14px;
}
div.tucao > a {
    color: #e83929;
    text-decoration: underline;
}
.related {
    position: relative;
    /*background-color: #eaeaea;*/
}
.relcard {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    position: relative; height: 110px; width: 100%;
    /*border-bottom: 1px solid #c3c9c9;*/
}
hr.sep {
    margin-left: 11px;
    border-bottom: 1px solid #c3c9c9 !important;
    margin-right: 0;
}
.relpic {
    margin: 8px 8px 8px 9px;
    display: block; float: left;
}
.relpic > img {
    height: 92px; width: 92px;    /*thumb*/
}
.reltext {
    position: relative; height: 110px;
    margin-left: 111px; /*pic + pic.horizon.margin*/
}
.reltext .cardtitle {
    position: absolute; margin-right: 9px;
    left: 0px; top: 8px;  /*10px heading = 8 + (20-16)/2*/
    font-size: 16px; line-height: 20px;
    word-wrap: break-word; overflow: hidden;
    text-overflow: ellipsis; white-space: normal;
    color: #333333;
}
.reltext .cardread {
    position: absolute; margin-right: 9px;
    left: 0px; bottom: 8px; /*10 ending - (15-11)/2*/
    font-size: 11px; line-height: 15px;
    word-wrap: break-word; overflow: hidden;
    text-overflow: ellipsis; white-space: normal;
    color: #626262;
}
.caret {
    color: #eaeaea;
    display: inline-block; width: 0; height: 0;
    vertical-align: middle;
    border-top: 9px solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
.down {
    border-top: 9px solid;
    border-bottom: 0;
}
.up {
    border-top: 0;
    border-bottom: 9px solid;
}
div.nav {
    height: 47px; width: 100%;
    background-color: transparent;
}
.bar-2 {
    display: inline-block;
    height: 47px; width: 50%; float: left;
}
.notlast {
    background-image: url("/cms/diaodiao/assets/line1_47.png") !important;
    background-position: center right;
    background-repeat: no-repeat;
}
.navtext {
    text-align: center; height: 38px;
    font-size: 17px; line-height: 21px;
    padding: 12px 0 3px 0; /*按照47px居中，不是38px*/
}
.selectedbar .navtext {
    /*font-weight: bold;*/
    text-shadow: 0px 0px 6px rgba(0,0,0,0.38);
}
.navspan {
    text-align: center; height: 9px;
    line-height: 9px;
}
.selectedbar .navspan span {
    /*margin-top: -15px;*/
}
.notselectedbar .navspan span {
    visibility: hidden; 
    /*margin-top: -15px;*/
    /*this margin is calculated*/
}
.author_info {
    background-color: #eaeaea;
    width: 100%; position: relative;
    padding-bottom: 5px;
}
.author_mask_all {
    width: 100%; height: 442px;
    position: absolute; top: 0px; left: 0px;
}
.author_premask {
    position: relative; top: 0px; left: 0px;
    width: 100%; height: 46px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.author_mask_wrapper {
    position: relative; top: 0px; left: 0px;
    width: 100%; height: 110px;
}
.author_mask {
    /*position: relative; top: 0px; left: 0px;*/
    float: left;
    width: 320px; height: 110px;
    background-image: url("/cms/diaodiao/assets/author_mask.png") !important;
    background-repeat: no-repeat;
    background-position: top left;
}
.author_padding {
    /*position: relative; top: 0px; left: 640px;*/
    float: left;
    height: 110px; width: 40px;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.author_aftmask {
    position: relative; top: 0px; left: 0px;
    width: 100%; height: 88px;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.bottomspace {
    height: 30px; /*background-color: #eaeaea;*/
}
.author_ma {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}
.extra_portrait {
    border-radius: 50%; border: 0px;
    width: 66px; height: 66px;
    top: 38px; left: 11px;
    position: absolute;
}
.arrow {
    position: absolute;
    top: 90px; left: 70px;
    color: #fff;
}
.arrow img {
    width: 210px; height: 40px;
}
.summary .author_info {
    background-color: transparent !important;
}
.buttonwrapper {
    width: 100%; padding: 0 10px;
    height: 34px;
    position: relative;
}
.buttonwrapper > div {
    width: 100%; height: 34px;
}
.buttonlike {
    width: 33%; color: #898989;
    line-height: 33px; font-size: 15px;
    background: transparent;
    float: left;
    border-top: 1px solid #898989;
    border-bottom: 1px solid #898989;
    border-left: 1px solid #898989;
    text-align: center;
}
.buttonlike:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.buttonlike:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-right: 1px solid #898989;
}
.here {
    background: #898989 !important;
    color: #fff !important;
}
.spacing {
    height: 10px; width: 100%;
}
hr.com {
    margin-left: 11px; margin-top: 9px;
    border-bottom: 1px solid #c3c9c9 !important;
    margin-right: 0; margin-bottom: 15px;
}
hr.com:last-child {
    margin-bottom: 0px !important;
}
.goodsheading h1 {
    color: #333333;
    padding: 7px 11px 6px 11px;
    line-height: 25px; font-size: 19px;
    text-align: left;
}
.goodsheading table, .goodsheading tr {
    width: 100%;
}
.goodsheading tr {
}
.goodsheading td {
    overflow: hidden; word-wrap: break-word;
    text-overflow: ellipsis; white-space: normal;
}
.headprice {
    color: #e83929;
    font-size: 20px; line-height: 40px;
    width: 40%;
    padding-left: 11px;
}
.headprice .symbol, .headprice .text {
    font-size: 17px;
}
.headauthor {
    text-align: right;
    width: 60%;
    padding-right: 11px;
    height: 41px;
}
.headauthor img {
    border-radius: 50%; border: 0px;
    width: 27px; height: 27px;
    display: inline;
    vertical-align: middle;
    position: relative;
    top: -2px; left: -8px;
}
.headauthor a {
    color: #959595;
    line-height: 16px; font-size: 13px;
    position: relative;
    bottom: -2px;
}
.headauthor a:link, .headauthor a:visited, .headauthor a:active {
    color: #959595;
}
.botmenu {
    position: fixed; bottom: 0;
    width: 320px; height: 49px;
    z-index: 999;
    background-color: #fff;
}
.botmenu table {
    width: 100%; height: 49px;
}
.botmenu tbody, .botmenu tr {
    width: 100%;
}
.botmenu td {
    vertical-align: middle;
    border-top: 1px solid #b2b2b2;
    position: relative;
}
.botmenu td img {
    height: 21px;
}
.botmenu td p {
    font-size: 10px; color: #999999;
    line-height: 10px;
    position: relative; bottom: -4px;
}
#bot_zan.done p{
    color: #e83929 !important;
}
#bot_fan.done p{
    color: #000 !important;
}
#bot_fav.done p{
    color: #e83929 !important;
}
#bot_com.done p{
    color: #e83929 !important;
}
#bot_com span{
    position: absolute;
    background-color: #ec6100; color: #fff;
    border-radius: 1px; padding: 1px 0;
    top: 4px; left: 40px; /*bot_com.width/2 + 4*/
    font-size: 7px; line-height: 7px;
    width: 19px; text-align: center;
}
#bot_down {
    text-align: center;
}
#bot_down img {
    height: 22px; display: inline;
    position: relative; bottom: -5px;
}
#bot_down span {
    font-size: 16px; line-height: 49px;
    color: #e83929; 
    left: 5px; position: relative;
}
#bot_buy {
    background-color: #e83929;
    border-top: 1px solid #e83929;
}
#bot_buy p {
    font-size: 16px !important;
    line-height: 49px !important;
    color: #fff !important;
    bottom: 0px !important;
}
.soldout {
    background-color: #bababa !important;
    border-top: 1px solid #b2b2b2 !important;
}
.botmenu td img, .botmenu td p {
    margin: auto;
    text-align: center; 
}
#newbanner {
    position: fixed; bottom: 0;
    width: 320px; height: 49px;
    font-size: 19px; line-height: 49px;
    color: #fff; background-color: #e83929;
    text-align: center; z-index: 999;
}
/*v1.3add*/
blockquote {
    color: #666666;
    /* border-left: 10px solid #ccc; */
    /* position: absolute; */
    margin: 20px 11px;
    padding: 10px 0;
    /* quotes: "\201C""\201D""\2018""\2019"; */
    position: relative;
    top: 0px; left: 0px;
    z-index: 0;
}
blockquote:before {
    color: #ddd;
    position: absolute;
    float: left;
    /*content: open-quote;*/
    font-size: 160px;
    top: 40px;
    left: -110px;
    width: 0px;
    height: 0px;
    content: "\201C";
    line-height: 40px;
    z-index: -1;
}
blockquote:after {
    color: #ddd;
    position: absolute;
    float: left;
    /*content: open-quote;*/
    font-size: 160px;
    bottom: -35px;
    right: 50px;
    width: 0px;
    height: 0px;
    content: "\201D";
    line-height: 40px;
    z-index: -1;
}
.sephead {
    width: 100%; height: 42px;
    /*border-top: 1px solid #cccccc;*/
    position: relative;
}
#time {
    border: 0;
}
.sephead img {
    display: inline; vertical-align: middle;
    width: 35px; height: 42px;
}
.sephead span{
    position: relative;
    font-size: 17px;
    top: 3px;
}
.sephead span a:link,
.sephead span a:visited,
.sephead span a:active {
    color: #535353;
}
.sepfoot {
    width: 100%; height: 2px;
    border-bottom: 1px solid #cccccc;
}
.sepfoot div {
    height: 2px; width: 120px;
    background-color: #e83929;
    border: 0 !important;
}
.comment_t {
    width: 100%; position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
}
.comment_t table {
    width: 100%;
}
.com_avatar {
    padding: 10px; width: 70px; height: 70px;
}
.com_avatar img {
    width: 50px; height: 50px;
    border-radius: 25px;
}
.com_avartar_emtpy {
    width: 70px;
    text-align: center;
}
.com_detail p:first-child {
    font-size: 15px; line-height: 15px;
    color: #000; margin-top: 0px;
}
.com_detail p:last-child {
    font-size: 12px; line-height: 12px;
    color: #898989; margin-top: 8px;
}
.com_praise {
    width: 80px; text-align: right;
    background-repeat: no-repeat;
    background-position: 54px 19px;
}
.praiseful {
    background-image: url(/cms/diaodiao/assets/cmtlike.png);
    background-size: 11px 12px;
}
.praiseless {
    background-image: url(/cms/diaodiao/assets/cmtnolike.png);
    background-size: 11px 12px;
}
.com_praise span {
    font-size: 10px; color: #434343;
    position: relative; top: -10px; right: 29px;
}
.com_content {}
.com_content div.quote {
    font-size: 15px; line-height: 18px;
    color: #878787; 
    border-left: 5px solid #dcdcdc;
    padding: 4px 15px 5px 4px;
    margin-bottom: 15px; margin-top: -5px;
}
.com_content div.cmt {
    font-size: 15px; line-height: 18px;
    color: #000; padding-right: 15px;
    word-break: break-all;
}
.cmt img.cmtsingle {
    margin-top: 8px;
}
.cmt div.cmt_img_wrapper {
    margin-top: 3px;
}
.cmt_img_wrapper div img {
    float: left; display: inline;
    margin-right: 5px; margin-top: 5px;
}
.cmt_img_wrapper div img:last-child {
    margin-right: 0 !important;
}
.versionnotice {
    height: 50px; width: 100%; 
    position: relative;
    line-height: 0;
    /*border-bottom: 1px solid #dcdcdc;
    接着的作者模块有border-top
    */
}
.versionnotice > div {
    height: 50px; margin: 0 auto;
    width: 170px; line-height: 0;
}
.versionnotice img {
    height: 26px; width: 26px;
    position: relative; display: inline;
    left: 0; top: -1px; 
    vertical-align: middle;
}
.versionnotice span {
    position: relative; color: #e83929;
    top: 0px; left: 5px;
    font-size: 17px; line-height: 50px;
}
.editorhead {
    margin: 16px 11px -4px 11px !important;
    line-height: 24px !important;
    font-size: 18px !important;
    color: #959595 !important;
    font-weight: bolder !important;
    text-shadow: 0px 0px 1px rgba(149, 149, 149, 1);
}
.editorcontent {
    margin: 14px 24px !important;
    line-height: 24px !important;
    font-size: 15px !important;
}
.emptycomment {
    width: 100%; height: 135px;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    text-align: center;
}
.emptycomment img {
    display: inline; vertical-align: middle;
    width: 50px; height: 40px;
    position: relative;
    top: 50px;
}
.emptycomment span{
    position: relative;
    font-size: 17px;
    color: #959595;
    top: 52px;
}
.debug {
    border: 3px solid #e83929 !important;
    opacity: 0.5 !important;
    filter: alpha(opacity=50);
}
.blist {
    background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
    background-color:#44c767;
    border-radius:14px;
    border:1px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-size:15px;
    padding:2px 6px;
    text-shadow:0px 1px 0px #2f6627;
}
.blist:hover {
    background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
    background-color:#5cbf2a;
}
.blist:active {
    position:relative;
    top:1px;
}
.blist[disabled] {
    color: #999999;
}
.com_praise .blist {
    position:relative; right: 14px;
}
.ipraise {
    border: solid 1px #85b1de;
    margin-right: 5px;
    font-size: 15px; 
    padding: 2px 3px;
    text-align: right;
    width: 100px;
    transition: box-shadow 0.3s, border 0.3s;
}
.ipraise:focus {
    /*box-shadow: inset 0 0 10px 2px rgba(150,150,150,0.75);*/
    box-shadow: 0 0 5px 1px rgba(133,177,222,0.75);
}
.com_content span {
    position: relative;
    top: -2px;
    margin: 0 5px;
    color: #fff;
    background-color: #e83929;
    padding: 3px;
    border-radius: 50%;
    font-size: 10px;
}
.com_content span.ju {
    color: #000;
    font-weight: bold;
    background-color: #e83929;
}
#cmtmaskonce {
    z-index:1000; position: fixed; top: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
#cmtmaskread {
    color: #fff; text-align: center; width: 190px;
    background-color: rgba(0,0,0,0.8);
    border-radius: 6px; 
    position: absolute;
    line-height: 40px; height: 40px;
    bottom: 52px; left: 100px;
}
#cmtmaskcaret {
    border-top: 5px solid rgba(0,0,0,0.8);
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute; bottom: 42px; left: 150px;
}