@charset "utf-8";
/*
    订单点评页面样式
*/
/* 球场名 */
.course-name{font-size:22px;color:#323232;padding: 30px 0 20px 0;}
/* 订单编号、打球日期、打球服务 */
.order-id, .playdate, .service{display:inline-block;width:33%;font-size:16px;color:#909090;}
span.playdate{width: 30%;}
span.service{width: 36%;}
span.service img{vertical-align: middle;}
/* 打球服务icon */
.service img{}
/* 球员信息、打球评价、球场评价标题*/
.player-info-title, .play-ball-comment, .course-comment-title, .course-comment-title {
    border-bottom: 1px solid #c8c7cc;
    clear: both;
    color: #323232;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 22px 0;
}
.player-info-title a{float:right;font-size:18px;font-weight:normal;color:#4bc5f4;}
form .player-info-title, form .play-ball-comment, form .course-comment-title, form .course-comment-title{width:850px;}
/* 球员信息表格 */
.player-info{width:100%;margin-top:40px;}
.player-info tr{width:100%;}
.player-info tr td{width:280px;padding:0 33px 30px 0;font-size:16px;color:#323232;text-align:left;}
.player-info tr td.label{text-align:right;}
/* 昵称 */
.player-info input{border:none;width:274px;font-size:16px;background:#fff;color:#323232;}
/* 性别选择 */
.choose-sex label{display: inline-block; padding:0 50px 0 40px;background:url("../images/sex-img.png") no-repeat 0 0; cursor: pointer;}
/*.choose-sex input:checked label{display: inline-block; padding:0 50px 0 40px;background:url("../images/sex-img.png") no-repeat 0 0;}*/
/*.sex-checked{background-image: url("../images/sex-checked-img.png")!important;}*/
.choose-sex input:checked + label{background-image: url("../images/sex-checked-img.png")!important;}
/* 下拉框 */
.player-info td select{width:260px;display:none;}
.player-info .selectBox{border:1px #ccc solid;padding-left: 10px;}
/* 打球同伴、总体评价、评价内容、上传图片、球场点评 */
.companion, .general, .comment-title, .upload-pic, .course-comment{padding-left:20px;}
.title{padding:38px 0 20px 0;font-size:16px;color:#323232;font-weight:bold;}
.title-gen{padding-top:20px;}
.title-eval{padding-top:25px;}
.title-pic{padding-top:8px;}
.companion label{display:inline-block;padding-right:5px;}
.general label{display:inline-block;width:30px;height:30px;border-radius:4px;margin-right:7px;background:url("../images/start.jpg") no-repeat center;background-size:100%;}
.course-comment label{display:inline-block;width:26px;height:26px;border-radius:4px;margin-right:7px;background:url("../images/start.jpg") no-repeat center;background-size:100%;}
.companion label{height:30px;line-height:30px;padding:5px 20px;border:1px #ccc solid;border-radius:6px;margin-right:25px;font-size:18px;color:#323232;}
.player-info input[type="radio"], .companion input[type="radio"], .general input[type="radio"], .course-comment input[type="radio"]{display: none;}
.general span{position:relative;top:-8px;left:10px;font-size:16px;color:#909090;}
/* 球场评价 */
.course-comment {padding-top:20px;}
.course-comment p{}
.course-comment p span{position:relative;top:-8px;display:inline-block;width:30%;border:none;font-size:16px;color:#323232;}
.course-comment-title{margin-top:40px;}
/* 点评标题输入框 */
.comment-title input{
    border:1px #ccc solid;
    border-radius:4px;
    width: 97%;
    height:46px;
    line-height:46px;
    margin-bottom:10px;
    padding-left:20px;
    font-size:18px;
    color: #333;
}
/* 上传图片 */
.upload-pic a{display:inline-block;width:125px;height:125px;background:url("../images/add_pic.png");}
/*提交按钮*/
.eval-submit{width:100%;text-align: center;margin:20px 0 10px 0;}
.eval-submit button{width:150px;margin:0 auto;padding:10px;border:1px #088ee8 solid;border-radius:3px;font-size:18px;background:#088ee8;color:#fff;cursor:pointer;}
.bg-content p{line-height: 24px;font-size:18px;}
.bg-content p a{color:#088de8;}
.bg-content p a:hover{text-decoration: underline;}
/* --个人资料页面-- */
.mem input{border: 1px #ccc solid;width:254px;}
/*
    球场信息页面样式
*/
/* 信息过滤栏 */
.filter{position:relative;width:100%;/*border-bottom:1px #ccc solid;*/}
.filter td{width:50%;padding: 10px 0;font-size:16px;color:#323232;text-align:left;}
.filter td.td-2{text-align:right;}
.filter em{font-style:normal;color:#4AC6F3;}
.filter select{position:absolute;right:0;width:130px;}
.filter .selectBox{border:1px #ccc solid;}
/* 点评图表信息 */
.comment-chart {
    background-color: #f0f0f0;
    height: auto;
    width: 100%;
}
.comment-chart li{display:inline-block;position:relative;width:254px;padding:0 0 12px 20px;float: left;}
.comment-chart li table{width:100%;}
.comment-chart dl{width:100%;height:100%;}
.comment-chart caption{width:100%;padding: 18px 0 8px;font-size:14px;color:#323232;font-weight:bold;text-align:left;}
.comment-chart tr{width:100%;padding-right:5px;}
.comment-chart tr td{padding:10px 0;font-size:14px;color:#323232;}
.comment-chart .tb-3 tr td{padding:6px 0;}

.tb-1 td{width: 28%;}
.tb-1 .num{width:55px;text-align:right;padding-right: 20px;}
.tb-1 .num span {vertical-align:middle;}
.tb-2 td{width:120px!important;}
.tb-2 td.td-icon{width:36px!important;}
.tb-2 td.num{width:70px!important;text-align:right;padding-right: 20px;}
.tb-3 tr td:first-child{width:160px;text-align:left;}
.tb-3 tr td:last-child{width:120px;text-align:right;}
.tb-3 .general-eval,.costar .general-eval{width:120px;height:20px;}
.tb-3 .general-eval li,.costar .general-eval li{width:20px;height:20px;margin-right:4px;padding:0;background-size:20px 20px;text-align:left;background:url("../images/start1.jpg")!important;}
.tb-3 .general-eval li i,.costar .general-eval li i{display:inline-block;height:100%;background:url("../images/start-active-green.png") no-repeat;background-size:20px 20px;background-position:0 0;}
.comment-chart .curseBlock1{width:340px;}
.comment-chart .curseBlock2{width: 330px;}
.comment-chart .curseBlock3{width: 380px;}



/* 评分条 */
.rating-bar{display:inline-block;width:150px;height:15px;background:#e1e1e1;vertical-align:middle;}
.rating-bar div{height:100%;width:0;background: #09BB07;}
/* 分割线 */
.chart-line{position:absolute;bottom:20px;right:0;height:180px;width:1px;background:#ccc;}
/* 点评者信息 */
.commenter-info{margin-top:25px;position:relative;border-top:1px dashed #b1b3b5;border-bottom:1px dashed #b1b3b5;padding: 13px 0;}
.r_890 .commenter-info{border:none;margin-top: 5px;}
.r_890 .commenter-info div{margin-bottom: 3px;}
.r_890 .commenter-info div span{font-size:14px;min-width:23%;}
.r_890 .commenter-info .commenter-name{margin-bottom: 15px;}
.commenter-info span {
    color: #909090;
    display: inline-block;
    font-size: 12px;
    padding-left: 2%;
    width: 23%;
}
.commenter-info span.golf-age{
	width: 23%;
}
.commenter-info span.golf-num{
	width: 21%;
}
.commenter-info span.age{
	width: 20%;
}
.commenter-info span.play-frey{
	width: 28%;
}
.commenter-info .commenter-name {
    color: #323232;
    font-size: 16px;
    max-width: 20%;
    padding-left: 0;
    text-align: left;
    width: auto;
    position: relative;
}
.commenter-info .commenter-name.sex-male b{
    display: inline-block;
    background:url("../images/icon_gg.png") no-repeat right;
    padding-right: 30px;
    font-weight: normal;
    position: relative;
}
.commenter-info .commenter-name.sex-female b{
    background:url("../images/sex-female.png") no-repeat right top;
    padding-right: 30px;
    font-weight: normal;
    position: relative;
    display: inline-block;
}
.commenter-info .commenter-name i{
	position: absolute;
	right: -32px;
	top:-4px;
	width: 28px;
	height: 28px;
	display: none;
}
.commenter-info .commenter-name.gold_medal i{
	background: url(../images/icon_gold.png) no-repeat center;
	display: block;
}
.commenter-info .commenter-name.silver_medal i{
	background: url(../images/icon_silver.png) no-repeat center;
	display: block;
}
.commenter-info .commenter-name.copper_medal i{
	background: url(../images/icon_copper.png) no-repeat center;
	display: block;
}

span.eval-time{position:absolute;bottom: -8px;right:0px;padding:0;}
/* 标签选中状态，评价星级，错误信息，图片删除样式 */
.label-active{border-color:#4AC6F3!important;background: url("../images/label-active-bg.png") no-repeat bottom right;}
.star-active{background-image:url("../images/start-active.jpg")!important;}
.err{border:1px #f34051 solid!important;}
.err-msg{font-size:14px;color:#f34051!important;padding:10px 0;}
p.err-msg{text-align: right;}
.err-msg span{font-weight:bold;padding-right:10px;}
i.del-pic{position:absolute;top:-12px;right:-12px;width:25px!important;height:25px!important;border:none;border-radius:50%;background:url("../images/pic-del.png")no-repeat 50% 50%;background-color:#fff;}
.level{padding-left: 10px;}
.level{padding-left: 10px;}

/* 对话框：2017-11-28计划清除此对话框 */
.bg-alert{position:fixed;top:300px;left:40%;width:440px;padding:10px;z-index:8002;text-align:center;}
.bgbg{position:absolute;width: 100%;height: 100%;top:0;left:0;opacity: 0.4;background-color: #000000;filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;z-index: 0;}
.bg-body{background:#fff;padding:5px;position:relative;z-index: 1;}
.bg-content p{padding:5px;}
.bg-content img{width:80px;}
.bg-content,.bg-confirm{margin:5px auto;font-size:18px;}
.bg-content{padding:10px;}
.bg-confirm{width:50%;height:30px;line-height:30px;background:#fff;color:#088de8;border:1px #088de8 solid;border-radius:3px;}

/*文本框*/
.comment-title{position:relative;}
.comment-title .textwarn{position:absolute;left:20px;bottom:0px;display:none;font-size:14px;}