.top-h4 { height: 38px; line-height: 38px; border-bottom: 2px solid #f8f8f8; }

.top-h4 h4 { height: 100%; margin-bottom: -2px; border-bottom: 2px solid #6596ff; }

.right-aside .r-d-list { padding: 28px 12px 28px 113px; }

.right-aside .r-d-list:last-child { border: none; }

.right-aside .r-d-list .r-d-himg { position: absolute; left: 0; top: 25px; width: 98px; height: 98px; overflow: hidden; }

.right-aside .r-d-list .r-d-himg img { width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; }

.right-aside .r-d-list .r-d-name .name { margin-right: 10px; }

.right-aside .r-d-list .p { height: 38px; line-height: 38px; }

.right-aside .r-d-list .r-d-btn a { display: block; width: 98px; height: 24px; border: 1px solid #6596ff; line-height: 24px; text-align: center; }

.right-aside .r-d-list .r-d-btn a.on, .right-aside .r-d-list .r-d-btn a:hover { color: #fff; background: #6596ff; }

.right-aside .r-wz-img img { width: 100%; vertical-align: top; }

.right-aside .r-wz-list li { height: 33px; line-height: 33px; padding-left: 20px; }

.right-aside .r-wz-list li:before { position: absolute; left: 0; top: 15px; width: 6px; height: 6px; background: #666; content: ''; -webkit-border-radius: 50%; border-radius: 50%; }

.view .left .h3 { line-height: 1; height: 30px; }

.view .left .h3 .a { position: absolute; right: 0; top: 0; width: 100px; height: 30px; line-height: 30px; text-align: center; -webkit-border-radius: 10px; border-radius: 10px; background-color: #f94b6d; cursor: pointer; }

.view .left .h3 .a:hover { opacity: 0.8; }

.view .left .e-main { width: 820px; margin: 0 auto; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; -webkit-border-radius: 5px; border-radius: 5px; }

.view .left .e-main .tags { padding: 20px 0; }

.view .left .e-main .tags .tag { padding: 0 5px; }

.view .left .e-main .tags .tag li { margin: 0 10px 10px; border: 1px solid #6596ff; -webkit-border-radius: 5px; border-radius: 5px; }

.view .left .e-main .tags .tag li a { display: block; height: 34px; line-height: 34px; padding: 0 10px; color: #6596ff; }

.view .left .e-main .tags .tag li:hover, .view .left .e-main .tags .tag li.on { background: #6596ff; }

.view .left .e-main .tags .tag li:hover a, .view .left .e-main .tags .tag li.on a { color: #fff; }

.view .left .e-main .tags .radios li { margin: 0 15px; padding: 20px 0 10px; height: 16px; }

.view .left .e-main .tags .radios li input { margin-right: 5px; position: relative; width: 16px; height: 16px; float: left; }

.view .left .e-main .tags .radios li input:before { position: absolute; left: 0; top: 0; content: ''; width: 14px; height: 14px; border: 1px solid #6596ff; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; }

.view .left .e-main .tags .radios li input:checked:after { position: absolute; left: 5px; top: 5px; content: ''; width: 6px; height: 6px; background-color: #6596ff; -webkit-border-radius: 50%; border-radius: 50%; }

.view .left .e-main .tags .radios li label { float: left; height: 16px; line-height: 16px; cursor: pointer; }

.view .left .e-main .e-list { padding: 30px 0 35px; }

.view .left .e-main .e-list .e-list-l { padding-left: 18px; width: 72px; }

.view .left .e-main .e-list .e-list-l .head-img { width: 70px; height: 70px; margin: 0 auto; overflow: hidden; margin-bottom: 5px; }

.view .left .e-main .e-list .e-list-l .head-img img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; }

.view .left .e-main .e-list .e-list-l p { line-height: 20px; height: 40px; overflow: hidden; text-align: center; }

.view .left .e-main .e-list .e-list-r { width: 700px; padding-right: 10px; }

.view .left .e-main .e-list .e-list-r .top { margin-bottom: 14px; }

.view .left .e-main .e-list .e-list-r .top p { height: 24px; line-height: 24px; margin-right: 90px; }

.view .left .e-main .e-list .e-list-r .top p .icon { position: relative; display: inline-block; width: 60px; height: 100%; margin-right: 5px; vertical-align: middle; background-color: #ccc; }

.view .left .e-main .e-list .e-list-r .top p .icon i { position: absolute; left: 0; top: 0; height: 100%; }

.view .left .e-main .e-list .e-list-r .top p .icon i.b { background-color: #fea900;  }

.view .left .e-main .e-list .e-list-r .top p .icon i.star { background: url(/comment/five-star.png) no-repeat left; z-index: 1; width: 100%; }

.view .left .e-main .e-list .e-list-r .middle { position: relative; line-height: 24px; margin-bottom: 8px; cursor: pointer; }

.mask { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.2); }

.tk-contain { display: none; /*height: 358px;*/ width: 568px; border: 1px solid #ccc; background: #fff; position: fixed; left: 50%; top: 50%; margin-left: -285px; margin-top: -175px; z-index: 9999; -webkit-border-radius: 3px; border-radius: 3px; }

.tk-contain .tk-top { padding: 33px 30px 22px; }

.tk-contain .tk-top i { font-style: normal; }

.tk-contain .tk-top .close { position: absolute; right: 13px; top: 13px; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #888; -webkit-border-radius: 6px; border-radius: 6px; font-size: 18px; color: #fff;  cursor: pointer}

.tk-contain .pj-form { padding-top: 30px; padding-bottom: 30px; }

.tk-contain .pj-form .pj-cell { margin-bottom: 20px; }

.tk-contain .pj-form .pj-cell .left { height: 30px; line-height: 30px; text-align: right; width: 150px; }

.tk-contain .pj-form .pj-cell .left span { color: red;}

.tk-contain .pj-form .pj-cell .right { width: 400px; }

.tk-contain .pj-form .pj-cell .right .select { height: 28px; border: 1px solid #d2d2d2; text-indent: 5px; width: 140px; margin-right: 20px; background: #fff; }

.tk-contain .pj-form .pj-cell .right .select option { font-size: 14px; color: #555; }

.tk-contain .pj-form .pj-cell .right .input { height: 50px; border: 1px solid #d2d2d2;  width: 300px; padding: 5px; }

.tk-contain .pj-form .pj-cell .right .submit { display: block; width: 100px; height: 28px; line-height: 28px; text-align: center; background-color: #62c841; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }

.tk-contain .tj-ss { padding-top: 220px; padding-bottom: 50px;  background: url(/comment/tj-ss.png) no-repeat center 56px; text-align: center; }

.tk-contain .tj-ss .one { margin-bottom: 10px; }

.star-box {
  font-size: 0;
}
.star-item {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #999;
  overflow: hidden;
  cursor: pointer;
}
.star-default {
  background: url("/comment/star.jpg") center center no-repeat;
  background-size: 20px;
}
.star-active {
  background: url("/comment/star-active.jpg") center center no-repeat;
  background-size: 20px;
}

.star-1 {width: 20%;}

.star-2 {width: 40%;}

.star-3 {width: 60%;}

.star-4 {width: 80%;}

.star-5 {width: 100%;}


.all-text {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 10px;
  background: #fff;
  border: 1px solid #eee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  border-radius: 4px;
}
/*.all-text:before {
  content: '';
  position: absolute;
  top: -6px;
  left: 30px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #eee;
}*/
.middle:hover .all-text {
  display: block;
}
.show-text {
  height: 48px;
  overflow: hidden;
}
.tk-contain .right textarea::-webkit-input-placeholder, .tk-contain .right textarea:-moz-placeholder,  .tk-contain .right textarea::-moz-placeholder { color: #999; }