body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}
body{ background:#f5f5f5;}
img{ margin:0; padding:0; float:left}
body, button, input, select, textarea { font-size:12px; font-family:"微软雅黑" }
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none;}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
em { font-style: normal; }
ul, ol { list-style: none; }
a {
    text-decoration: none;
    cursor:pointer;
    outline:0;
}
a:hover{ text-decoration:none ; color:#4A97CD}
/* 重置表单元素 */
legend { color: #000; }
fieldset, img { border: none; }
/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button, input, select, textarea { font-size: 100%; }
/* ========================= 页面常用样式 CSS样式 =========================== */
.clear {
    clear:both;
}

.autoHeight{height:auto!important;min-height:0px;height:0px;}
.autoHeight:after{display:block;clear:both;content:".";visibility:hidden;height:0;}

.ComWrap{
    background: #f5f5f5;
    font-family: "微软雅黑";
}
.ComWrap .comment_head{
    height:59px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}
.comment_head .fg{
    display: inline-block;
    position: absolute;
    top: 18px;
    left: 10px;
    width: 5px;
    height: 22px;
    background: url(../images/mobile-comment-ico.png) no-repeat 0px 0px;
}

.comment_head h2{
    display: inline-block;
    *zoom:1;*display:inline;
    float: left;
    font-size: 24px;
    font-weight: normal;
    vertical-align: bottom;
    line-height: 24px;
    margin: 17px 10px 0 26px;
    color: #333;
}
em.col_1{
    line-height: 23px;
    height: 23px;
    color: #1790e6;
    display: inline-block;
    *zoom:1;*display:inline;
}

em.col_2,.comBox-n .ch{
    color:#8d8d8d;
}
.comment_con .comment-box{
    background:#fff;
    margin: 0px 0;
    padding-bottom:8px;
}
.comment-box .comment-box-in{
    padding:10px 10px 0 10px;
}
.comment-box-in textarea{
    border: 0;
    resize: none;
    height: 115px;
    border:1px solid #dcdcde;
    background:#f5f5f5;
    color: #333;
    border-radius:2px;
    font-size: 28px;
    margin-left:0px;
    padding:2% 3%;
    font-size:14px;
    outline:none;
    -webkit-appearance: none;
}
.messagBtn {
    float: left;
    margin-left:15px;
    margin-top: 8px;
}
.messagBtn.f{ margin-left:0}
.messagFace {
    display: inline-block;
    *zoom:1;*display:inline;
    width: 22px;
    height: 22px;
    background: url(../images/mobile-comment-ico.png) no-repeat 0px top;
    background-size: 100% auto;
}
.messagBtn .faceBox {
    width: 315px;
    height: 158px;
    border: 1px solid #d1d7dc;
    background: #f8fcff;
    position: absolute;
    margin-top: -175px;
    margin-left: -30px;
    border-radius: 8px;
    padding: 10px;
    display: none;
}
.messagBtn .faceBox .fBar {
    height: 22px;
    line-height: 22px;
}
.messagBtn .faceBox .fBar ul {
    float: left;
}
.messagBtn .faceBox .fBar ul li.cur {
    color: #46a1e1;
}
.messagBtn .faceBox .fBar ul li {
    padding-right: 10px;
    float: left;
    cursor: pointer;
}
.messagBtn .faceBox .fBar .close {
    width: 12px;
    height: 20px;
    float: right;
    background: url(../images/bg_layerclose.png) no-repeat center;
    display: block;
}
.messagBtn .faceBox .face {
    margin-top: 3px;
    width: 312px;
    height: 130px;
    border-bottom: 1px solid #dfe6f6;
    border-left: 1px solid #dfe6f6;
}
.messagBtn .faceBox .face li {
    cursor: pointer;
    border-top: 1px solid #dfe6f6;
    border-right: 1px solid #dfe6f6;
    width: 25px;
    height: 25px;
    float: left;
}
.comment-box span.comBox-n{
    float: left;
    line-height:22px;
    font-size:14px;
    opacity:.8;
    height:22px;
    line-height: 20px;
    margin-top: 10px;
    padding-left:8px;
    text-align: right;
}
.comment-box .userdl{
    display: inline-block;
    *zoom:1;*display:inline;
    height:15px;
    font-size: 0;
    margin-top: 20px;
}
.comment-box .userdl li{
    display: inline-block;
    *zoom:1;*display:inline;
    font-size: 12px;
}
.comment-box .userdl li a{
    padding: 0 8px;
    color: #666;
}
.comment-box .userdl li a.user_name,.comment-box .userdl li a:hover{
    color:#1790e6;
}
a.comment-box-btn,a.report-btn,a.cancel_btn{
    float: right;
    width: 71px;
    height: 25px;
    line-height: 25px;
    border:1px solid #299af4;
    background:#fff;
    text-align:center;
    font-size:14px;
    color:#299af4;
    border-radius:2px;
    margin:5px 10px 3px 0;
}
a.comment_loading{
    background:#eee;
    border:1px solid #eeeeee;
    color:#fff;
}
a.report-btn,a.cancel_btn{
    width: 51px;
    height:25px;
    line-height: 25px;
    font-size:14px;
    margin-left: 5px;
    margin-right: 0;
}
a.cancel_btn{
    width: 51px;
    height:25px;
    background: #fff;
    border: 1px solid #d6d6d6;
    color:#666;
    margin-left: 10px;
    line-height:25px;
    font-size:14px;
}
.comment_plcon{
    background:#fff;
    margin: 7px auto 0;
    padding: 0 10px;
}
.comment_plcon .comment_plcon_li{
    width: 100%;
    height:43px;
    font-size: 0;
}
.comment_plcon .comment_plcon_li li{
    display: inline-block;
    *zoom:1;*display:inline;
    width: 65px;
    height:43px;
    margin-right:14px;
    float:left;

}
.comment_plcon .com_num{
    float: right;
    text-align: right;
    height:43px;
    line-height: 43px;
    padding-right: 12px;
    font-size:14px;
    color:#8d8d8d;
}
.comment_plcon .comment_plcon_li li a{
    display: block;
    width: 65px;
    height:43px;
    font-size: 14px;
    line-height: 43px;
    text-align: center;
    color: #000;
}
.comment_plcon .comment_plcon_li li a:hover,.comment_plcon .comment_plcon_li li a.tab-option-selected{
    color: #000;
    border-bottom: 1px solid #3591d5;
}
.tab-content{
    display: none;
}
.tab-content-selected{
    display: block;
}
.comment_clumLi{
    border-top:1px solid #e6e6e6;
    /*padding-bottom: 17px;*/
}
.comment_clumLi .userComment{
    width: 100%;
}
.userComment .uCom_img{
    display: inline-block;
    *zoom:1;*display:inline;
    width: 11%;
    vertical-align: top;
    margin-top:13px;
}
.userComment .uCom_con{
    width: 85%;
    vertical-align: top;
    display: inline-block;
    *zoom:1;*display:inline;
    margin: 10px 0px 5px 3%;
}
.uCom_img img{ width:35px; height:35px; border:1px solid #e2e2e4; border-radius:100px;}
.uCom_con .u_comHead,.uCom_con .u_comfoot{
    height:30px;
    line-height:30px;
    font-size: 14px;
}
.uCom_con .u_comfoot{
    margin-bottom: 0px;
}
.u_comHead a.u_name{
    color:#299af4;
    font-size: 14px;
    margin-right: 8px;
}
.u_comHead span.u_address,.u_comHead .u_floor,.uCom_con .u_comfoot,.u_laud,.u_comfoot .recive_btn{
    color:#8d8d8d;
}

.u_comHead .u_floor{
    float: right;
}
.uCom_con .u_comCon{
    margin:3px 0;
    font-size: 14px;
    color: #333;
    word-wrap:break-word;
    word-break:break-all;
    color:#585858;
}
.uCom_con .u_comfoot{
    font-size: 14px;
}
.u_comfoot .u_laud,.u_comfoot .recive_btn{
    float: right;
}
.u_comfoot .u_laud{
    cursor: pointer;
    background: url(../images/mobile-comment-ico.png) no-repeat 0px -50px;
    background-size: 22px auto;
}
.u_comfoot .u_laud:hover{
    color:#ffa800;
    background: url(../images/mobile-comment-ico.png) no-repeat 0px -102px;
    background-size: 22px auto;
}
.u_comfoot .recive_btn{
    background: url(../images/mobile-comment-ico.png) no-repeat 0px -75px;
    background-size: 22px auto;
}
.u_comfoot .recive_btn:hover{
    color:#ffa800;
    background: url(../images/mobile-comment-ico.png) no-repeat 0px -127px;
    background-size: 22px auto;
}
.u_comfoot .from{
    margin-left: 8px;
}
.u_comfoot .from a{
    color:#999;
}
.recive_btn .recive_btn_tb,.u_laud .u_laud_tb{
    display: inline-block;
    *zoom:1;*display:inline;
    float:left;
    margin-top:8px;
    width: 18px;
    height:16px;
    margin-right: 3px;


}
.u_comfoot ,.u_comfoot .from a:hover{
    color:#f04848;
}
.u_comfoot .recive_btn{
    margin-left: 9px;
}
.replycom-box{
    width: 87%;
    float: right;
    height:116px;
}
.replycom-box-in{


}
.replycom-box-in textarea{
    border: 0;
    resize: none;
    width: 97%;
    height: 79px;
    padding: 7px 0 0 7px;
    color: #333;
    font-size: 13px;
    border-radius:2px;
    border:1px solid #e0e0e0;
}
.replycom-box span.comBox-n{
    float: left;
    padding-left:8px;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
    text-align: right;
    font-size:14px;
}
.comment_clumLi .comment_open{
    float: right;
    width: 91%;
    margin-top: 5px;
}
.sub_comment{
    padding:7px 0 ;
    border-top:1px solid #e6e6e6;
}
.sub_comment .uCom_con{
    display: inline-block;
    *zoom:1;*display:inline;
    width: 85%;
    float:right;
    vertical-align: top;
}
.sub_comment .uCom_img{
    display: inline-block;
    *zoom:1;*display:inline;
    width: 25px;
    height: 25px;
    vertical-align: top;
    margin-right: 7px;
}
.page{
    height: 30px;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 12px;
    margin-bottom: 12px;
}
.page a,.page span{
    margin-left: 3px;
    padding: 5px 6px;
    border: 1px solid #e0e0e0;
    font-size: 12px;
    height: 10px;
    line-height: 10px;
    display: inline-block;
    color: black;
}
.page a:hover, .page a.cu {
    background: #46a1e1;
    color: #fff;
    border: none;
    padding: 6px 11px;
}
.comment_open a.more{
    display: block;
    text-align: center;
    color:red;
    font-size: 14px;
}
.comment_open a.more:hover{
    color:#1790e6;
}
/*
.jz{
    display: none;
}
.user_name{
    display: none;
}
.drop{
    display: none;
}*/