﻿textarea { outline: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; overflow: auto; resize: none; font: 100% tahoma,\5b8b\4f53,arial; }
/*滚动条*/
::-webkit-scrollbar { width: 0.2rem; }
::-webkit-scrollbar-track { background-color: transparent; }
/*滚动条的滑轨背景颜色*/
::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 3px; }
    /*滑块颜色*/
    ::-webkit-scrollbar-thumb:hover { background-color: #999; }
/*滑块颜色*/
::-webkit-scrollbar-button { background-color: transparent; }
/*滑轨两头的监听按钮颜色*/
::-webkit-scrollbar-corner { background-color: transparent; }
/*横向滚动条和纵向滚动条相 placeholder样式*/
input::-webkit-input-placeholder { color: #999; letter-spacing: 0.013333rem; font-size: 0.32rem }
input::-moz-input-placeholder { color: #999; letter-spacing: 0.013333rem; font-size: 0.32rem }
input::-ms-input-placeholder { color: #999; letter-spacing: 0.013333rem; font-size: 0.32rem }
textarea::-webkit-input-placeholder { color: #999; letter-spacing: 0.013333rem; font-size: 0.32rem }
textarea::-moz-input-placeholder { color: #999; letter-spacing: 0.013333rem; font-size: 0.32rem }
textarea::-ms-input-placeholder { color: #999; letter-spacing: 0.013333rem; font-size: 0.32rem }
.nowrap { overflow: hidden; white-space: nowrap; }
.pagecount { color: #756C6C; font-size: 0.306667rem !important; margin-left: 1%; font-weight: normal; }
.headtop { width: 100%; clear: both; background-color: #302F30; padding-top: 0.133333rem; padding-bottom: 3px; overflow: hidden; white-space: nowrap; height: 0.4rem }
.headtop_m { width: 100%; max-width: 13.333333rem; margin: auto; overflow: hidden; white-space: nowrap; }
.headtop1 { display: inline-block; white-space: nowrap; color: #A1A0A2; float: left; text-align: left; width: auto; }
    .headtop1 a { color: #A1A0A2; padding-right: 3%; padding-left: 3%; font-size: 0.36rem; font-weight: bold; }
.headtop2 { display: inline-block; white-space: nowrap; color: #A1A0A2; float: left; padding-right: 2%; width: 1.146667rem; height: 0.266667rem; padding-left: 0.2rem }
    .headtop2 img { width: 1.146667rem; }
.headtop3 { display: inline-block; white-space: nowrap; color: #A1A0A2; float: right; text-align: left; padding-right: 0.2rem }
    .headtop3 a { color: #A1A0A2 }
    .headtop3 img { cursor: pointer }
.c_login_message { margin-right: 0.266667rem; font-size: 0.266667rem; }
    .c_login_message img { height: 0.213333rem; }
.p_page_goto { position: fixed; bottom: 0.266667rem; right: 0.8%; border: 0px solid #e5e5e5; z-index: 80; }
.p_page_goto2 { width: 0.666667rem; height: 0.666667rem; cursor: pointer; background: url(/images/bottom_top1.png) no-repeat center; background-size: 0.666667rem 0.666667rem; border-radius: 5px; }
    .p_page_goto2:hover { background: #444 url(/images/bottom_top2.png) no-repeat center; background-size: 0.666667rem 0.666667rem; }
.p_page_moderator { position: fixed; bottom: 1.133333rem; right: 0.8%; border: 0px solid #e5e5e5; z-index: 80; }
.p_page_moderator2 { width: 0.666667rem; height: 0.666667rem; cursor: pointer; background: url(/images/bottom_moderator1.png) no-repeat center; background-size: 0.666667rem 0.666667rem; border-radius: 5px; }
    .p_page_moderator2:hover { background: #444 url(/images/bottom_moderator2.png) no-repeat center; background-size: 0.666667rem 0.666667rem; }
.p_page_favorite { position: fixed; bottom: 2rem; right: 0.8%; border: 0px solid #e5e5e5; z-index: 80; }
.p_page_favorite2 { width: 0.666667rem; height: 0.666667rem; cursor: pointer; background: url(/images/bottom_favorite1.png) no-repeat center; background-size: 0.666667rem 0.666667rem; border-radius: 5px; }
    .p_page_favorite2:hover { background: #444 url(/images/bottom_favorite2.png) no-repeat center; background-size: 0.666667rem 0.666667rem; }
.comment_title0 { background-color: #F6F5F1; width: 98%; padding-left: 2%; text-align: center; display: inline-block; margin-bottom: 1%; }
.comment_title { text-align: center; font-size: 0.68rem; padding-top: 2%; padding-bottom: 2%; font-family: "arrial"; color: #000; float: left; font-weight: 800 }
    .comment_title span { color: #999; font-weight: bold; font-size: 0.533333rem; font-size: 0.586667rem }
.main { max-width: 12rem; width: 100%; margin: auto; }
.item { max-width: 12rem; width: 100%; margin: auto; }
.f_comment_num { width: 100%; text-align: center; padding-bottom: 2%; padding-top: 2%; font-size: 0.32rem; color: #666666; border-bottom: dashed 1px #ccc; }
.f_comment_num2 { width: 100%; text-align: center; padding-bottom: 2.5%; padding-top: 2.5%; margin-bottom: 1%; font-size: 0.4rem; border-bottom: 1px solid #ddd; }
.f_comment_num3 { max-width: unset; margin: auto; text-align: left; overflow: hidden; white-space: nowrap; height: auto; line-height: inherit; vertical-align: middle }
    .f_comment_num3 a { display: table-cell; vertical-align: middle; }
    .f_comment_num3 img { margin-right: 0.133333rem; height: 0.373333rem; display: inline-block; vertical-align: unset; }
.f_comment_num4 { font-size: 0.4rem; }
/**评论列表**/
.c_vip_0 { color: #C7D9C5; margin-left: 3px; font-size: 0.32rem; font-style: normal; }
    .c_vip_0 i { font-size: 0.32rem }
.litem { border-bottom: 1px solid #ddd; padding-top: 1%; padding-bottom: 0; display: inline-block; width: calc(100% - 0.266667rem); background-color: #F6F9FC; border-radius: 4px; margin-top: 0.266667rem; padding: 0.133333rem; border: none; }
.headinfo { height: 0.426667rem; background: #F6F5F1; margin-top: 0.5%; margin-bottom: 1%; padding-top: 1.5%; padding-bottom: 0.6%; border-radius: 6px; }
.headinfo2 { cursor: pointer; display: inline-block; border-left: 1px solid #B6B6B5; float: right; padding-left: 0.4rem; }
.headinfo6 { display: inline-block; background: url(/images/edit.png) no-repeat center; background-size: 0.213333rem 0.2rem; height: 0.213333rem; width: 0.2rem; cursor: pointer; float: left; margin-right: 2px; margin-top: 3px; }
.headinfo5 { color: #5B9B3C; font-size: 0.4rem; font-weight: bold; letter-spacing: 0.013333rem; }
.headinfo3 { float: left; color: #B6B6B5; width: 74%; padding-left: 1%; font-size: 0.4rem; line-height: 0.68rem; }
    .headinfo3 a { color: #9D9D97; padding: 0; font-weight: bold; font-size: 0.4rem; line-height: 0.68rem; padding-left: 2%; padding-right: 2% }
        .headinfo3 a:hover { color: #ED4259; }
    .headinfo3 o { color: #666; font-weight: normal; font-size: 0.36rem; }
.headinfo4 { float: right; text-align: left; padding-right: 2%; width: 23%; }
.item_head { width: 9%; max-height: 1.066667rem; float: left; text-align: center; max-width: 1rem; }
    .item_head img { width: 0.613333rem; height: 0.613333rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin: auto; cursor: pointer; }
.item_body { padding: 0; width: 83%; display: inline-block; float: left; }
.item_body_head { clear: both; }
.item_name { color: #8A9A82 !important; font-size: 0.373333rem; margin: 0.133333rem 0; font-weight: 600; cursor: pointer; }
.istar { color: #999; font-size: 0.36rem; cursor: pointer; }
    .istar:hover { color: #de2750; }
        .istar:hover a { color: #de2750; }
    .istar a { color: #999; font-size: 0.36rem; }
    .istar i:after { content: "\e71d"; font-size: 0.453333rem; margin-right: 2px; }
.item_tags { margin-bottom: 0.133333rem; }
    .item_tags i { color: #fff; font-size: 0.16rem; padding: 2px 5px; margin-right: 5px; }
.tags_top { background: #5B9B3C; color: #fff; padding: 3px 2px 2px 3px; font-weight: normal; font-size: 0.293333rem; margin-right: 5px; font-style: normal; border-radius: 3px; }
.tags_refine { background: #ED4259; color: #fff; padding: 3px 2px 2px 3px; width: 0.466667rem; font-weight: normal; font-size: 0.293333rem; line-height: 0.36rem; margin-right: 5px; font-style: normal; border-radius: 3px; }
.item_title { padding-top: 0.8%; font-size: 0.386667rem; line-height: 0.72rem; text-align: justify; font-weight: bold; word-wrap: break-word; clear: both; }
    .item_title a { color: #333; font-size: 0.346667rem; text-decoration: none; }
        .item_title a:hover { color: #ED4259; text-decoration: none }
.item_txt { padding-top: 0.8%; font-size: 0.426667rem; line-height: 0.586667rem; text-align: justify; word-wrap: break-word; max-height: 11.73334rem; overflow: hidden; clear: both; }
    .item_txt a { color: #666666; font-size: 0.426667rem; text-decoration: none; }
        .item_txt a:hover { color: #333; text-decoration: none }
    .item_txt span { font-size: 0.346667rem; z-index: 0; }
.item_footer { display: inline-block; overflow: hidden; white-space: nowrap; font-size: 0.32rem; color: #6D7A67; padding-top: 1%; padding-bottom: 1%; width: 100%; }
    .item_footer a { color: #6D7A67; }
        .item_footer a:hover { color: #ED4259 }
.item_footer2 { margin-right: 3.5%; color: #6D7A67; float: left; }
    .item_footer2 a { cursor: pointer }
.rely_c1 { color: #ED4259 }
    .rely_c1:hover { color: #ff0000 }
.rely_c2 { color: #DC7C5F }
    .rely_c2:hover { color: #ff0000 }
.item_reply { /*height: 0.30rem; width: 0.32rem; *//*top: 0.08rem;*/ /*right: 0.066667rem;background-size: auto 0.30rem;*/ }
.item_fabulous { /*height: 0.32rem; width: 0.32rem;*/ top: 0.06rem;/* margin-right: 0.066667rem; background-size: auto 0.266667rem;*/ }
.comment_tail { background-color: #F6F5F1; display: inline-block; width: 100%; margin-top: 3%; padding-top: 1%; height: 1.6rem; text-align: center; color: #999 }
    .comment_tail a { color: #555 }
.comment_post { display: inline-block; padding-top: 3%; width: 100%; }
.item_reply_sub { display: inline-block; background-color: #F7F6F2; width: 98%; border-radius: 6px; padding: 1.5% 1% 0 1%; margin-bottom: 3%; }
.item_reply_sub1 { display: inline-block; width: 100%; }
.more_relys { clear: both; display: inline-block; color: #415D33; width: 85%; padding-bottom: 1.5%; padding-left: 7.5%; cursor: pointer; }
.operate { float: right; cursor: pointer; border: 1px solid #eee; border-radius: 3px; color: #ccc; line-height: 0.36rem; font-size: 0.333333rem; padding: 3px 2px 1px 3px; }
.opearte_0 { position: absolute; background-color: #F7F6F2; width: 2.946667rem; padding: 0 0.16rem 0.16rem 0px; border: 1px solid #ccc; border-radius: 0.08rem; z-index: 112 }
    .opearte_0 a { padding-left: 0.133333rem; display: block; float: left; padding-top: 0.16rem; font-size: 0.4rem }
.operate_1 { float: left; padding-left: 0.133333rem; color: #999; padding-top: 0.16rem; clear: left; font-size: 0.4rem }
.login_m { z-index: 111; position: absolute; background-color: #F7F6F2; width: 12%; min-width: 5.866667rem; padding: 0 1% 1% 1%; border: 1px solid #ccc; color: #666; border-radius: 6px; font-size: 0.386667rem; line-height: 0.813333rem; text-align: left; left: 14%; }
.login_0 { clear: both; }
.login_2 { color: #ED4259; overflow: hidden; white-space: nowrap; clear: both; }
.login_3 { float: right; color: #ED4259; font-size: 0.453333rem; width: 15%; padding-right: 1%; padding-bottom: 0.133333rem; text-align: right; cursor: pointer; }
.login_photo { width: 84%; max-width: 2.133333rem; padding-top: 6%; }
    .login_photo img { width: 100% !important; border-radius: 6px; height: auto !important; max-height: 2.133333rem; }
.login_r { clear: both; }
.login_b { border-top: 1px solid #ccc; }
.mycomments { display: block; line-height: 0.906667rem; color: #ED4259; }
.class_info { font-size: 0.306667rem; color: #999; line-height: 0.533333rem; padding: 0; margin: 0; white-space: normal; }
.chengjiu { padding-top: 2%; padding-bottom: 2%; display: inline-block; width: 100%; }
    .chengjiu img { width: 0.333333rem; height: 0.333333rem; float: left; }
.moderator { right: 1.066667rem; bottom: 0.266667rem; opacity: 1; padding: 0 0.133333rem 0.133333rem 0.133333rem; }
.moderator_0 { clear: both; border-top: 1px solid #ccc; padding: 5px 0 0 0; display: inline-block; white-space: nowrap; overflow: hidden; }
.moderator_photo { float: left; width: 25%; height: auto; }
    .moderator_photo img { width: 100%; border-radius: 3px; max-height: 0.8rem }
.moderator_r { float: left; padding-left: 0.133333rem; clear: right; white-space: nowrap; overflow: hidden; }
.moderator_r0 { clear: both; line-height: 0.68rem }
/**书评区，广告贴的json*/
.ad_main { clear: both; width: 100%; padding-top: 0.5%; }
.ad_img { float: left; width: 19%; max-width: 0.933333rem; }
    .ad_img img { width: 100%; border-radius: 3px; }
.ad_con { float: left; width: 74%; padding-left: 2%; }
.ad_name { clear: both; font-weight: bold; }
.ad_author { clear: both; }
.ad_txt { color: #666; }
/**书评区，打赏的json*/
.shang_main { clear: both; width: 100%; padding-top: 0.5%; }
.shang_img { float: left; width: 19%; max-width: 0.933333rem; }
    .shang_img img { width: 100% }
.shang_con { float: left; width: 74%; padding-left: 2%; }
.shang_name { clear: both; font-weight: bold; }
.shang_class { clear: both; }
.shang_txt { color: #666; }
/**书评回复框样式*/
.reply_m0 { width: 100%; padding-top: 0.6%; margin: 0; text-align: center; max-width: 11.333333rem; }
.reply_m1 { text-align: center; width: 100%; }
.reply_m2 { text-align: center; width: 100%; padding-bottom: 0.133333rem; }
.reply_m3 { text-align: center; width: 100% }
.reply_inputborder { font-size: 0.4rem; color: #333; border: #E6E6E6 1px solid; background-color: #fff; padding: 0.106667rem; margin: 0px; border-radius: 6px; resize: none; width: calc(100% - 0.106667rem - 0.106667rem) !important; }
.reply_input { font-size: 0.4rem; color: #333; border: #E6E6E6 1px solid; border-radius: 0.04rem; background-color: #fff; width: 1.066667rem; padding: 0rem 0rem 0.053333rem 0.04rem; margin-right: 6px; margin-top: 2px; cursor: pointer; }
.reply_input_title { font-size: 0.32rem; font-weight: inherit; }
.reply_comment_send { border: 0; background-color: #B73446; height: 0.813333rem; color: #fff; padding: 0.04rem 0.133333rem 0.04rem 0.133333rem; margin-right: 2%; border-radius: 4px; width: 1.8rem; height: 0.586667rem; font-size: 0.32rem; }
    .reply_comment_send:hover { background-color: #ED4259; }
.reply_message_info { white-space: normal; }
.face_me { position: relative; width: 80%; min-width: 4rem; max-width: 10.666667rem; height: 2rem; text-align: center; z-index: 150; top: -2.533333rem; border: 1px solid #999; overflow-y: scroll }
.r_icon_face { float: left; border-right: 1px solid #999; border-bottom: 1px solid #999; width: 25%; background-color: #ddd }
.reply_0 { float: right; white-space: nowrap; color: #999; }
.reply_1 { display: block; clear: both; font-size: 0.4rem; margin: auto; padding-bottom: 0.226667rem; padding-top: 1%; margin: 0 auto; width: 100% !important; }
.reply_2 { padding-right: 0 !important; text-align: right; }
.reply_3 { float: right; padding-top: 0px; margin-right: 2%; color: #666 }
.reply_3_0 { margin: 0; margin-right: 2px; }
.reply_xuanchuan { font-size: 0.32rem; border: 0; background-color: #ccc; width: 1.253333rem; height: 0.586667rem; line-height: 0.586667rem; color: #fff; padding: 0; border-radius: 4px; cursor: pointer; text-align: center; }
    .reply_xuanchuan:hover { background-color: #ED4259; }
.reply_4 { float: right; display: none; margin-right: 2%; }
.reply_5 { float: right; padding-top: 3px; margin-right: 0.066667rem; color: #666 }
.reply_6 { background: url(//p.faloo.com/images/icon_face1.png) no-repeat center; background-size: 0.333333rem 0.333333rem; width: 0.333333rem; height: 0.333333rem; }
    .reply_6:hover { background: url(//p.faloo.com/images/icon_face2.png) no-repeat center; background-size: 0.333333rem 0.333333rem; }
.reply_7 { float: right; padding-top: 3px; margin-right: 5px; color: #666 }
/**帮助*/
.help_main { clear: both; width: 90%; max-width: 12rem; margin: auto; padding: 2% 5% 2% 5%; color: #333; }
.help_title { width: 100%; text-align: center; font-weight: bold; font-size: 0.493333rem; padding: 1% 0 2% 0; }
.help_class { width: 100%; text-align: left; font-weight: bold; font-size: 0.426667rem; padding-top: 0.4rem; color: #666; }
.help_info { width: 95%; padding-left: 5%; text-align: left; color: #666; font-size: 0.386667rem; text-indent: 2; }
.item_head img { width: 0.533333rem; height: 0.533333rem; }
#comment_reply { margin-top:1.5%;}
/**iPhone6*/
@media only screen and (min-device-width:330px) and (max-device-width:600px) { .item_head { width: 14% }
        .item_head img { width: 0.48rem; height: 0.48rem; }
    .item_body { width: 80%; }
    .headinfo2 { border: 0; padding-left: 0 }
    .headinfo3 { width: 69%; }
        .headinfo3 a { padding-left: 2%; padding-right: 2% }
        .headinfo3 o { color: #9D9D97 }
    .headinfo4 { width: 27%; padding-right: 3%; }
    .comment_title { font-size: 0.533333rem }
    .opearte_0 { width: 30%; }
        .opearte_0 span { padding-left: 15%; padding-top: 15%; }
        .opearte_0 a { padding-left: 15%; padding-top: 15%; }
    .item_reply_sub { width: 97%; padding-left: 1.5%; padding-right: 1.5%; }
    .item_txt { font-size: 0.453333rem }
    .login_m { width: 55%; right: 5%; padding: 0 2% 2% 2%; font-size: 0.4rem }
    .login_photo { width: 60%; padding-top: 3%; }
    .login_3 { padding-right: 8px; }
    .c_login_message { margin-right: 0.266667rem }
    .chengjiu img { width: 0.28rem; height: 0.28rem; }
    .headtop1 { padding-left: 8px; }
        .headtop1 a { padding-right: 8%; padding-left: 8% }
        .headtop1 img { height: 0.266667rem; }
    .headtop3 { width: auto; }
    .p_page_goto { bottom: 0.2rem; right: 1.2%; }
    .p_page_goto2 { width: 0.506667rem; height: 0.506667rem; background-size: 0.506667rem 0.506667rem; opacity: 0.3; }
        .p_page_goto2:hover { background-size: 0.506667rem 0.506667rem; opacity: 0.8; }
    .p_page_moderator { bottom: 0.906667rem; right: 1.2%; }
    .p_page_moderator2 { width: 0.506667rem; height: 0.506667rem; background-size: 0.506667rem 0.506667rem; opacity: 0.3; }
        .p_page_moderator2:hover { background-size: 0.506667rem 0.506667rem; opacity: 0.8; }
    .p_page_favorite { bottom: 1.613333rem; right: 1.2%; }
    .p_page_favorite2 { width: 0.506667rem; height: 0.506667rem; background-size: 0.506667rem 0.506667rem; opacity: 0.3; }
        .p_page_favorite2:hover { background-size: 0.506667rem 0.506667rem; opacity: 0.8; }
    .moderator { right: 0.666667rem; padding: 0 0.133333rem 0.133333rem 0.133333rem; }
    .pageliste_body { width: 97%; padding-left: 3%; text-align: left }
        .pageliste_body a { padding: 0 2.5% 0 2.5%; }
    .pagelist_curr { padding: 0 2.5% 0 2.5%; }
}
/**iPhone6*/
@media only screen and (min-device-width:10px) and (max-device-width:329px) {
    .item_head { width: 12% }
        .item_head img { width: 0.4rem; height: 0.4rem; }
    .item_body { width: 82%; }
    .headinfo2 { border: 0; padding-left: 0 }
    .headinfo3 { width: 69%; }
        .headinfo3 a { padding-left: 1%; padding-right: 1% }
        .headinfo3 o { color: #9D9D97 }
    .headinfo4 { width: 27%; padding-right: 3%; }
    .comment_title { font-size: 0.533333rem }
    .opearte_0 { width: 35%; }
        .opearte_0 span { padding-left: 15%; padding-top: 15%; }
        .opearte_0 a { padding-left: 15%; padding-top: 15%; }
    .item_reply_sub { width: 97%; padding-left: 1.5%; padding-right: 1.5%; }
    .login_m { width: 55%; right: 5%; padding: 2%; padding: 0 2% 2% 2%; font-size: 0.4rem }
    .login_photo { width: 60%; padding-top: 2.5%; }
    .login_3 { padding-right: 8px; }
    .c_login_message { margin-right: 0.16rem }
    .chengjiu img { width: 0.266667rem; height: 0.266667rem; }
    .headtop1 img { height: 0.24rem; }
    .headtop1 a { padding-right: 8%; padding-left: 8% }
    .headtop3 { width: auto; }
    .p_page_goto { bottom: 0.2rem; right: 1.2%; }
    .p_page_goto2 { width: 0.506667rem; height: 0.506667rem; background-size: 0.506667rem 0.506667rem; opacity: 0.3; }
        .p_page_goto2:hover { background-size: 0.506667rem 0.506667rem; opacity: 0.8; }
    .p_page_moderator { bottom: 0.906667rem; right: 1.2%; }
    .p_page_moderator2 { width: 0.506667rem; height: 0.506667rem; background-size: 0.506667rem 0.506667rem; opacity: 0.3; }
        .p_page_moderator2:hover { background-size: 0.506667rem 0.506667rem; opacity: 0.8; }
    .p_page_favorite { bottom: 1.613333rem; right: 1.2%; }
    .p_page_favorite2 { width: 0.506667rem; height: 0.506667rem; background-size: 0.506667rem 0.506667rem; opacity: 0.3; }
        .p_page_favorite2:hover { background-size: 0.506667rem 0.506667rem; opacity: 0.8; }
    .moderator { right: 0.666667rem; padding: 0 0.133333rem 0.133333rem 0.133333rem; }
    .pageliste_body { width: 97%; padding-left: 3%; text-align: left }
        .pageliste_body a { padding: 0 1.6% 0 1.6%; }
    .pagelist_curr { padding: 0 1.6% 0 1.6%; }
}
