html, body, p, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
:focus { outline:0;}
ol, ul { list-style:none;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
table { border-collapse:separate; border-spacing:0;}
caption, th, td { font-weight:normal; text-align:left;}
blockquote:before, blockquote:after,
q:before, q:after { content:'';}
blockquote, q { quotes:'' '';}
a img { border:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block;}

/*sweetalert*/

.swal2-input:not([type=file]) {
    height: 35px;
    padding: 0 8px;
}
.swal2-input:not([type=file]), .swal2-textarea {
    margin: 10px auto;
    font-size: 14px;
}
.swal2-spacer{
    margin-top: 10px; 
    margin-bottom: 10px; 
}
.swal2-popup .swal2-title {
    font-size: 18px;
}
.swal2-popup .swal2-file, .swal2-popup .swal2-input, .swal2-popup .swal2-textarea {
    font-size: 14px;
    border-radius: 20px;
}
.swal2-popup .swal2-styled {
    border-radius: 20px;
    font-size: 14px;
    margin: 15px 5px 0;
    padding: 6px 40px;
}
  .commentsWrap{margin-bottom:20px;font-size:14px;margin-top:10px}.main-comment{position:relative;margin-top:10px}.commentsWrap .my-comment{margin-bottom:20px}.commentsWrap .sub-title{position:relative;margin:0 0 18px;padding-top:70px}.commentsWrap .sub-title .title-text{font-size:17px;color:#333;line-height:16px;padding-left:8px;font-weight:700;text-align:center;letter-spacing:7px}.commentsWrap .sub-hot-title{height:30px}.commentsWrap .sub-hot-title:before{content:" ";display:block;width:35px;height:4px;background:#333;position:absolute;left:50%;bottom:0;margin-left:-17px}.commentsWrap .title-tab{text-align:center;margin-top:12px;color:#bbb;letter-spacing:4px}.commentsWrap .title-tab>div{display:inline-block;vertical-align:middle}.commentsWrap .title-tab .child-tab{text-indent:4px}.commentsWrap .title-tab .child-tab.current{color:#333}.commentsWrap .title-tab .child-tab.tabDisable{color:#bbb}.commentsWrap .title-tab .child-tab-apart{content:"";display:inline-block;width:3px;height:12px;background:#333;vertical-align:middle;-webkit-transform:skewX(-30deg);transform:skewX(-30deg)}.commentsWrap .title-tab .child-tab-apart.tabDisable{opacity:.3}.mycomment-list .myCommentBtnUp,.mycomment-list>li{display:none}.mycomment-list.on>li,.mycomment-list>li:first-of-type{display:list-item}.mycomment-list.on .myCommentBtnUp{display:inline-block}.mycomment-list.on .myCommentBtnDown{display:none}.myCommentBtn{line-height:30px;color:#999;text-align:center;margin-bottom:30px}.myCommentBtn>div{position:relative;width:50px;display:inline-block}.myCommentBtnDown:after,.myCommentBtnDown:before{border:5px solid transparent;border-top:6px solid #f9f9f9;width:0;height:0;position:absolute;bottom:9px;right:-7px;content:" "}.myCommentBtnDown:before{border-top-color:#999;right:-7px;bottom:7px}.myCommentBtnUp:after,.myCommentBtnUp:before{border:5px solid transparent;border-bottom:6px solid #f9f9f9;width:0;height:0;position:absolute;bottom:11px;right:-7px;content:" "}.myCommentBtnUp:before{border-bottom-color:#999;right:-7px;bottom:13px}.maincomment-list:after,.maincomment-list:before{display:block;text-align:center;color:#bbb;font-size:12px}.maincomment-list.tab-loading:before{content:"\6B63\5728\52A0\8F7D\4E2D...";padding:120px 0 400px}.maincomment-list:after{content:"\52A0\8F7D\4E2D...";line-height:40px;visibility:hidden}.maincomment-list.more-loading:after{visibility:visible}.inner-app .maincomment-list:after,.page-share .maincomment-list:after{display:none!important}.commentsWrap .comment-list-li{padding:15px 0 12px;position:relative;padding-left:39px;transition:all .3s ease;}.commentsWrap .comment-list-li.hidden{opacity:0;height:0;padding:0;overflow:hidden}.commentsWrap .comment-list-li:after{content:"";position:absolute;height:1px;bottom:0;right:0;left:39px;background:#eee;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.commentReply .dateAndLocate{color:#bbb;position:relative; float: right; margin-right: 5px;}.commentsWrap .userInfoBody{color:#bbb;position:relative}.commentsWrap .userImg{position:absolute;left:0;width:30px;height:30px;border-radius:50%;box-shadow:0 0 1px rgba(0,0,0,.3)}.commentsWrap .userName{line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}.commentsWrap .userName .nickNameMember{color:red}.commentsWrap .userNameMember{display:inline-block;background-image:url(xisspages-old-xiss/prod/resources/png/vip-comment.d819a25b8b40e95df7fa7bff5f2d3667.png?force-show=1);width:13px;height:13px;margin-left:3px;background-size:cover;vertical-align:middle;margin-top:-2px}.commentsWrap .dateAndLocate{font-size:12px;padding-top:3px}.commentsWrap .agree-wrap{float:right;color:#999;line-height:32px;font-size:12px}.commentsWrap .agree-wrap>:not(div){float:left}.commentsWrap .agree-wrap>span:after{content:"";margin:7px 0 0 5px;float:right;height:18px;width:18px;background-size:100% 100%}.commentsWrap .agreeCnt{position:relative;padding:0 10px}.commentsWrap .haveagreeCnt{position:relative;padding:0 10px}.commentsWrap .agreeCnt:before{content:attr(data-cnt)}.commentsWrap .haveagreeCnt:before{content:attr(data-cnt); color:#f1635e;}.commentsWrap .agreeCnt:after{background-image:url(./static/images/good.png?force-show=1)}.commentsWrap .haveagreeCnt:after{background-image:url(./static/images/havegood.png?force-show=1)}.commentsWrap .agreeCnt .agreeAnimate{position:absolute;right:-5px;top:-6px;color:#f1635e;opacity:0}.commentsWrap .agreeAnimating .agreeAnimate{-webkit-animation:agreeNum 1s forwards ease-in-out;animation:agreeNum 1s forwards ease-in-out}@-webkit-keyframes agreeNum{0%{opacity:1}to{-webkit-transform:translate3d(0,-8px,0);opacity:0}}@keyframes agreeNum{0%{opacity:1}to{transform:translate3d(0,-8px,0);opacity:0}}.commentsWrap .agreeCnt.hadAgreeCnt{color:#f1635e}.commentsWrap .agreeCnt.hadAgreeCnt:after{background-image:url(xisspages-old-xiss/prod/resources/png/v2-agreed-btn.3e7bdcdf0e8b50c3bfcd200d3f96cc2d.png?force-show=1)}.comment-more-opener{padding:0 8px;line-height:32px;margin-left:8px;text-align:center;font-family:Arial;font-weight:700}.inner-app .comment-more-opener,.page-share .comment-more-opener{!important}.comment-more-opener:before{content:"\B7   \B7   \B7"}.comment-more{position:absolute;right:0;top:-28px;line-height:28px;color:#fff;background:#333;font-size:12px;border-radius:8px;display:table;white-space:nowrap;transition:all .3s ease;visibility:hidden;-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0)}.comment-more.visible{visibility:visible;opacity:1;-webkit-transform:none;transform:none}.comment-more:before{content:"";position:absolute;right:13px;bottom:-3px;width:6px;height:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#333}.comment-more>a{display:table-cell;padding:0 14px;position:relative; color: white;}.comment-more>a:not(:first-of-type):before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:1px;background:hsla(0,0%,100%,.2);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.not-uc .comment-share{display:none}.commentsWrap .commentTextObj{line-height:160%;table-layout:fixed;word-break:break-all;overflow:hidden;font-size:16px;margin-top:7px;position:relative;max-height:8em}.commentsWrap .commentTextObj>p{white-space:pre-wrap}.commentsWrap .commentTextObj .showAllTheComment{display:none;position:absolute;right:0;bottom:4px;color:#bbb;font-size:13px;line-height:180%;border-radius:.9em;background:#fff;padding:0 10px}.commentsWrap .commentTextObj.expandable .showAllTheComment{display:inline-block!important}.commentsWrap .commentTextObj.expanded{max-height:none!important}.commentsWrap .commentTextObj.expanded .showAllTheComment{display:none!important}.commentsWrap .commentReply{padding-left:14px;margin-top:8px;font-size:13px;position:relative}.commentsWrap .commentReply:before{content:"";position:absolute;left:0;width:3px;top:0;bottom:6px;background:#eee}.commentsWrap .commentReplyList>li{padding-top:14px}.commentsWrap .commentReplyList>li:first-child{padding-top:0}.commentsWrap .commentReply .replyName{color:#bbb}.commentsWrap .replyName .author-reply{display:none;color:#2696ff}.commentsWrap .replyName[data-author_type="3"]>.author-reply{display:block}.commentsWrap .replyName[data-author_type="3"]>.normal-reply{display:none}.commentsWrap .commentReply .commentTextObj{font-size:15px;max-height:3.2em}.commentsWrap .commentReply .commentTextObj .showAllTheComment{bottom:1px}.commentsWrap .comment-detail-link{color:#bbb;margin-top:5px}.commentsWrap .comment-detail-link:after{content:"";display:inline-block;width:7px;height:7px;box-shadow:1px 1px 0 0 #bbb;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;top:-1px}.commentsWrap .comment-detail-link .commentsCnt:before{content:attr(data-cnt)}.commentsWrap .sofa{padding-top:6px;display:block;margin:0 auto;width:152px;text-align:center;margin-top:11px;font-size:13px;color:#333;padding-bottom:20px}.commentsWrap .sofa:active{opacity:.6}.inner-app .commentsWrap .sofa,.page-share .commentsWrap .sofa{display:none!important}.commentsWrap .sofa:before{content:"";display:block;margin:0 auto;width:124px;height:57px;margin-bottom:15px;background:url(xisspages-old-xiss/prod/resources/png/sofa.3afe18bf7f6624cbb8bdd9dbbe799a0b.png?force-show=1);background-size:100% 100%}.comment-footer{position:absolute;bottom:0;left:0;width:100%;text-align:center;line-height:40px;color:#aaa;font-size:12px}.inner-app .comment-footer,.page-share .comment-footer{display:none!important}.report-reason{font-size:13px;line-height:260%;margin:0 -15px}.report-reason>a{display:inline-block;width:80px;margin:3px;border-radius:2.6em;border:1px solid #eee}.report-reason>a.selected{color:#09f;border-color:#09f}#pi-alert .pi-btn-ok.disabled{color:#bbb}
           .article-page-title-bar {width: 60px;height: 0;border-bottom: 1px solid #bbb;-webkit-transform: scale3d(.5,.5,1);transform: scale3d(.5,.5,1);}
           .commentsWrap .haveagreeCnt .agreeAnimate{position:absolute;right:-5px;top:-6px;color:#f1635e;opacity:0}
.article-page-title {
    margin-bottom: 15px;
    text-align: center;
    font-size: 0;
}
.article-page-title-en {
    height: 11px;
    font-size: 10px;
    letter-spacing: 4px;
    text-align: center;
    margin-left: -4px;
}
.article-page-title-bar, .article-page-title-content {
    display: inline-block;
    vertical-align: middle;
}
.article-page-title-cn {
    height: 24px;
    margin-top: -2px;
    font-size: 18px;
    font-weight: 900;
}
.article-page-title-content {
    width: 93px;
    letter-spacing: 5px;
    margin-left: 6px;
}
.commentsWrap{
       position: relative;
    padding: 0 9px;
    margin: 36px 0 0; 
}
.loadmore {
    display: block;
    line-height: 50px;
    text-align: center;
    color: #999;
    background: #F2F2F2;
}

.loadmore span {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    display: inline-block;
    margin: 10px;
    border: 2px solid #40b450;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s 0 linear infinite;
    -moz-animation: rotate 0.75s 0 linear infinite;
    animation: rotate 0.75s 0 linear infinite;
}

.loadover {
    position: relative;
    padding: 24px 0;
    line-height: 20px;
    color: #999;
    text-align: center;
    font-size: 14px;
    background: #F2F2F2;
}

.loadover span {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    height: 20px;
    border-radius: 5px;
    background: #F2F2F2;
    z-index: 2;
}

.loadover:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #DCDCDC;
    z-index: 1;
}
/**加载效果旋转 结束**/

/**页面列表**/
.list a {
    height: 50px;
    line-height: 50px;
    display: block;
    text-indent: 10px;
    display: block;
    font-size: 16px;
    color: #666;
    text-decoration: none;
    border-bottom: 1px solid #eee;
}
.pop_bottom{background:rgba(0,0,0,0.6);color:#fff;font-size:18px;height:60px;line-height:60px;text-align:center;position:fixed;left:0;bottom:0;width:100%;z-index:12;}
.pb60{padding-bottom:60px;}