@charset "utf-8";
/* CSS Document */

/* 线路评分 */
.roadMark{ margin:0 auto; width:940px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:url(../img/roadbook_bg2.gif) repeat-y; clear:both}
.roadMark .mark{ float:left; width:306px; padding:10px 20px; background:url(../img/mark_01.gif) no-repeat right top;}
.roadMark .mark .inpt{ float:left; width:306px; padding-bottom:10px; clear:both}
.roadMark .mark .inpt .w1{ float:left; width:70px;}
.roadMark .mark .inpt .w2{ float:left; width:70px;}
.roadMark .mark .inpt .w2 input{ margin-top:-5px}
.roadMark .mark .marking{ float:left; width:170px; }
.roadMark .mark .scor{ float:left; width:170px; margin-bottom:10px; clear:both}
.roadMark .mark .scor span{ float:left; width:70px;}
.roadMark .mark .scor .square{ float:left; width:18px; height:12px; font-size:0; background:url(../img/mark_grade.gif) no-repeat; display:inline;}
.roadMark .mark .scor .yes {background-position:0 0;}
.roadMark .mark .scor .no {background-position:-18px 0;}

.roadMark .mark .grade{ float:right; width:120px; }
.roadMark .mark .grade h1{ font-size:48px;}
.roadMark .mark .grade span{}

.roadMark .visitor{ float:left; width:574px; padding:10px 0 10px 20px; }
.roadMark .visitor ul{ clear:both}
.roadMark .visitor li{ float:left; margin-right:12px; width:58px; overflow:hidden;}
.roadMark .visitor li img{ margin-bottom:5px;}
.roadMark .visitor li a{ padding:5px; background:#eee; display:block }
.roadMark .visitor li a:hover{ background:#ddd; text-decoration:none;}
.roadMark .title{ padding-bottom:10px; clear:both}

.roadMark .comment_input{ float:left; width:552px; margin-left:1px; padding:10px 20px; background:#fff; }
.roadMark .comment_input .ci1{ float:left; width:300px;}
.roadMark .comment_input .ci2{ float:right; width:230px;}
.roadMark .comment_input .ci2 ul{}
.roadMark .comment_input .ci2 li{ float:left; width:36px; height:50px;}
.roadMark .comment_input input,textarea{ font-size:12px; line-height:18px; border:none; background:#fffade;}
.roadMark .comment_input .w1{ width:300px; height:18px; border:1px solid; border-color:#ccc #fff #fff #ccc;}
.roadMark .comment_input .w2{ width:300px; height:100px; border:1px solid; border-color:#ccc #fff #fff #ccc;}
.roadMark .comment_input .w3{ width:70px; height:20px; background:#d80000; font-weight:bold; border-top:1px solid #f00000; border-left:1px solid #f00000; border-bottom:1px solid #9e0000; border-right:1px solid #9e0000; color:#fff; cursor:pointer }
.roadMark .comment_input .w4{ width:100px; border:1px solid; border-color:#ccc #fff #fff #ccc;}

/* 全站点评 */
#commendAll{margin:0 auto; width:900px; padding:20px; overflow:hidden; clear:both;}

#commendAll .user{ float:left; width:300px; line-height:21px; color:#999;}
#commendAll .user img{ float:left; margin-right:10px; width:98px; height:98px;}
#commendAll .user p{margin:0; padding:0px;}
#commendAll .user h2{ margin:0; padding:2px; font-size:20px; font-family:"微软雅黑", "黑体"; font-weight:bold }
#commendAll .user h2 a{font-size:20px; }
#commendAll .mark { float:left; width:300px;}
#commendAll .mark .scorInfo{ line-height:21px; padding-bottom:2px; color:#999}
#commendAll .mark .marking{ float:left; width:170px; }
#commendAll .mark .scor{ float:left; width:170px; margin-bottom:5px; clear:both}
#commendAll .mark .scor span{ float:left; width:70px;}
#commendAll .mark .scor .square{ float:left; width:18px; height:12px; font-size:0; background:url(../img/mark_grade.gif) no-repeat; display:inline;}
#commendAll .mark .scor .yes {background-position:0 0;}
#commendAll .mark .scor .no {background-position:-18px 0;}
#commendAll .mark .grade{ float:right; width:120px; }
#commendAll .mark .grade h1{ font-size:42px;}
#commendAll .mark .grade span{}

#commendAll .other{ float:right; }
#commendAll .other .No{ text-align:right; font-size:30px; clear:both}
#commendAll .other .edit{ text-align:right; margin-top:40px}
#commendAll .other .edit a{ padding:1px 10px; line-height:20px; background:#666; color:#fff;}
#commendAll .other .edit a:hover{ text-decoration:none; background:#777;}

.commendReview { clear:both; padding:10px 20px; text-align:left; font-size:12px; line-height:21px; border:1px solid #ddd; table-layout: fixed; overflow: hidden; word-wrap:break-word; word-break:break-all; height /**/: auto; }
.commendReview table{table-layout:fixed;}
.commendReview td{ overflow:hidden; text-overflow:ellipsis;}
.commendReback { margin-bottom:5px; padding:6px; font-size:12px; border:1px solid #f0f0f0; background:#ffffee; color:#999; text-align:left; clear:both}
.commendline {margin:0 auto; padding:0; width:750px; border-bottom:1px dashed #ddd; font-size:1px; clear:both}

.commendReview .quote{}
.commendReview hr{height:1px; border:none; border-top:1px dashed #eee;}