html, body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, fieldset, button, input, textarea { margin: 0; padding: 0; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-text-size-adjust: none; }
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }
body { font: 12px/1 "Helvetica Neue",Helvetica,STHeiTi,"Microsoft YaHei"; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
em, i { font-style: normal; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul, ol, li { list-style: none; }
img { border: 0; }
table { border-spacing: 0; border-collapse: collapse; }
input, textarea { outline: none; -webkit-user-select: text; -moz-outline: none; }
button, input, select, label, textarea { font-size: 100%; -webkit-appearance: none; }
textarea { outline-style: none; resize: none; }
textarea:focus{border: .14rem solid #d12838;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
.m-plate-wrap { overflow: hidden; -webkit-box-sizing: border-box; width: 100%; }
.m-plate-wrap ul { border-width: 0; border-top-width: 1px; border-bottom-width: 1px; -webkit-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAEAQMAAAB1Fsd5AAAABlBMVEX////IyMhc4gNCAAAAAXRSTlMAQObYZgAAAA1JREFUeF5jaGAAgQYABAgBATd6mHsAAAAASUVORK5CYII=") 2 0 2/1px 0 1px stretch; }
.m-plate-list dl { border-width: 0; border-bottom-width: 1px; -webkit-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAEAQMAAAB1Fsd5AAAABlBMVEX////IyMhc4gNCAAAAAXRSTlMAQObYZgAAAA1JREFUeF5jaGAAgQYABAgBATd6mHsAAAAASUVORK5CYII=") 2 0 2/0 0 1px stretch; }
@media (-webkit-device-pixel-ratio: 1.5) {
    .m-plate-wrap ul { border: 1px solid #c8c8c8; border-right: none; border-left: none; border-image: none; }
    .m-plate-list dl { border-bottom: 1px solid #c8c8c8; -webkit-border-image: none; border-image: none; }
}

body { background: #ededed; }
.orange{color: orange}
h2{
    font-size: 150%;
    text-align: center;
    color: #8d8d8d;
    border-bottom: 1px solid #ddd;
    font-weight: bolder;
    padding: 8px 0;
}

.usr_top{
    /*margin-top: 45px;*/
    background: #fff;
    position: relative;
}
div.usr_top{
    padding: 10px 0 10px 52px;
    height: 42px;
    background-color: #fff;
    border-bottom: 1px solid #e2e0e0;
    margin-top: 45px;
}
div.usr_top a.usr-name{
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    left:10px;
}
div.usr_top img{
    width: 42px;
    height: 42px;
    border-radius: 21px;
}
div.usr_top div.poster{
    color: #999;
    font-size: 100%;
    line-height: 1.6em;
    padding-left: 5px;
}
div.usr_top div.poster strong{
    color: #333;
    font-weight: bolder;
    font-size: 1.2em;
    display: block;
}
div.header div.poster span{
    background: #eee;
    border-radius: 7px;
    padding: 0 5px;
}
span.tag{
    height: 18px;
    padding: 0 5px;
    -webkit-border-radius: 8px;
    font-size: 100%;
    color: #bebebe;
    background: #ededed;
}
div.usr_top em{
    position: absolute;
    right: 10px;
    top: 10px;
    color: #aaa;
}
section.topic{
    padding: 15px;
    color: #333;
    background: #fff;
    border-bottom: 1px solid #e2e0e0;
    font-size: 1.2em;
    line-height: 1.4em;
    padding-bottom: 20px;
}
h1{
    color: #232323;
    font-size: 130%;
    font-weight: bolder;
    margin-bottom: 10px;word-wrap: break-word;
}
section.topic p{
    margin-bottom: 8px;
    font-size: 1.1em;
    line-height: 1.6em;
    word-wrap: break-word;
}
section.topic img.img{
    width:49%;
}
section.topic .tip{
    margin-left: auto;
    margin-right: 0;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 1.2em;
    width: 100%;
    height: 30px;
    z-index: 1002;
    position: relative;
    right: 0;
}

section.topic .tip a{
    display: block;
    width: 83px;
    background: #d12838;
    border-radius: 5px;
    margin: 5px auto;
    float: right;
    font-size: 15px;
}
section.topic .tip span{
    background-size: 20px auto;
    color:#ffffff;
    display: inline-block;

}

section.reply{
    background: #fff;
    border-bottom: 1px solid #e2e0e0;
    padding: 10px;
    position: relative;
    padding-left: 62px;
    min-height: 42px;
}
section.reply a.usr-name{
    width: 42px;
    height: 42px;
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
}
section.reply img.avatar{
    width: 42px;
    height: 42px;
    border-radius: 21px;
}
section.reply a.usr-name i{
    background: #eee;
    color:#aaa;
    padding: 0 5px;
    border-radius: 10px;
    font-size: .75em;
}
section.reply div.intro p{
    margin-top: 10px;
    line-height: 1.3em;
    color: #222;
    font-size:1.2em;
    word-wrap:break-word;
}
section.reply div.title {
    width: 35%;
}
section.reply div.title strong{
    font-size: 120%;
    font-weight: bolder;
    color: #146bb9;
    display: block;
    line-height: 1.2em;
    margin-bottom: 3px;
}
section.reply div.title em{
    color: #aaa;
    font-size: .75em;
}
section.reply div.fade{
    text-align: right;
    position: absolute;
    top: 10px;
    right: 10px;
}
section.reply div.fade strong{
    color: #bebebe;
    background: #ededed;
    border-radius: 10px;
    font-weight: bolder;
    font-size: 150%;
    padding: 0 6px;
    display: inline-block;
    height: 1em;
    line-height: 1em;
}
section.reply div.rply{
    font-size: 100%;
    line-height: 1.6em;
    margin: 5px 0;
}
section.reply div.rply strong{
    font-weight: bolder;
    color: #146bb9;
    display: inline;
}
section.reply div.rply p{
    display: inline;
    color: #333;word-wrap: break-word;
}
section.reply div.rply em{
    color: #aaa;
    margin-left: 5px;
}
section.reply div.step{
    border-bottom: 1px solid #ededed;
    margin: 8px 0;
    height: 1px;
}
section.reply span.more{
    color: #146bb9;
    display: block;
    text-align: left;
    margin: 6px 0;
}
section.reply a.reply{
    display: block;
}
section.reply a.reply:active{
    background: #efefef;
}
section.reply img.img{
    margin: 10px 0;
}
#more{
    text-align: center;
    height: 1rem;
    line-height: 1rem;
    font-size: 120%;
    color: #999;
}
p.hide{
    width: 150px;
    margin: 0 auto;
    border: 1px dashed #ccc;
    background: #fafafa;
    color: #999;
    text-align: center;
    padding: 6px 0;
}
section.expire{
    height: 2em;
    line-height: 2em;
    font-size: 1.3em;
    background:#ffc;
    color: #f93;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
div.status{
    padding: 10px 0;
    background: #fafafa;
    border-bottom: 1px solid #ddd;
    color: #ababab;
    font-size: 1.1em;
}
div.status span{
    margin-left: 6px;
    margin-right: 20px;
}
div.status span.viewcount{
    /*float: right;*/
    /*display: block;*/
    margin-right: 10px;
}
#footer{
    background: #fff;
    border-top: 1px solid #eee;
    text-align: center;
    line-height: 30px;
    height: 30px;
    margin-top:19px
}
#footer a{
    color: #888;
}

.floor{
    float: right;
}
#ad{
    height: 45px;
    width: 100%;
    background: rgba(0,0,0,0.8);
    color: #fff;
    font-size: 16px;
}
#ad span,#ad p,#ad a{
    display: inline-block;
    line-height: 45px;
}
#ad span.close{
    width: 24px;
    background: url("img/app-ad-close.png") no-repeat;
    background-size: 24px auto;
}
#ad span.icon{
    width: 31px;
    background: url("img/app-icon.png") no-repeat center 7px;
    background-size: 31px auto;
    margin: 0 2px 0 6px;
}
#ad a{
    background: #f04451;
    padding: 0 10px;
    border-radius: 3px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    top:8px
}
div.comment_map a{
    width: 100%;
    height: 40px;
    position:fixed;
    z-index:8888;
    bottom:0px;
    background: url("img/comment_vertical.png")no-repeat center;
    background-size: 100%;
    border-top: 1px solid #EEEEEE;
}

@media all and (orientation : landscape) {
    div.comment_map a{background: url("img/comment_across.png")no-repeat center;background-size: 100%;border-top: 1px solid #EEEEEE;}
}
/*评论*/
div.wrap{background-color: #ededed; padding: 0 15px; margin-top: 27px; text-align: center;}
div.wrap div.content{display: flex;}
div.content textarea{width: calc(100% - 15px);height: 110px; font-size: 16px;border: 0; padding: 8px;border-radius: 5px;}
div.content textarea:focus{width: calc(100% - 15px);height: 110px; font-size: 16px; padding: 8px;border-radius: .1rem; border: 2px solid #FE4C4C;}
div.wrap-button{overflow: hidden;}
a.up_icon{margin-top: .2rem; display: flex; float: left;/*width: 2rem;height: 2rem;*/}
a.up_icon i{background: url(img/up_img.png) no-repeat; background-size: 100%; height: 23px; width: 26px; position: absolute;}
a.up_icon span{color: #fff; background-color: #ff0000; border-radius: 60%; position: relative; width: 15px; line-height: 15px; font-size: 13px; top: -9px; left: 18px;}
div.wrap-button section{width: 120px;height: 36px; background-color: #d12838; border-radius: 5px; text-align: center; line-height: 35px; float: right; margin-top: 10px; margin-bottom: 10px; font-size: 16px; color: #ffffff;}
div.guest span{font-size: 14px; color: #7e7e7e; display: block;}
div.guest a{background-color: #fe4c4c; border-radius: 5px; padding: 10px 40px; text-align: center; margin-top: 15px; font-size: 16px; color: #ffffff; display: inline-block;}


.cool a{
    width: 1.6rem;
    height: 1.6rem;
    }

section.reply a.reply-tool{
    z-index:555;
    display: block;
    text-align: right;
    position: absolute;
    color: #ababab;
    font-size: 1.1em;
    top: 12px;
    right: 55px;
}
section.reply a.reply-cool{
    z-index:555;
    display: block;
    text-align: right;
    position: absolute;
    color: #ababab;
    font-size: 1.1em;
    top: 12px;
    right: 15px;
}
a.r-cool i{
    background: url(img/zaned.png) 0 center no-repeat;
    display: inline-block;
    background-size: 14px auto;
    text-indent: 18px;
    height: 14px;
    line-height: 18px;
}
a.r-cooled i{
    background: url(img/zan.png) 0 center no-repeat;
    display: inline-block;
    background-size: 14px auto;
    text-indent: 18px;
    height: 14px;
    line-height: 14px;
}
section.reply a.fade{
    text-align: right;
    position: absolute;
    top: 10px;
    right: 10px;
}
section.reply a.fade strong{
    color: #bebebe;
    background: #ededed;
    border-radius: 10px;
    font-size: 14px;
    padding: 3px 6px;
    display: inline-block;
    height: 1em;
    line-height: 1em;
}
/*悬浮按钮*/
div.reply_tip{position: fixed; bottom: 0; background: #fafafa; color: #747c91; text-align: center; line-height: 40px; font-size: 1.3em; width: 100%; z-index: 1002; border-top: 1px solid #dddddd;}
div.reply_tip a{width: 49%; height: 40px; display: inline-block; margin: 6px 0; color: #747c91;}
div.reply_tip a.reply{border-right: 1px solid #dddddd;}
div.reply_tip i{height: 25px; display: inline-block; width: 25px; margin-right: 5px; vertical-align: middle;}
div.reply_tip a.reply i{background: url(img/reply.png) center no-repeat; background-size: 21px auto;}
div.reply_tip a.cool i{background: url(img/zaned.png) center no-repeat; background-size: 21px auto;}
div.reply_tip a.cooled i{background: url(img/zan.png) center no-repeat; background-size: 21px auto;}

/*分页功能样式**/
.fenye{float: left; background-color: #ffffff; width: 100%; border-bottom: 1px solid #dddddd;}
.fenye ul{width: 100%}
.fenye ul li{padding: 15px 0; text-align: center; float: left; width: 20%; cursor: pointer; color: #999; box-sizing: border-box; border-right: 1px solid #dddddd;}
.fenye ul li a{color: #999;}
.fenye ul li.xifenye{width: 20%; text-align: center; float: left; position: relative; cursor: pointer; border-right: 0px; z-index:1000;}
.fenye ul li .xab{float: left; position: absolute; border: 1px solid #ccc; height: 123px; overflow-y: auto; overflow-x: hidden; top: -125px; background-color: #fff; display: inline; left: -1px; width: 100%;}
.fenye ul li .xab ul{margin-left: 0; padding-bottom: 0;}
.fenye ul li .xab ul li{border: 0; padding: 4px 0; color: #999; margin-left: 0px; text-align: center; width: 100%;}

*{margin: 0;padding: 0;}
/*图片上传*/
div.wrap-button {height: auto!important;}
html, body{width: 100%;height: 100%;}
.container{width: 100%;height: auto;overflow: auto;clear: both;background-color: #ffffff}
.z_photo{ /*height: 7.5rem;*/ padding: .2rem; overflow: auto; clear: both; margin: .1rem auto;}
.z_photo img{width: 1.95rem;height: 1.95rem;}
.z_addImg {float: left;/*margin-right: 0.2rem;*/margin: .2rem .1rem;}
.z_file{float: left;margin: .2rem .1rem;width: 1.85rem;height: 1.9rem;background: url(http://m8.go.cc/static/css/img/z_add.png?t=44545) no-repeat;background-size: 100% 100%;border: 2px solid #b4b4b4;}
.z_file input::-webkit-file-upload-button{width: 1rem;height: 1rem;border: none;position: absolute;outline: 0;opacity: 0;}
.z_file input#file{ display: block; width: 1.8rem; border: 0; height: 1.8rem; vertical-align: middle; opacity: 0; }
/**/
.i_close{font-style: normal; line-height: .2rem; width: .24rem; height: .24rem; background-color: white; padding: 2px;position: relative; border-radius: 50%; border: 1px solid #b4b4b4; margin-left: -.26rem; margin-top: -.2rem; display: block; float: right; color: #b4b4b4; text-align: center; font-size: .26rem; }

/*回复的回复*/
div.post_box{padding: 0 15px;margin-top: 27px;margin-bottom: 60px;}
div.post_box div.text{display: flex;}
div.post_box div.content textarea{width: 100%;height: 60px;font-size: 14px;/*resize: none;*//*overflow: hidden;*/border: 1px solid #e4e4e4;padding: 8px; margin-left: 0;
    margin-right: 0;}
div.post_box div.content span{display: block;font-size: 15px;color: #403e3e;margin: 10px 5px;}
div.post_box div.wrap-button{overflow: hidden;}
div.post_box div.wrap-button section{width: 120px;height: 36px; background-color: #d12838; border-radius: 5px; text-align: center; line-height: 35px; float: right; margin-top: 10px; margin-bottom: 10px; font-size: 16px; color: #ffffff; }
div.post_box div.guest{text-align: center;}
div.post_box div.guest span{font-size: 14px;color: #7e7e7e;display: block;}
div.post_box div.guest a{background-color: #fe4c4c;border-radius: 5px;padding: 10px 40px;text-align: center;margin-top: 15px;font-size: 16px;color: #ffffff;display: inline-block;}