/*
 * 1230688旅游网
 * 请尊重他人劳动成果
 * 技术支持QQ:2863868475
 * 2024-10-08
 * coyright@tengcee.com
*/
* { margin:0; padding:0; word-break:break-all; }
body { font-size:13px; margin:0px; padding:0px; font-family:"microsoft Yahei", Arial, Helvetica, sans-serif;background-color:#fff;}
a { color:#333; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:0; vertical-align:bottom; }
li { list-style:none; }
input{ outline: none; }
table { border-collapse:collapse; border-spacing:0; }
.c20 { clear:both; line-height:20px; height:20px; }
.c { clear:both; }
/* 评论-form */
.comment-form{border:1px solid #f5f5f5; padding:20px; margin-bottom:10px;width: 100%;position: relative; border-radius:5px;box-sizing: border-box;float: left;}
.comment-form h5{ line-height:25px; padding-bottom:5px;border-bottom:1px solid #e2e2e2; font-size: 16px; width: 100%;float: left;}
.comment-form strong{background: url(../images/comment.png) no-repeat; padding-left:25px; float:left;background-size: 20px; background-position: left center;}
.comment-form .total{ float: right; font-size: 13px;font-weight: normal}
.comment-form .total a{ color: #008cea;}
.yzm{display:none;position:absolute; background:url(../images/admin_img/login_ts140x89.gif) no-repeat; width:140px; height:89px;text-align:center; font-size:12px;}
.yzm a:link,.yzm a:visited{color:#036;text-decoration:none;}
.yzm a:hover{ color:#C30;}
.yzm img{ cursor:pointer; margin:0px auto; width:130px; height:50px; margin-top:4px; border:1px solid #fff; margin-bottom:1px;}

.comment-form .posn{ padding:15px 0; width: 100%;line-height: 30px;float: left;}
.comment-form label{ margin-right: 10px;}
.comment-form .radio {width: 20px;height: 20px;appearance: none;position: relative;outline: none;}
.comment-form .radio:before {content: "";width: 15px;height: 15px;border: 1px solid #008cea;display: inline-block;border-radius: 50%;vertical-align: middle;}
.comment-form .radio:checked:before {content: "";width: 15px;height: 15px;border: 1px solid #008cea;display: inline-block;border-radius: 50%;vertical-align: middle;}
.comment-form .radio:checked:after {content: "√";width: 15px;height: 15px;text-align: center;background: #008cea;border: 1px solid #008cea;border-radius: 50%;display: block;position: absolute;top: 0px;left: 0px; color: #fff;}
.comment-form .radio:checked + label {color: #edd19d;}

.comment-form .textarea{width: 100%;float: left; position: relative;padding:10px;line-height: 2em; border-radius: 5px; border:solid 1px #e2e2e2;font-family:"microsoft Yahei", Arial, Helvetica, sans-serif; box-sizing: border-box;}
.yanzhengma{ width: 100%;float: left;padding:10px 0;}
.yanzhengma label{ float: left;}
.input-text{ line-height: 30px; padding: 0 5px;box-sizing: border-box;border:solid 1px #e2e2e2; border-radius: 5px;outline: none;}
.btn{ width: 100%;float: left;padding:10px 0;line-height: 40px;}
.submit{ line-height: 40px;padding:0 25px; background-color: #008cea; border-radius: 5px;color: #fff; outline: none;border:none;font-size: 15px; font-family: "microsoft yahei"; float: left;}

.comment-title{width: 100%;float: left; line-height: 1.5em; font-size: 24px;margin:10px 0;position: relative;}
.comment-title a:hover{	text-decoration: none;	color: #F60;}
.comment-title .shuo{ float: right; font-weight: normal; font-size: 13px;}
.col-left .tit{ border-bottom:1px solid #f5f5f5; padding-bottom:6px; margin-bottom:15px;width: 100%;line-height: 40px;color: #222;}
.col-left .tit .tips{ float: right; color: #999; font-weight: normal;}

.comment_button{margin-bottom:15px;width: 100%;float: left;margin-top: 15px;}
.comment_button a{padding:5px 20px; border:solid 1px #e2e2e2; }
.comment_button a.on{background:#008cea; color:#fff;border:solid 1px #008cea}

/* 评论列表 */
.commentlist{ width: 100%;float: left; margin-top: 20px; position: relative;}
.comment{ width: 100%;float: left; position: relative;}
.commentbox { width: 100%;float: left; position: relative;margin:10px 0;display: flex;align-content: flex-start;justify-content: space-between; flex-wrap: nowrap;box-sizing: border-box;}
.commentbox .head {width: 70px;flex:0 0 70px; float: left; position: relative;}
.commentbox .head img{ width: 50px;height: auto; border-radius: 50%;float: left;}
.commentbox .info{ width: 100%;float: left; box-sizing: border-box; position: relative; padding: 20px; background-color: #e8f0f6; border-radius: 5px;}
.commentbox .info::before{ content:''; position: absolute;left:-20px; top: 15px;width: 0;height: 0;border: 10px solid transparent; border-right: 10px solid #e8f0f6;}
.comment .title{width: 100%;float: left; line-height: 35px; position: relative; font-weight: normal; color: #666;font-weight: bold; font-size: 15px;}
.comment .title .time{ float: right; color: #999; font-weight: normal; font-size: 13px;}
.comment .title .score{ display: inline-block; vertical-align: middle;}
.comment .title .score img{ width:15px;height: auto; vertical-align: middle; margin-bottom: 5px;}
.comment .content{ width: 100%;float: left; position: relative; margin:8px 0;border:0px solid #fff; box-sizing: border-box; padding:15px; line-height: 2em; color: #666; background-color: #f3f7fa; font-size: 14px;}
.comment .content span{display:block;}
.comment .content .content{ background-color: #e8f0f6;}
.comment .content pre{ line-height: 2em; width: 100%;float: left;margin:8px 0}
.comment .content .retitle{ line-height: 2em; width: 100%;float: left; font-weight: bold;}
.rt{ width: 100%;margin:10px 0; position: relative; text-align: right; font-size: 13px;}
.reply{width: 100%;float: left;}
.reply textarea{width: 100%;float: left; position: relative;padding:10px;line-height: 2em; border-radius: 5px; border:solid 1px #e2e2e2;font-family:"microsoft Yahei", Arial, Helvetica, sans-serif; box-sizing: border-box; margin-bottom: 10px;}
.comment .verfiy {width: 100%;float: left;position: relative;padding: 10px 0;}
.comment .verfiy label {float: left;}
.comment .yzm2 {float: left;display: inline-block;line-height: 40px;color: #999;}
.col-left{ width: 100%;float: left; position: relative;}
.yzm3{ display: inline-block;}

.pageright2{padding-left: 0; padding-right: 30px; width: 100%; box-sizing: border-box;}
@media screen and (max-width:900px){
	.pageright2{padding: 5px;}
}
.look-content {padding: 10px;border: 1px dashed #ffbf7a;background: #fffced;margin: 10px auto}
.look-content h6{ font-size: 16px; line-height: 2.5em;}
.look-content ul {color: #666;line-height: 2em;}