article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul {    margin: 0;    padding: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {    display: block;}
input {    font-family: microsoft yahei;}
body {    margin: 0 auto;    font-size: 14px;    font-family: "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;    line-height: 1.5;    min-width: 1200px;}
li,ol,ul {    list-style: none;}
img {    border: none;    display: block;}
em,i {    font-style: normal;}
table {    border-collapse: collapse;    border-spacing: 0;    table-layout: fixed;}
h1,h2,h3,h4,h5,h6,strong {    font-weight:400}
a:hover {    text-decoration: none;}
a,ins {    text-decoration: none;    outline: 0;}
textarea {    resize: none;    outline-style: none;}
audio:not([controls]) {    display: none;    height: 0;}
.break-word {    white-space: pre-wrap;    word-wrap: break-word;}
::-webkit-input-placeholder {    color: #bbb;}
input:-moz-placeholder {    color: #bbb;}
input:focus,textarea:focus,button:focus {    outline: 0;}
.fl {    float: left;    _display: inline !important;}
.fr {    float: right;    _display: inline !important;}
.clearfix {    *zoom: 1;}
.clearfix:before {    content: "";    display: table;clear: both;}
.clearfix:after {    clear: both;    content: ' ';    display: block;    font-size: 0;    line-height: 0;    visibility: hidden;    height: 0;}
.fl {    float: left;}
.fr {    float: right;}
.rel {    position: relative;}
.abs {    position: absolute;}
.block {    display: block;}
.none {    display: none;}
.ellipsis,.headerTopMenu .menu .collectBox .mediaHeading,.headerTopMenu .menu .collectBox .mediaBody p,.headHotWorks .infoBox .infoHd .imgBox .text,.headHotWorks .infoBox .infoBd .infoTit,.headHotWorks .infoBox .infoBd .infoUpdate,.detailHeader .headerTopMenu .userMsgItems .name,.mainTop .imgTextWrap .imgText,.mainBody .TOP100Bd .itemBox li,.mainBodyRight .leaderboard .items .inner .itemTit,.classificationList .clItem .clItemRight .info,.ctDetialBrief .ctdbRight .toolsLeft .btnCollect,.ctSectionListBd .titleList .item,.detailHeader .detailHsearch .searchHistory dd,.scollCon .duanList li a,.userRight .userAssets .recodeListLeft,.userRight .userAssets .recodeListRight,.rightListBox .personCon ul li p,.ugcVideoBox .ugcVideoHd .ugcVideoHdRight .text .name,.ugcVideoBox .ugcVideoHd .ugcVideoHdRight .text .authorDesc {    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.mt5 {    margin-top: 5px;}
.mt10 {    margin-top: 10px;}
.mt15 {    margin-top: 15px;}
.mt20 {    margin-top: 20px;}
.mt30 {    margin-top: 30px;}
.mt40 {    margin-top: 40px;}
.mb5 {    margin-bottom: 5px;}
.mb10 {    margin-bottom: 10px;}
.mb15 {    margin-bottom: 15px;}
.mb20 {    margin-bottom: 20px;}
.mb30 {    margin-bottom: 30px;}
.mb40 {    margin-bottom: 40px;}
.mb50 {    margin-bottom: 50px;}
.pt20 {    padding-top: 20px;}
.pb20 {    padding-bottom: 20px;}
/* color */
.red {    color: #ff0000;}
.theme {    color: #bb2bab;}
.tc {    text-align: center;}
/* icons */
.icon {    display: inline-block;}
a {    color: #333;    transition: all 0.15s;    cursor: pointer;}
.headerSearch {    padding: 26px 0 0;    height: 63px;}
.wrapper {    width: 1180px;    margin-left: auto;    margin-right: auto;}
.header h1, .header .logoIcon {    float: left; font-size: 0;}
.header .logo {    display: block;  }
.headerSearch .searchWrap {    float: left;    position: relative;    margin: 5px 0 0 470px;}
.headerSearch .searchWrap .searchInput {    display: block;    width: 233px;    height: 15px;    line-height: 14px;    padding: 8px 50px 8px 15px;    border: solid 1px #ddd;    border-radius: 22px;    background-color: #fff;    font-size: 14px;}
.headerSearch .searchWrap .searchBtn {    position: absolute;    top: 0;    right: 0;    width: 50px;    height: 32px;    background: transparent;    color: #fff;    text-align: center;    border-radius: 0 10px 10px 0;    border: 0;    cursor: pointer;}
.headerSearch .searchWrap .searchBtn .icon {   margin: 2px 0 0;}
.iconSearch {    width: 27px;    height: 27px;    background: url(../images/search.png) center center no-repeat;}
.headerSearch .searchWrap .searchHistory {    display: none;    position: absolute;    right: 90px;    left: 0;    top: 42px;    width: 100%;    border: solid 1px #f5f2f2;    background-color: #fff;    z-index: 1000;    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.headerSearch .searchWrap .searchHistory dd {    position: relative;    padding: 0 35px 0 12px;    line-height: 35px;    color: #999;}
.headerTopMenu.pdr {    position: relative;    padding-right: 10px;}
.headerTopMenu .userMsg .userMsgItems {    float: left;    margin-right: 3px;    line-height: 46px;}
.headerTopMenu .userMsg .userMsgItems .registeredBtn {padding-left: 7px;border-left: solid 1px #ddd;line-height: 14px;}
.fontlog{font-size: 24px;color: #ff5267;}
.headerTopMenu .userMsg .userMsgItems .loginBtn, .headerTopMenu .userMsg .userMsgItems .registeredBtn {display: inline-block;margin-left: 5px;color: #999;}
.headerTopMenu .userMsg .userMsgItems {float: left;margin-right: 3px;line-height: 46px;}
.headerTopMenu .userMsg .userMsgItems > a {display: block;font-size: 14px;}
.headerTopMenu .menu {margin-left: 10px;}
.headerNavBg {background: #ff5267;}
.headerNav {height: 54px;background: #ff5267;}
.headerNav .navItems {position: relative;float: left;text-align: center;}
.headerNav .navItems a {display: block;width: 106px;height: 54px;line-height: 54px;font-size: 16px;color: #fff;overflow: hidden;transition: all 0s;}
.headerNav .navItems a.active, .headerNav .navItems a:hover {background: rgba(0, 0, 0, 0.1);}
.subtitle {width: 1180px;margin: 0 auto 8px;line-height: 32px;font-size: 18px;}
.subtitle img {width: 32px;height: 32px;float: left;margin-right: 5px;}
.subtitle span{padding-left: 5px}
.works_recommend {width: 1176px;margin: 0 auto;}
.works_recommend ul {border: 1px solid #dadada;background: #fff;box-sizing: border-box;border-radius: 4px;float: left;}
.works_recommend ul.right {width: 288px;margin-left: 16px;margin-bottom: 16px;}
.classification_works ul.right {margin-left: 0;margin-right: 16px;width: 278px;}
.works_recommend ul.right li.title {font-size: 18px;margin: 7px 0 6px 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.classification_works ul.right li.title {font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.works_recommend ul.right li.pic {height: 168px;}
.works_recommend ul.right li.pic img {width: 100%;height: 100%;border-radius: 4px 4px 0 0;}
.works_recommend ul.right li.describe {font-size: 14px;color: #8c8c8c;line-height: 20px;margin-top: -6px;margin-bottom: 6px;margin-left: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.works_recommend ul.left {width: 552px;padding: 12px;margin-top: 0;height: 476px;}
.works_recommend ul.left li.pic {width: 100%;height: 308px;}
.works_recommend ul.left li.pic img {width: 100%;height: 100%;border-radius: 4px;}
.works_recommend ul.left li.title {font-size: 20px;margin-top: 16px;}
.works_recommend ul.left li.title strong {margin-left: 16px;font-size: 18px;color: #8c8c8c;}
.works_recommend ul.right li.title strong {margin-left: 12px;font-size: 14px;color: #8c8c8c;}
.works_recommend ul.left li.describe {font-size: 14px;color: #8c8c8c;-webkit-line-clamp: 2;line-height: 20px;margin-top: 10px;margin-bottom: 5px;}
.TOP100Bd .itemBox {    padding: 10px 0px 0px 0;}
.TOP100Bd .itemBox li{    float: left; line-height: 24px;width: 191px;    margin-bottom: 15px; overflow: hidden;padding-right: 5px;}
.TOP100Bd .itemBox li .label {    display: inline-block;    width: 22px;    height: 22px;    margin-right: 13px;    line-height: 22px;    color: #999;    font-size: 12px;}
.mainBody_nav {height: 28px;line-height: 28px;margin-bottom: 24px;}
.mainBody_nav ul{margin-bottom: 20px;}
.mainBody_nav ul li {float: left;width: 64px;font-size: 14px;text-align: center;margin-left: 10px;}
.mainBody_nav ul li a {display: block;}
.mainBody_nav ul li.hover a, .mainBody_nav ul li:hover a {background: #ff5a49;border-radius: 4px;color: #fff;}
.classification {width:  31.6%;border: 1px solid #dadada;border-radius: 4px;background: #fff;padding: 12px;margin-bottom: 16px;box-sizing: border-box;margin-right: 16px;display: inline-block;}
.classification h2 {font-size: 16px;}
.strong_dj {border: 1px solid #febb4d;color: #febb4d;padding: 0px 3px;font-size: 12px;border-radius: 3px;margin-right: 6px;}
.classification .describe {font-size: 14px;color: #8c8c8c;margin-top: 4px;margin-bottom: 8px;}
.classification .tit_img {border-radius: 4px;width: 100%;}
.classification h2 i {width: 18px;height: 18px;display: block;float: left;margin-right: 4px;background: url(../images/all_ic_like.png);background-size: auto auto;background-size: 18px 18px;}
.paging {display: table;margin: 0 auto 36px;clear: both;padding-top: 30px;}
.paging ul li {float: left;font-size: 12px;margin-right: 12px;line-height: 20px;}
.paging ul li a {display: block;border: 1px solid #dadada;background: #fff;border-radius: 4px;padding: 8px 20px;}
.paging ul li.grey a {color: #a3a3a3;}
.paging ul li.active a {background: #ff5a49;border-color: transparent;color: #fff}
.breadCrumb {width: 100%;height: 52px;line-height: 52px;color: #999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;fons-zise: 14px;}
.breadCrumb a {font-size: 14px;color: #999;}
.breadCrumb em {padding: 0 5px;}
.comic-content{border: 1px #ccc solid;padding: 30px;border-radius: 5px;}
.ctDetialBrief{padding-bottom: 25px;}
.ctDetialBrief .ctDetialBriefLeft {float: left;width: 880px;}
.ctDetialBrief.comic .ctDetialBriefLeft {width: 100%;}
.ctDetialBrief .ctdbLeft {position: relative;float: left;width: 368px; /*padding-bottom: 40px;*/background-size: 360px;}
.ctDetialBrief .ctdbLeft a {display: block;background: url(../images/basebglg.png) no-repeat center center;}
.ctDetialBrief .ctdbLeft img {display: block;width: 338px; /*! box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */border-collapse: 5px;border-radius: 10px;border: 1px solid #ccc;}
.ctDetialBrief .ctdbRight {position: relative;margin-left: 366px;}
.ctDetialBrief .ctdbRight .ctdbRightInner { /*! min-height: 312px; */font-size: 13px;}
.ctDetialBrief .ctdbRight .title {margin-bottom: 20px;font-size: 30px;line-height: 34px;}
.ctDetialBrief.comic .ctDetialBriefLeft .title {font-size: 32px;line-height: 40px;margin-bottom: 15px;max-width: 730px;max-height: 80px;text-align: left;}
.ctDetialBrief .ctdbRight .labelBox {display: inline-block;margin-left: 10px;line-height: 22px;vertical-align: top;font-size: 0;}
.ctDetialBrief.comic .ctDetialBriefLeft .labelBox {vertical-align: top;margin-top: 11px;}
.commomLabel {display: inline-block;height: 22px;padding: 0 8px;margin-right: 5px;line-height: 22px;border: solid 1px #ff5267;border-radius: 24px;text-align: center;font-size: 12px;color: #ff5267;}
.ctDetialBrief .ctdbRight .labelBox a {display: inline-block;height: 22px;padding: 0 8px;margin-right: 5px;line-height: 22px;border: solid 1px #ff5267;border-radius: 24px;text-align: center;font-size: 12px;color: #ff5267;height: 20px;line-height: 20px;border: 0;border-radius: 3px;color: #fff;margin-right: 10px;}
.ctDetialBrief .ctdbRight .labelBox a:nth-child(1) {background: #fb8eff;}
.ctDetialBrief .ctdbRight .labelBox a:nth-child(2) {background: #ff8e8e;}
.ctDetialBrief .ctdbRight .labelBox a:nth-child(3) {background: #8ea3ff;}
.ctDetialBrief .ctdbRight .clickCountStr {position: absolute;right: 0;top: -5px;font-size: 28px;color: #cdcdcd;}
.ctDetialBrief.comic .ctDetialBriefLeft .clickCountStr {top: 0;}
.ctDetialBrief .ctdbRight .clickCountStr .fireLg {display: inline-block;width: 18px;height: 24px;background: url(../images/fire_lg.png) no-repeat;background-size: auto auto;background-size: contain;margin-right: 10px;vertical-align: -1px;}
.ctDetialBrief.comic .ctDetialBriefLeft .updeteStatus {margin-bottom: 15px;}
.ctDetialBrief.comic .ctDetialBriefLeft .updeteStatus .status {position: relative;padding-right: 11px;margin-right: 5px;}
.ctDetialBrief.comic .ctDetialBriefLeft .updeteStatus .status::after {content: '';position: absolute;right: 0;top: 3px;bottom: 1px;width: 1px;background: #ddd;}
.ctDetialBrief .ctdbRight .detailBox span.date {color: #333;margin-left: 3px;}
.ctDetialBrief .ctdbRight .detailBox span.num {color: #333;margin-left: 20px; margin-right: 20px;}
.ctDetialBrief .ctdbRight .detailBox span.week {color: #5ca8ee; font-size: 14px;}
.ctDetialBrief .ctDetialBriefLeft .author {margin-bottom: 10px;}
.ctDetialBrief .ctdbRight .author {color: #333;width: 300px;display: inline-block;}
.ctDetialBrief .ctdbRight .lead {display: inline-block;}
.ctDetialBrief .ctDetialBriefLeft .lineTit {color: #999;margin-right: 12px;}
.ctDetialBrief .ctdbRight .desc {position: relative;margin-top: 30px; /*height: 32px;*/font-size: 13px;color: #333;line-height: 2;overflow: hidden;text-align: justify;text-indent: 38px;}
.ctDetialBrief.comic .ctDetialBriefLeft .desc {margin-top: 0;}
.ctDetialBrief .ctdbRight .desc .worksJJ {position: absolute;left: 0px;top: 0px;color: #999;text-align: justify;text-indent: 0;}
.ctDetialBrief .ctdbRight .tools {margin-top: 15px;    height: 36px;}
.ctDetialBrief .ctdbRight .toolsLeft {float: left;}
.ctDetialBrief .ctdbRight .toolsLeft .btnPlayBg {float: left;width: 150px;background: #ff5267;border-radius: 25px;margin-right: 10px;}
.ctDetialBrief .ctdbRight .toolsLeft .btn {float: left;display: inline-block;height: 44px;line-height: 44px;border-radius: 5px;}
.ctDetialBrief .ctdbRight .toolsLeft .btnPlayBg .btnPlay {float: inherit;width: 150px;text-align: center;border-radius: 22px;background: #FF5858;background: #ff5858 linear-gradient(to left, #ff5858 28%, #ff6280 100%);color: #fff;font-size: 14px;}
.ctDetialBrief .ctdbRight .toolsLeft .btn i {margin-right: 2px;font-size: 20px;}
.ctDetialBrief .ctdbRight .toolsLeft .btnPlayBg .btnPlay .iconPlay {display: inline-block;width: 14px;height: 17px;vertical-align: top;margin-top: 14px;background: url(../images/iconplay.png) no-repeat;}
.ctDetialBrief .ctdbRight .toolsRight {float: right;font-size: 14px;color: #555;line-height: 36px;}
.ctDetialBrief .ctdbRight .toolsRight .item {float: left;display: block;cursor: pointer;}
.ctDetialBrief .ctdbRight .toolsRight .share {position: relative;margin-right: 30px;}
.ctDetialBrief .ctdbRight .toolsRight i {margin-right: 10px;}
.ctDetialBrief .ctdbRight .toolsRight .share .iconShare {display: inline-block;width: 22px;height: 22px;background: url(../images/iconshare.png) no-repeat;vertical-align: middle;}
.comic-content-list{border-top:1px solid #ccc;  }
.comic-content-c{border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;    padding-top: 30px;font-size: 14px;}
.comic-content-c li{text-align: center;vertical-align: middle;display: inline-block; /*! width: -moz-min-content; */}
.comic-content-c li.cimg{width: 30%;}
.comic-content-c li.cimg a img{width: 200px;height: auto;border-radius: 2px;transition: all .2s;-webkit-transition: all .2s;margin: 0 auto;}
.comic-content-c li.tit{width:45%; font-size: 14px}
.comic-content-c li.htit{width:27%;}
.comic-content-c li.htit i{background: url(../images/icon_agree.png) center center no-repeat;display: inline-block;    width: 19px;}
.btnmore{height: 60px;margin-top: 30px;font-size: 14px;    line-height: 60px;    text-align: center; cursor: pointer;}
.comic-content-c li.time{width: 23.5%;}
.commonShareBox {display: none;position: absolute;width: 150px;left: 50%;bottom: 58px;margin-left: -75px;background-color: rgba(0, 0, 0, 0.8);border-radius: 3px;z-index: 1000;box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);padding: 10px 0;}
.commonShareBox a {display: block;height: 30px;line-height: 30px;padding: 9px 10px 9px 18px;color: #999;}
.borderDDD .commonShareBox {border: 1px solid #ddd;}
.ctDetialBrief .commonShareBox {background-color: #fff;top: 50px;bottom: auto;}
.iconQQ {width: 30px;height: 30px;background: url(../images/qq.png) center center no-repeat;}
.commonShareBox a .icon {margin-right: 15px;vertical-align: -9px;}
.ctDetialBrief .ctdbRight .toolsRight i {margin-right: 10px;}
.iconWeiXin {width: 30px;height: 30px;background: url(../images/detail_share_weixin.png) center center no-repeat;}
.iconDouBan {width: 30px;height: 30px;background: url(../images/detail_share_douban.png) center center no-repeat;}
.iconQQKJ {width: 30px;height: 30px;background: url(../images/qqkj.png) center center no-repeat;}
.iconWeiBo {width: 30px;height: 30px;background: url(../images/xlwb.png) center center no-repeat;}
.iconBDTB {width: 30px;height: 30px;background: url(../images/bdtb.png) center center no-repeat;}
.khd-clientView {position: relative;}
.iconDetailTel {width: 20px;height: 24px;background: url(../images/detailtelbg.png) center center no-repeat;}
.ctDetialBrief .ctdbRight .toolsRight .iconDetailTel {vertical-align: -6px;}
.khd-clientView .codeBox {display: none;position: absolute;right: -20px;bottom: 58px;padding: 28px 14px 18px;background-color: rgba(0, 0, 0, 0.8);box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);z-index: 9999;}
.khd-clientView .codeBox.comic {background-color: #fff;top: 50px;bottom: auto;}
.khd-clientView .codeBox.borderDDD {border: 1px solid #ddd;}
.khd-clientView .codeBox img {display: block;padding: 3px;margin: 0 auto;}
.khd-clientView .codeBox p {margin-top: 6px;line-height: 16px;font-size: 12px;color: #999;text-align: center;white-space: nowrap;}
.headerNav .crumbs {float: left;font-size: 12px;color: #fff;font-family: tahoma,arial,"Hiragino Sans GB",SimSun,sans-serif;line-height: 50px;}
.headerNav .title {position: absolute;left: 50%;width: 20%;height: 56px;margin: 0 -10%;text-align: center;color: #fff;font-size: 20px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 50px;}
.headerNav .crumbs a{color:#fff;}
.cartoon{margin-top: 50px;}
.cartoon img{margin: 0 auto;}
.mCustomScrollBox {position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: 0;direction: ltr;}
.sidebar-main {position: fixed;top: 165px;bottom: 200px;z-index: 9;}
.read-section.sidebar-main {left: -212px;width: 212px;}
.sidebar-header {height: 40px;line-height: 40px;background: #ff5267;}
.read-section .sidebar-header {border-top-right-radius: 4px;}
.sidebar-header-l {float: left;margin-left: 10px;font-size: 16px;color: #fff;font-style: normal;}
.sidebar-header-r {float: right;margin-right: 15px;font-size: 14px;color: #fff;font-style: normal;}
.sidebar-content {overflow-x: hidden;overflow-y: hidden;position: absolute;top: 40px;right: 0;left: 0;background: #ff5267cc;}
.read-section .sidebar-content {padding-left: 20px;bottom: 0;border-bottom-right-radius: 4px;}
.read-section .sidebar-content li {position: relative;height: 45px;line-height: 45px;padding-left: 10px;}
.read-section .sidebar-content li a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;width: 80%;font-size: 14px;color: #fff;}
.read-section .sidebar-content li .active {color: #ffb600;}
.sidebar-btn {position: absolute;top: 50%;width: 40px;height: 50px;margin-top: -50px;padding: 18px 0;text-align: center;font-size: 14px;line-height: 16px;color: #fff;background: #ff5267;cursor: pointer;}
.read-section .sidebar-btn {right: -40px;border-radius: 0 8px 8px 0;}
.read-icon-list {width: 16px;height: 13px;background: url(../images/djc-read-icon.png) 0 0 no-repeat;}
.sidebar-btn .read-icon-list {display: block;margin: 0 auto 10px;}
.fanye {margin-top: 40px;margin-bottom: 40px;text-align: center;}.fanye a {background: #FFFFFF;border: 1px solid #D9D9D9;color: #666666;padding: 4px 9px;}
/***评论***/
.user-comment {position: relative;margin-top: 30px;}
.write-comment {position: relative;}
.write-comment.write-author {padding-bottom: 54px;margin-bottom: 42px;}
.default-head-bg {background: url(../images/default_head.png) center center no-repeat;}
.write-author .user-head {width: 60px;height: 60px;}
.write-author .user-head {overflow: hidden;position: relative;float: left;border-radius: 100%;}
.write-comment .comment-input {overflow-y: hidden;line-height: 20px;padding: 20px 24px;border-radius: 3px;font-size: 16px;resize: none;}
.write-author .comment-input {float: right;width: 1042px;}
.comment-input {text-align: center;color: #333;background-color: #F5F5F5;}
.comment-input a {color: #FFC807;}
.write-comment .send-comment {position: absolute;right: 0;bottom: 0;}
.comment-btn {text-align: center;display: block;width: 110px;height: 40px;line-height: 40px;border-radius: 3px;font-size: 16px;background-color: #FFC807;}
.user-comment textarea.comment-input {border: 1px solid #DFDFDF;color: #333;background-color: #FBFBFB;text-align:left;}
.comment-btn {color: #333;}
.comment-btn.disabled {color: #999;background-color: #EEE;cursor: default;}
.write-comment .comment-error-msg {white-space: nowrap;position: absolute;right: 140px;bottom: 0;height: 40px;line-height: 40px;font-size: 14px;color: #FF6161;}
.comment-list {margin-bottom: 116px;}
.comment-list {position: relative;font-size: 16px;padding-bottom: 40px;}
.comment-one {margin-bottom: 50px;}
.comment-left {float: left;width: 54px;}
.comment-user {position: relative;width: 50px;height: 50px;}
.comment-user .user-head {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 30px;}
.comment-right {margin-left: 74px;}
.comment-info {margin-bottom: 24px;line-height: 18px;}
.comment-info > * {display: inline-block;}
.comment-nickname {margin-right: 6px;color: #666;}
.comment-content {line-height: 20px;margin-bottom: 28px;font-size: 16px;}
.comment-replay-say {line-height: 20px;margin-bottom: 18px;font-size: 16px;}
.comment-content, .comment-replay-say {word-wrap: break-word;word-break: break-all;}
.comment-content {color: #333;}
.comment-at {font-size: 14px;}
.comment-at {color: #999;}
.comment-at > * {display: inline-block;}
.comment-time {margin-right: 12px;}
.comment-at-right {float: right;}
.reply-btn {line-height: 19px;cursor: pointer;}
.comment-agree {display: inline-block;vertical-align: top;margin-left: 30px;margin-right: 24px;padding-left: 24px;height: 19px;background: url(../images/details_icon_good.png) 0 0 no-repeat;cursor: pointer;}
.comment-reply-bg {margin-top: 28px;padding: 0 24px 30px;border-radius: 3px;background-color: #F6F6F6;}
.comment-reply {padding-top: 26px;}
.comment-reply .comment-nickname, .comment-reply .comment-to {float: left;line-height: 20px;font-size: 16px;}
.comment-reply .comment-nickname {color: #333;}
.comment-one .comment-to {margin-right: 8px;}
.comment-replay-say::before {content: ':';margin-right: 12px;}
.footer {    box-sizing: border-box;    width: 100%;    margin-top: 15px;    background: #f3f3f3;  padding-top: 20px;}
.footer .copyRight {    color: #999;    margin: 0 auto;    text-align: center;    padding-bottom: 20px;    line-height: 20px;}
.footer .banQuan,.footer .banQuan a {    font-size: 12px;    color: #979FA2;}
.chapter_end_tip{ font-size: 18px; line-height: 35px; text-align: center; margin-top: 40px;}
.man_img{ }
.ctDetialBrief .ctdbRight .toolsLeft .btnCollect {width: 112px;height: 42px;line-height: 42px;border: solid 1px #ff5267;color: #ff5267;background-color: #fff;font-size: 16px;border-radius: 22px;text-align: center;}
.iconStart {width: 22px;height: 21px;background: url(../images/start.png) center center no-repeat;}
.ctDetialBrief .ctdbRight .toolsLeft .btn i {margin-right: 2px;font-size: 20px;}
.ctDetialBrief .ctdbRight .toolsLeft .btnCollect i {vertical-align: -4px;}
.header_logining {position: relative;width: 47px;margin-right:20px;float: right; /*display: block;*/}
.header_logining .logining_li {float: right;width:45px;height:43px;overflow: hidden;border-radius: 50%;}
.header_logining .logining_li span {width:45px;height:43px;display: inline-block;cursor: pointer;}
.header_logining .logining_li span img {width:45px;height:43px;border:1px solid #f2f2f2;}
.header_loginer {position: absolute;left: -210%;top: 85%;width:282px;height:462px;z-index: 9999;}
.header_loginer ul {position: relative;;top:20px;width:250px;height:300px;border:1px solid #f2f2f2;border-radius: 10px;display: block;background-color: rgba(255, 255, 255, 0.9);box-shadow: 0 4px 20px #ddd;}
.header_loginer ul li {width:95px;height:80px;text-align: center;margin:15px;float: left;font-size:14px;color:#999;}
.header_loginer ul li .th_img {width:60px;height:60px;margin:0 17.5px;background: url("../images/th_0.png") no-repeat -33px -30px;display: inline-block;float:left;}
.header_loginer ul li:nth-child(3) .th_img {background: url("../images/th_0.png") no-repeat -123px -30px;}
.header_loginer ul li:nth-child(4) .th_img {background: url("../images/th_0.png") no-repeat -213px -30px;}
.header_loginer ul li:nth-child(5) .th_img {background: url("../images/th_0.png") no-repeat -303px -30px;}
.header_loginer ul li span {width:50px;height:20px;line-height: 20px;display: inline-block;float: left;}
.header_loginer ul li em {width:45px;height:20px;line-height: 20px;color:#fd113a;display: inline-block;float: left;}
.header_loginer ul .li_1  {width:220px;height:100px;margin:10px 15px;}
.header_loginer ul .li_1 .img {width:220px;height:80px;text-align: center;display: inline-block;float:left;}
.header_loginer ul .li_1 img {width:80px;height:80px;border-radius: 50%;border:1px solid #f2f2f2;display: inline-block;}
.header_loginer ul .li_1 span {width:220px;height:20px;line-height: 20px;text-align: center;color:#333;display: inline-block;float:left;}
.header_loginer .inter,.header_loginer .outer {width:220px;height:30px;line-height:30px;border-radius: 10px;background-color: #fd113a;color:#fff;}
.header_loginer .inter a,.header_loginer .outer span {width:220px;height:30px;line-height: 30px;color:#fff;display: inline-block;}
.header_loginer .outer span a{color:#fff;}
.header_loginer .inter:hover,.header_loginer .outer:hover {box-shadow:0 1px 10px #fd113a;cursor: pointer;}
.header_loginer em a{color:#fd113a;}
.header_loginer span{color:#999;}
.banner_detail_form .info .bottom .btn_collectioned { background-color: #fd113a;color: #fff;float:left;display: none;}
.box_collectioned { position:fixed;top:0;bottom:0;left:0;right:0;width: 480px; height:100px;margin:auto;border:1px solid #f2f2f2;background-color:#fff;box-shadow: 0 0 20px #999; z-index: 15;display: none;}
.box_collectioned .th_img { width:60px;height:60px;margin: 20px 40px;float: left;background: url("../images/th_0.png") no-repeat  -210px -120px;display: inline-block;}
.box_collectioned span { height: 60px;line-height: 60px;margin: 20px 0;font-size: 25px;display: inline-block;color: #666;}
.box_decollectioned { position:fixed;top:0;bottom:0;left:0;right:0;width:500px;height:350px;margin:auto;border:1px solid #999;background-color:#fff; z-index: 15;display: none;}
.box_decollectioned .th_img { width:400px;height:auto;margin:0 50px;padding-top:20px;}
.box_decollectioned button { width:120px;height:40px;line-height:40px;margin:20px;font-size:16px;background-color: #fd113a;color:#fff;border:none;outline:none;border-radius: 10px;cursor: pointer;}
.box_decollectioned button:visited { background-color: #fd113a;color:#fff;}
.box_decollectioned button:hover { box-shadow: 0 0 20px #fd113a;}
.box_decollectioned button:active { box-shadow: 0 0 20px #fd113a;}
.box_decollectioned .btn_continue { float: right;background-color: #ddd;color:#666;}
.box_decollectioned .btn_continue:visited { background-color: #ddd;color:#666;}
.box_decollectioned .btn_continue:hover { box-shadow: 0 0 20px #ddd;}
.box_decollectioned .btn_continue:active { box-shadow: 0 0 20px #ddd;}
.index-link .subtitle{font-size:16px;}
.index-link a{font-size: 12px;margin-right: 10px;}
.default-head-bg img{width:100%;}
.shareDetail{display:none;position: absolute;background-color: #fff;border: 1px solid #e0e0e0;top: 45px;left: 30px;height: 120px;width:400px;text-align: center;padding-top: 25px;z-index: 99;}
.shareDetail a{margin: 30px 20px;}
.shareDetail a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity: 0.8;}
.shareDetail span{width: 0;height: 0;border: 10px solid #bbb;border-color: transparent transparent #bbb transparent;position: absolute;left: 312px;top: -21px;}
.shareDetail em{width: 0;height: 0;border: 10px solid #fff;border-color: transparent transparent #fff transparent;position: absolute;left: 312px;top: -20px;}
.mask{position: fixed;top: 0;left: 0;height: 100%;width: 100%;background-color: #000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;z-index: 998;display: none;}
/*微信分享*/
.weixin_div{display: none;z-index: 999;position: fixed;top: 50%;left: 50%;margin-top: -153px;margin-left: -247px;}
.weixin_bak{position: fixed;top: 50%;left: 50%;margin-top: -153px;margin-left: -247px;}
.weixin_code{position: fixed;top: 50%;left: 50%;margin-top: -95px;margin-left: -77px;width: 155px;}
.weixin_cross{position: fixed;top: 50%;left: 50%;margin-top: -140px;margin-left: 220px;}
.fold_open{color: #666;}
.fold_close{color: #666;}
.detail-list-title {margin-top: 10px;}
.detail-list-title .block1 {font-size: 16px;color: #252525;padding-right: 20px;margin-right: 20px;border-right: 1px solid #252525;}
.detail-list-title .s {font-size: 13px;color: #252525;}
.detail-list-title .order.inverted {background-image: url(../images/detail-order-inverted.png);}
.detail-list-title .order {font-size: 14px;color: #999;padding-left: 26px;background-image: url(../images/detail-order.png);background-repeat: no-repeat;float: right;line-height: 21px;}
.play_0 {height: 230px;overflow: hidden;}
.view-win-list {overflow: hidden;margin: 5px -10px 0 -10px;padding-left: 5px;}
ol, ul {list-style: none;}
.view-win-list li {float: left;height: 36px;line-height: 36px;width: 251.5px;background: #f6f6f6;margin-top: 20px;padding-left: 10px;margin-left: 10px;margin-right: 10px;position: relative;}
.view-win-list li a {font-size: 14px;color: #252525;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 50px;position: relative;}
.view-comment .view-win-list li a {display: block;width: 100%;height: 100%;}
.detail-list-3-info-right{position: absolute;right: 10px;top: 10px;height: 18px;}
/*评论css*/
.replyBox {background-color: rgb(245,245,245);border-radius: 2px;padding: 10px 20px;margin-top: 15px;}
.replyBox .replyUl {position: relative;min-height: 100px;}
.replyBox .replyList {margin-bottom: 20px;}
.replyBox .cover {width: 30px;height: 30px;margin-right: 6px;}
.comment-list .replyBox .cover {width: 60px;height: 60px;float: left;margin-right: 20px;border-radius: 60px;}
.replyBox .name {font-size: 14px;color: rgb(51,51,51);font-weight: 600;line-height: 30px;}
.replyBox .content {clear: both;margin-top: 10px;font-size: 13px;color: #333;white-space: pre-wrap;word-wrap: break-word;break-word: break-all;}
.replyBox .bottom {height: 20px;font-size: 12px;color: rgb(153,153,153);line-height: 20px;margin-top: 10px;}
.replyBox .bottom .time {float: left;}
.replyBox .bottom .reply {float: right;padding-left: 20px;height: 17px;background-image: url(../images/icopinglun@2x.png);background-size: 17px 17px;background-repeat: no-repeat;margin-left: 15px;cursor: pointer;}
.replyBox .bottom .zan {float: right;padding-left: 20px;height: 20px;background-image: url(../images/icozan.png);background-repeat: no-repeat;cursor: pointer;}
.replyBox textarea {min-height: 83px;background-color: transparent;width: 100%;line-height: 30px;outline: 0;resize: none;padding: 5px 10px;box-sizing: border-box;}
.replyBox .addBtn {width: 90px;height: 30px;line-height: 30px;margin-top: 2px;float: right;border-radius: 40px;background-color: rgb(255,214,17);text-align: center;color: rgb(51,51,51);font-size: 14px;cursor: pointer;}
/*div:after, ul:after, dl:after, .clearfix:after {content: "";display: block;clear: both;height: 0;visibility: hidden;}*/
/*章节页报错*/
@font-face {
    font-family: "iconfont";
    src: url("../fonts/iconfont.eot?t=1573616358243");
    /* IE9 */
    src: url("../icon/iconfont.eot") format("embedded-opentype"), url("../fonts/ce38fbb0ada144028696284aa51c35db.woff") format("woff2"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg") format("svg");
    /* iOS 4.1- */
}
.dialog--feed {position: relative;width: 450px;height: 482px;background: #fff;z-index: 99999;}.dialog--feed .dialog__close {position: absolute;right: 15px;top: 12px;width: 24px;height: 24px;text-align: center;line-height: 24px;background: #bdbfc5;border-radius: 50%;color: #fff;cursor: pointer;}.dialog--feed .dialog__close .iconfont {font-size: 12px;}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}  .icon-ic_buy_toast_close:before {content: "\e687";}  .dialog--feed .dialog__head {width: 100%;height: 58px;font-size: 20px;line-height: 48px;text-indent: 16px;}.dialog--feed .head-navs {text-align: center;}  .dialog--feed .head-nav.active {font-size: 16px;font-weight: 600;color: #FF4343;}  .dialog--feed .head-nav {display: inline-block;margin-right: 30px;font-size: 16px;cursor: pointer;}  .dialog--feed .head-foot {width: 100%;height: 10px;background: url(../images/bg_yptc_bgimg.png) no-repeat center center;background-size: cover;}  .dialog--feed .feed-handles {-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 0 30px;}
.dialog--feed .feed-input-wr {width: 100%;}.dialog--feed .feed-type {padding-bottom: 20px;margin: 0 auto;border-bottom: 1px solid #e5e5e5;}  .dialog--feed .type-item {float: left;width: 90px;height: 38px;margin-right: 10px;margin-top: 10px;line-height: 38px;text-align: center;font-size: 14px;color: #28292d;background: #f8f8f8;cursor: pointer;}  .dialog--feed .type-item.active {background: #FF4343;color: #fff;}  .dialog--feed .type-item.mr-0 {margin-right: 0;}
.dialog--feed .feed-input {display: block;width: 390px;height: 50px;margin: 15px auto;font-size: 14px;line-height: 20px;border: 0;}  .dialog--feed .feed-email {display: block;width: 100%;height: 50px;margin: 15px auto;text-indent: 1em;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-right: 0;border-left: 0;}  .dialog--feed .feed-confirm {width: 240px;height: 38px;margin: 30px auto;text-align: center;line-height: 38px;color: #fff;font-size: 16px;background: #FF4343;border-radius: 19px;}