﻿.comment_container{background-color:#fff;min-height:380px;margin-top:10px;padding:20px;}
.top_comment_title{position:relative;}
.top_comment_title a.btn_comment{position:absolute;right:0;top:0;font-size:16px;color:#c54739;padding-left:30px;background:url(/web/img/icon-shop-comment.png) no-repeat left center;line-height:22px;background-size:22px;}
.comment_container .summary { height:62px; overflow:hidden; border-bottom:dashed 1px #ddd; }
.comment_container .summary .commet_type { float:left; overflow:hidden; padding-top:30px; }
.comment_container .summary .commet_type li { float:left; height:20px; margin-right:35px; padding-left:18px; font-size:12px; background:url(/web/img/bg-lic-10-40.png) no-repeat left 1px; }
.comment_container .summary .commet_type li.on { background:url(/web/img/bg-lic-10-40.png) no-repeat left -19px; }
.comment_container .summary .commet_type li a { color:#333; text-decoration:none; }
.comment_container .summary .commet_type li.on a { color:#ea544a; }
.comment_container .summary .commet_type li.on a b { color:#ea544a; }
.comment_container .summary .commet_type li a:hover { color:#ea544a; } 
.comment_container .summary .commet_type li a:hover b { color:#ea544a; } 
.comment_container .summary .commet_type li a b { color:#bbb; font-weight:normal; }
.comment_container .summary .commet_score { float:right; padding-top:28px; font-size:15px; }
.comment_container .summary .commet_score .prompt { margin-right:20px; }
.comment_container .summary .commet_score .prompt b { color:#ea544a; }
.comment_container .summary .commet_score .star_level { margin-top:-5px; }

.comment_container .loading { height:80px; font-size:10.5pt; color:#999; margin-top:20px; margin-left:20px; }

.comment_container .table { padding:5px 0 20px; }
.comment_container .table .empty_table { font-size:9pt; color:#CCC; padding-top:10px;display:inline-block; }
.comment_container .table .commet_item { padding-top:8px; padding-bottom:15px;  border-bottom:dashed 1px #ddd; }
.comment_container .table .commet_item .commet_info { height:30px; overflow:hidden; }
.comment_container .table .commet_item .commet_info .left { float:left; padding-top:15px; }
.comment_container .table .commet_item .commet_info .right { float:right; padding-top:14px; }
.comment_container .table .commet_item .commet_info .creator { margin-right:20px; }
.comment_container .table .commet_item .commet_info .star_level { margin-top:-5px; }
.comment_container .table .commet_item .commet_info .create_time { font-size:14px; }
.comment_container .table .commet_item .commet_info .create_time i {  font-style:normal; color:#999; }
.comment_container .table .commet_item .commet_item .commet_info .right { float:right; }
.comment_container .table .commet_item .commet_content { padding-top:10px; font-size:14px; color:#666; text-align:justify; line-height:24px; }
.comment_container .table .commet_item .commet_imgs ul { overflow:hidden; padding-top:12px; }
.comment_container .table .commet_item .commet_imgs li { float:left; margin-right:10px; }
.comment_container .table .commet_item .commet_imgs li a { display:block; width:78px; height:78px; border:solid 1px #ddd; overflow:hidden; }
.comment_container .table .commet_item .commet_imgs li a img { width:100%; height:100%; }

.star_level { display:inline-block; width:121px; height:18px; background:url(/web/img/bg-star-150-201.png) -17px -166px; vertical-align:top; overflow:hidden; }
.star_level i { display:inline-block; width:18px; height:18px; vertical-align:top; padding-right:6px; cursor:pointer; }
.star_level_0 { background-position:-17px -166px; }
.star_level_1 { background-position:-17px -135px; }
.star_level_2 { background-position:-17px -104px; }
.star_level_3 { background-position:-17px -73px; }
.star_level_4 { background-position:-17px -42px; }
.star_level_5 { background-position:-17px -11px; }

.xubox_page{ position:relative;}
.layer_title{ border-top: 2px solid #2b7dbc;height:55px; line-height:55px; font-size:25px; border-bottom:2px solid #edf1f4; padding:0 20px; text-align:left; background-color:#fff; }
.layer_title span.layer_close{ cursor:pointer; margin-top:20px; background:url(/web/img/v2/layer_close.png) left top no-repeat; display:inline-block; width:17px; height:17px; float:right;}
.commet_form { padding-top:20px; }
.commet_form .line { padding:10px 0; }
.commet_form .line label { display:inline-block; width:120px; text-align:right; color:#666; vertical-align:top; }
.commet_form textarea { padding-left:8px; padding-top:6px; width:500px; height:92px; border:solid 1px #d6d6d6; font-size:13px; color:#000; font-family:Microsoft Yahei; }
.commet_form .loaded_count { display:inline-block; vertical-align:top; margin-left:10px; margin-top:35px; }
.commet_form .loaded_count b { margin:0 2px; font-weight:normal; color:#eb544b; }
.commet_form .star_level  { margin-top:-4px; margin-right:10px; margin-left:2px; }
.commet_form .comp_name{display:inline-block;margin-top:-3px;font-size:14px;}
.submit_bar { margin-top:15px; text-align:center; text-align:right;margin-right:50px;height:80px;}
.submit_options { margin-left:20px; font-size:14px; color:#666; }
.submit_options input { margin-right:6px; display:inline-block; vertical-align:middle; }
.btn_submit-commet { border:none; width:120px; height:35px; font-size:16px; margin-left:10px;color:#fff; letter-spacing:3px; cursor:pointer; background-color:#eb544b;  }

.commet_pager { text-align:right; padding-right:40px; }
.commet_pager .pager_nums { font-size:14px; }
.commet_pager .pager_nums .num_prev,.commet_pager .pager_nums .num_next { display:inline-block; width:66px; height:30px; line-height:30px; border:solid 1px #ddd; text-align:center; color:#000; cursor:pointer; }
.commet_pager .pager_nums .num_prev:hover,.commet_pager .pager_nums .num_next:hover { color:#ea544a; background-color:#FCE9E8; border-color:#ea544a; color:#ea544a; }
.commet_pager .pager_nums .num_prev { margin-right:4px; }
.commet_pager .pager_nums .num_next { margin-left:4px; }
.commet_pager .pager_nums .num_prev_disabled,.commet_pager .pager_nums .num_next_disabled { display:inline-block; height:32px; line-height:32px; text-align:center; color:#ccc; }
.commet_pager .pager_nums .num_prev_disabled { margin-right:8px; }
.commet_pager .pager_nums .num_next_disabled { margin-left:8px; }
.commet_pager .pager_nums .num { margin:0px 4px; display:inline-block; width:30px; height:30px; line-height:30px; border:solid 1px #ddd; text-align:center; color:#000; cursor:pointer; }
.commet_pager .pager_nums .num:hover { color:#ea544a; background-color:#FCE9E8; border-color:#ea544a; color:#ea544a; }
.commet_pager .pager_nums .num_current { margin:0px 4px; display:inline-block; width:30px; height:30px; line-height:30px; border:solid 1px #ea544a; text-align:center; color:#ea544a; background-color:#FCE9E8; }
.commet_pager .pager_nums .ellipsis { display:inline-block; width:32px; height:32px; line-height:32px; text-align:center; color:#000; font-family:Tahoma; }