@charset "utf-8";
.crumbsBox {
  width: 100%;
  background-color: #f8f8f8;
}
.crumbsBox .crumbs {
  width: 1200px;
  margin: auto;
  height: 50px;
  overflow: hidden;
}
.crumbsBox .crumbs a {
  margin: 15px 5px;
  font-size: 14px;
  float: left;
  height: 20px;
  line-height: 20px;
}
.crumbsBox .crumbs_s a:hover {
  color: #2798b8;
  text-decoration: underline;
}
.crumbsBox .crumbs_s .a_active {
  color: #2798b8;
}
.crumbsBox .crumbs_l a:hover {
  color: #3eaa7d;
  text-decoration: underline;
}
.crumbsBox .crumbs_l .a_active {
  color: #3eaa7d;
}
.crumbsBox .crumbs span {
  margin: 15px 5px;
  height: 20px;
  float: left;
  padding-left: 7px;
  background: url("../../../images/pc/curmbs.png") no-repeat center;
}
.mouthForm-tit {
  font-size: 20px;
  height: 70px;
  line-height: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.mouth-form {
  width: 100%;
  margin: auto;
}
.mouth-form .form-err {
  line-height: 20px;
  padding-left: 210px;
  color: #ff0000;
}
.mouth-form .form-Box {
  min-height: 40px;
  width:100%;
  position: relative;
 /*  margin: 20px 0; */
}
.mouth-form .subitem_score{
	width:100%;
	height:24px;
	line-height:24px;
	font-size:14px;
	color:#2798b8;
	text-indent:90px;
	position:relative;
	cursor:pointer
}
.mouth-form .subitem_score:before{
	content:"";
	width:auto;
	height:auto;
	border-width:5px ;
	border-color:#2798b8 transparent transparent transparent;
	border-style:solid;
	position:absolute;
	left:150px;
	top:10px;
}
.mouth-form .subitem_score.up:before{
	content:"";
	width:auto;
	height:auto;
	border-width:5px ;
	border-color: transparent transparent #2798b8 transparent;
	border-style:solid;
	position:absolute;
	left:150px;
	top:4px;
}
.mouth-form .subitem{
    width: auto;
    height:  auto;
    margin: 0 0 20px 80px;
    overflow: auto;
    display:none;
}
.mouth-form .form-Box.form-small{
	width:50%;
	float:left;
}
.mouth-form .form-Box.form-small>span{
	margin-left:20px;
	font-size:14px;
	color:#666
}
.mouth-form .form-Box > span {
  position: absolute;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90px;
  left: 0;
  top: 0;
  text-align: left;
  font-size: 16px;
}
.mouth-form .form-Box > span>b{
	color:#e0796d;
	font-size:16px;
	padding-right:2px;
}
.mouth-form .form-Box > div {
  padding-left:90px;
  min-height: 40px;
  line-height: 40px;
  font-size: 16px;
  /* overflow: hidden; */
  margin-top:10px;
}
.mouth-form .form-Box > div .Radio {
  float: left;
  padding-right: 25px;
  position: relative;
  margin-right: 40px;
}
.mouth-form .form-Box > div .Radio input {
  height: 20px;
  width: 20px;
  position: absolute;
  right: 2px;
  top: 10px;
}
.mouth-form .form-Box > div .inputTXT {
  height: 38px;
  padding-left: 10px;
  border: 1px solid #ddd;
  width: 500px;
  font-size: 16px;
}
.mouth-form .form-Box > div .inputTXT:disabled {
  background-color: transparent;
}
.mouth-form .form-Box > div .inputTXT[disabled] {
  background-color: transparent;
}
.mouth-form .form-Box > div .short_lv1_s2 {
  display: block;
  width: 260px;
  height: 40px;
}
.mouth-form .form-Box > div .short_lv1_s2 input {
  width: 500px;
  height: 38px;
  border: 1px solid #ddd;
  outline: 0;
  font-size: 16px;
  padding-left: 10px;
}
.mouth-form .form-Box > div .form-star {
  height: 40px;
  overflow: hidden;
}
.mouth-form .form-Box_s > div .form-star i {
  height: 30px;
  width: 24px;
  float: left;
  background: url("../../../images/pc/shortHouse/mouth-star1.png") no-repeat center;
}
.mouth-form .form-Box_s > div .form-star .i-on {
  background: url("../../../images/pc/shortHouse/mouth-star2.png") no-repeat center;
}
.mouth-form .form-Box_l > div .form-star i {
  height: 30px;
  width: 30px;
  float: left;
  background: url("../../../images/pc/longHouse/mouth-star1.png") no-repeat center;
}
.mouth-form .form-Box_l > div .form-star .i-on {
  background: url("../../../images/pc/longHouse/mouth-star2.png") no-repeat center;
}
.mouth-form .form-Box > div .TxtesArea {
  height:200px;
  width: 740px;
  outline: 0;
  margin-top: 10px;
  border: 1px solid #ddd;
  resize: none;
  padding: 10px;
}
.mouth-form .form-Box > div .picBox {
  overflow: hidden;
}
.mouth-form .form-Box > div .picBox div {
  width: 120px;
  height: 90px;
  margin: 20px 20px 0 0;
  float: left;
  position: relative;
}
.mouth-form .form-Box > div .picBox div i {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
}
.mouth-form .form-Box > div .picBox label {
  display: block;
  width: 120px;
  height: 90px;
  margin: 20px 20px 0 0;
  float: left;
  border: 1px solid #ddd;
  background: url("../../../images/pc/add-pic.jpg") no-repeat center;
}
.mouth-form .form-Box > div .picBox label input {
  display: none;
}
.mouth-form .form-Box > div .user-type {
  overflow: hidden;
  width:100%;
}
.mouth-form .form-Box > div .user-type li {
  float: left;
  height: 28px;
  line-height:28px;
  padding: 0 14px;
  border:1px dashed #999;
  color: #999;
  margin: 5px 10px 5px 0;
  cursor: pointer;
  font-size:14px;
}
.mouth-form .form-Box_s > div .user-type .linOn {
  border-color: #2798b8;
  color:#2798b8;
}
.mouth-form .form-Box_s > div .user-type li:hover{
	border-color: #2798b8;
  	color:#2798b8;
}
.mouth-form .form-Box_l > div .user-type .linOn{
  border: 1px dashed #3eaa7d;
  color: #3eaa7d;
}
.mouth-form .form-Box_l > div .user-type li:hover{
	border: 1px dashed #3eaa7d;
  color: #3eaa7d;
}
.mouth-form .form-Box .starTXTarea .TxtesArea {
  display: none;
}
.mouth-form .form-submit {
  height: 40px;
  /* text-align: center; */
  margin: 40px auto ;
}
.mouth-form .form-submit input {
  height: 36px;
  width: 130px;
  color: #fff;
  font-size: 20px;
  outline: 0;
  cursor: pointer;
  margin-left:80px
}
.mouth-form .form-submit_s input{
  background-color:#2798b8;
  font-size:14px;
} 
.mouth-form .form-submit_l input{
  background-color:#3eaa7d;
} 
/*口碑列表*/
.mouth-list {
  width: 1260px;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 30px;
}
.mouth-list > li {
  width: 340px;
  float: left;
  margin: 0 0 30px 30px;
  height: 150px;
  padding: 19px;
  border: 1px solid #ddd;
  -moz-box-shadow: 0 1px 10px #ddd;
  -webkit-box-shadow: 0 1px 10px #ddd;
  box-shadow: 0 1px 10px #ddd;
  position: relative;
}
/*时间戳start*/
.mouth-list > li .chapter{
	position: absolute;
	top: -30px;
	right: -15px;
	width: 80px;
	height: 80px;
	/*background: rgba(0,0,0,0.3);*/
	overflow: hidden;
	border-radius: 100%;
}
/*时间戳end*/
.mouth-list > li .pic {
  width: 50px;
  height: 50px;
  overflow: hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 20px;
}
.mouth-list > li .txt {
  padding-left: 60px;
}
.mouth-list > li .txt h5 {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}
.mouth-list > li .txt p {
  height: 60px;
}
.mouth-list > li .txt p a {
  display: block;
  max-height: 60px;
  line-height: 20px;
  color: #aaa;
  overflow: hidden;
  text-indent: 24px;
  background: url("../../../images/pc/semicolon1.png") no-repeat left top;
  position: relative;
}
.mouth-list > li .txt p a i {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  height: 20px;
  width: 28px;
  background: url("../../../images/pc/semicolon2.png") no-repeat right center #fff;
}
.mouth-list > li .txt ul {
  height: 50px;
  margin-top: 10px;
  overflow: hidden;
}
.mouth-list > li .txt ul li {
  float: left;
  height: 50px;
  overflow: hidden;
  max-width: 80px;
  margin-right: 10px;
}
.mouth-addMore {
  text-align: center;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 20px auto 60px;
}
.mouth-addMore a {
  font-size: 14px;
  color: #f39800;
}
/*口碑详情*/
.mouth-section {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.mouth-section .mouth-section-lf {
  width: 850px;
  float: left;
  overflow: hidden;
}
.mouth-section .mouth-section-lf .mouth-sectionTop {
  height: 360px;
  width: 500px;
}




























/*口碑详情*/
/*口碑详情*/
.mouth-section {
  width: 1200px;
  margin: 20px auto 40px;
  overflow: hidden;
}
.mouth-section .right-Box {
  float: left;
  width: 330px;
  overflow: hidden;
  padding: 10px;
}
.mouth-section .right-Box .user-txt {
  overflow: hidden;
  width: 290px;
  position: relative;
  padding: 20px;
  border: 1px solid #ddd;
  -moz-box-shadow: 0 1px 10px #ddd;
  -webkit-box-shadow: 0 1px 10px #ddd;
  box-shadow: 0 1px 10px #ddd;
}
.mouth-section .right-Box .user-txt .pic {
  width: 80px;
  height: 80px;
  overflow: hidden;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: 20px;
}
.mouth-section .right-Box .user-txt .txt {
  padding: 0 0 0 100px;
  height: 80px;
}
.mouth-section .right-Box .user-txt .txt h5 {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
}
.mouth-section .right-Box .user-txt .txt p {
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
}
.mouth-section .right-Box .user-txt .shop-txt {
  margin-top: 20px;
  overflow: hidden;
  width: 290px;
  padding-top: 20px;
  position: relative;
  border-top: 1px dashed #ddd;
}
.mouth-section .right-Box .user-txt .shop-txt .bshare-custom.icon-medium a{
	padding-left:0!important;
	width:30px;
	height:30px!important;
}
.mouth-section .right-Box .user-txt .shop-txt  .bshare-custom.icon-medium .bshare-weixin{
	background:url("../../../images/pc/shortHouse/bshareGroup.png") no-repeat -64px 0;
}
.mouth-section .right-Box .user-txt .shop-txt  .bshare-custom.icon-medium .bshare-qzone{
	background:url("../../../images/pc/shortHouse/bshareGroup.png") no-repeat -32px 0;
}
.mouth-section .right-Box .user-txt .shop-txt  .bshare-custom.icon-medium .bshare-qqim{
	background:url("../../../images/pc/shortHouse/bshareGroup.png") no-repeat 0px -32px;
}
.mouth-section .right-Box .user-txt .shop-txt  .bshare-custom.icon-medium .bshare-sinaminiblog{
	background:url("../../../images/pc/shortHouse/bshareGroup.png") no-repeat 0px 0px;
}
.mouth-section .right-Box .user-txt .shop-txt  .bshare-custom.icon-medium .bshare-qqmb{
	background:url("../../../images/pc/shortHouse/bshareGroup.png") no-repeat -32px -32px;
}
.mouth-section .right-Box .user-txt .shop-txt p {
  min-height: 30px;
  line-height: 30px;
  font-size: 14px;
  position: relative;
}
.mouth-section .right-Box .user-txt .shop-txt p span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 70px;
  height: 30px;
}
.mouth-section .right-Box .user-txt .shop-txt p a {
  display: block;
  padding-left: 70px;
  max-height: 60px;
  overflow: hidden;
  color: #3eaa7d;
}
.mouth-section .right-Box .user-txt .shop-txt p b {
  font-weight: normal;
  display: block;
  padding-left: 70px;
  max-height: 60px;
  overflow: hidden;
}
.mouth-section .right-Box .user-txt .share {
  height: 80px;
  background-color: #fff;
  overflow: hidden;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #ddd;
}
.mouth-section .right-Box .user-txt .share span {
  float: left;
  width: 24%;
  overflow: hidden;
  height: 30px;
  padding-top: 50px;
  text-align: center;
  line-height: 20px;
  display: block;
  cursor: pointer;
}
.mouth-section .right-Box .user-txt .share .s1 {
  background: url("../../../images/pc/m-zan.png") no-repeat center 6px;
  background-size: 40px;
}
.mouth-section .right-Box .user-txt .share .s2 {
  background: url("../../../images/pc/m-wx.png") no-repeat center 6px;
  background-size: 40px;
}
.mouth-section .right-Box .user-txt .share .s3 {
  background: url("../../../images/pc/m-fq.png") no-repeat center 6px;
  background-size: 40px;
}
.mouth-section .right-Box .user-txt .share .s4 {
  background: url("../../../images/pc/m-xl.png") no-repeat center 6px;
  background-size: 40px;
}
.mouth-section .right-Box .user-txt .share .on {
  background: url("../../../images/pc/m-zan2.png") no-repeat center 6px;
  background-size: 40px;
}
.mouth-section .left-Box {
  width: 830px;
  float: right;
  overflow: hidden;
  margin: 10px 0 40px ;
}
.mouth-section .left-Box .small-picBox {
  width: 830px;
  height: 100px;
  position: relative;
}
.mouth-section .left-Box .small-picBox > div {
  height: 100px;
  width: 27px;
  position: absolute;
  top: 0;
  background-color: #ddd;
  cursor: pointer;
}
.mouth-section .left-Box .small-picBox > div b {
  border: 5px solid transparent;
  position: absolute;
  left: 50%;
  margin-top: -5px;
  top: 50%;
}
.mouth-section .left-Box .small-picBox .next {
  right: 0;
}
.mouth-section .left-Box .small-picBox .next b {
  border-left: 5px solid #333;
  margin-left: -2px;
}
.mouth-section .left-Box .small-picBox .prev {
  left: 0;
}
.mouth-section .left-Box .small-picBox .prev b {
  border-right: 5px solid #333;
  margin-left: -7px;
}
.mouth-section .left-Box .small-picBox ul {
  width: 775px;
  height: 100px;
  overflow: hidden;
  margin: 0 30px;
}
.mouth-section .left-Box .small-picBox ul li {
  height: 100px;
  width: 150px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  float: left;
  margin-right: 5px;
}
.mouth-section .left-Box .mouthTxt {
  /*margin-top: 20px;*/
/*  padding-top:20px ; */
  overflow: hidden;
  position: relative;
}
.mouth-section .left-Box .mouthTxt:nth-child(1){
	border-bottom:1px dashed #eee
}
.mouth-section .left-Box .mouthTxt:nth-child(2){
	margin-top:10px;
}
.mouth-section .left-Box .mouthTxt>.bar_score{
	width:100%;
	height:30px;
	line-height:30px;
	margin:5px 0 10px 0;
}
.mouth-section .left-Box .mouthTxt>.bar_score>span{
	display:inline-block;
	margin-right:20px;
}
.mouth-section .left-Box .mouthTxt>.bar_score>span strong{
	padding-left:8px;
	color:#2798b8
}
/*时间戳start*/
.mouth-section .left-Box .mouthTxt .chapter{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 100%;
	overflow: visible;
}
/*时间戳end*/
.mouth-section .left-Box .mouthTxt .tit {
  height: 40px;
  overflow: hidden;
}

.mouth-section .left-Box .mouthTxt .tit .form-star {
  float: left;
  height: 40px;
  overflow: hidden;
}
.mouth-section .left-Box .mouthTxt .tit .form-star_s i {
  height: 40px;
  width: 26px;
  float: left;
  background: url("../../../images/pc/shortHouse/mouth-star1.png") no-repeat center;
}
.mouth-section .left-Box .mouthTxt .tit .form-star_s .i-on {
  background:url("../../../images/pc/shortHouse/mouth-star2.png") no-repeat center;
}
.mouth-section .left-Box .mouthTxt .tit .form-star_l i {
  height: 40px;
  width: 26px;
  float: left;
  background: url("../../../images/pc/longHouse/mouth-star1.png") no-repeat center;
}
.mouth-section .left-Box .mouthTxt .tit .form-star_l .i-on {
  background:url("../../../images/pc/longHouse/mouth-star2.png") no-repeat center;
}
.mouth-section .left-Box .mouthTxt .tit .form-star>span{
  display:inline-block;
  width:auto;
  height:40px;
  line-height:44px;
  font-size:16px;
  margin-left:10px;
}
.mouth-section .left-Box .mouthTxt .tit .form-star>span>b{
	color:#2798b8;
	font-size:22px;
	padding:0 4px;
}
.mouth-section .left-Box .mouthTxt .tit > span {
  float: left;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.mouth-section .left-Box .mouthTxt > pre{
  padding: 0 10px;
  line-height: 22px;
  overflow: hidden;
  font-size:14px;
  color:#333;
  white-space: pre-wrap;       
  white-space: -moz-pre-wrap;  
  white-space: -pre-wrap;      
  white-space: -o-pre-wrap;    
  word-wrap: break-word;
  font-family:"微软雅黑", Arial, Helvetica, sans-serif !important
}
.pp_wapper{
	width:1200px;
	height:auto;
	margin:40px auto;
	overflow: auto;
}
.pp_left{
	width: 858px;
	height: auto;
	float: left;
	border:1px solid rgba(39, 152, 184,0.2);
	padding:0 20px;
	position:  relative;
	padding-top: 120px;
}
.pp_right{
	width: 250px;
	height: auto;
	float: left;
	padding:0 15px;
	margin-left:20px;
	background: rgba(39, 152, 184,0.2);
	box-sizing:  border-box;
}
.pp_right>h5{
	width:auto;
	height:40px;
	line-height:40px;
	font-size:14px;
}
.pp_right>ul{
	width:100%;
	height:auto;
}
.pp_right>ul>li{
	width:auto;
	font-size:14px;
	color:#666;
	margin-bottom:10px;
}
.pp_right>ul>li>a.see_more{
	color:#2798b8
}
.house_information{
	width:auto;
	height:auto;
	padding:10px;
	border:1px solid #eee;
	overflow:auto;
	margin-bottom:10px;
	position:relative;
	background:#f8f8f8;
}
.pp_left>.house_information{
	border:none;
	position:  absolute;
	left:  0;
	top: 0;
	width: 878px;
}
.house_information .pic_box{
	display:block;
	float:left;
	width:120px;
	height:80px;
	margin-right:12px;
}
.house_information .text{
	display:block;
	float:left;
}
.house_information .text>.title{
	width:auto;
	height:26px;
	line-height:26px;
	font-size:14px;
}
.house_information .text>.address{
	width:auto;
	height:22px;
	line-height:22px;
	font-size:12px;
	color:#666
}
.house_information .text>.score{
	width:auto;
	height:22px;
	line-height:22px;
	font-size:12px;
	color:#333
}
.house_information .text>.score span{
	width:80px;
	height:10px;
	background:#2798b8;
	display:inline-block;
	margin-right:10px;
	margin-top:10px;
}
.house_information .price{
	font-size:20px;
	position:absolute;
	right:26px;
	top:16px;
	color:#2798b8
}
.house_information .price>small{
	font-size:14px;
	padding-left:4px;
}
.house_information .read_detail{
	font-size:12px;
	padding-left:4px;
	color:#2798b8;
	position:absolute;
	right:26px;
	top:50px;
}
.mouth-modelpices {
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  display: none;
}
.mouth-modelpices .left-picBox {
  height: 450px;
  width: 850px;
  padding: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  margin-left: -445px;
  top: 50%;
  margin-top: -245px;
}
.mouth-modelpices .left-picBox .bigPic {
  float: left;
  width: 720px;
  height: 450px;
  position: relative;
}
.mouth-modelpices .left-picBox .bigPic .left {
  width: 40px;
  height: 66px;
  overflow: hidden;
  position: absolute;
  display: block;
  left: 10px;
  cursor: pointer;
  top: 50%;
  margin-top: -33px;
  background: url("../../../images/pc/focusBtn.png") no-repeat left top;
}
.mouth-modelpices .left-picBox .bigPic .left:hover {
  background: url("../../../images/pc/focusBtn.png") no-repeat left bottom;
}
.mouth-modelpices .left-picBox .bigPic .right {
  width: 40px;
  height: 66px;
  overflow: hidden;
  position: absolute;
  display: block;
  right: 10px;
  top: 50%;
  cursor: pointer;
  margin-top: -33px;
  background: url("../../../images/pc/focusBtn.png") no-repeat right top;
}
.mouth-modelpices .left-picBox .bigPic .right:hover {
  background: url("../../../images/pc/focusBtn.png") no-repeat right bottom;
}
.mouth-modelpices .left-picBox .small-picBox {
  float: left;
  margin-left: 9px;
  width: 120px;
  height: 450px;
  position: relative;
}
.mouth-modelpices .left-picBox .small-picBox > div {
  height: 30px;
  width: 120px;
  position: absolute;
  left: 0;
  background-color: #ddd;
  cursor: pointer;
}
.mouth-modelpices .left-picBox .small-picBox > div b {
  border: 5px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  top: 50%;
}
.mouth-modelpices .left-picBox .small-picBox .next {
  bottom: 0;
  height: 27px;
}
.mouth-modelpices .left-picBox .small-picBox .next b {
  border-top: 5px solid #333;
  margin-top: -2px;
}
.mouth-modelpices .left-picBox .small-picBox .prev {
  top: 0;
}
.mouth-modelpices .left-picBox .small-picBox .prev b {
  border-bottom: 5px solid #333;
  margin-top: -5px;
}
.mouth-modelpices .left-picBox .small-picBox ul {
  width: 120px;
  height: 390px;
  margin-top: 30px;
  overflow: hidden;
}
.mouth-modelpices .left-picBox .small-picBox ul li {
  height: 75px;
  width: 120px;
  margin-top: 3px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.mouth-modelpices .left-picBox .small-picBox ul li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
}
.mouth-modelpices .left-picBox .small-picBox ul .liOn span {
  background-color: transparent;
}
.mouth-modelpices .left-picBox .close {
  position: absolute;
  width: 50px;
  height: 50px;
  display: block;
  right: -25px;
  top: -25px;
  cursor: pointer;
}

#subComment .commentFllow{
	width:100%;
	height:auto;
	background:#fff;
	margin-bottom:10px;
	position:relative;
	margin-top:30px
}
#subComment .commentFllow:after{
	content:"";
	width:0;
	height:0;
	border-width:15px;
	border-style:solid;
	border-color:transparent transparent #f9f9f9 transparent;
	position:absolute;
	top:-30px;
	right:145px;
}
#subComment .commentFllow>li{
	border:none;
	padding:5px 10px;
	/* margin-bottom:8px; */
	/* background:#f9f9f9; */
	border-bottom:1px dashed #eee;
	height:auto;
	min-height:45px;
}
/* #subComment .commentFllow li>pre{ */
/*   overflow: hidden; */
/*   font-size:14px; */
/*   line-height:24px; */
/*   white-space: pre-wrap; */
/*   white-space: -moz-pre-wrap; */
/*   white-space: -pre-wrap; */
/*   white-space: -o-pre-wrap; */
/*   word-wrap: break-word; */
/*   float: left; */
/*   width: 670px; */
/*   height: auto; */
/* } */
#subComment .commentFllow>li>.df_pic_box{
	float:left;
	margin: 5px 5px 0 0;
}
#subComment .commentFllow>li>.df_pic_box .df_pic{
	float:left;
	width:30px;
	height:30px;
	overflow:hidden;
	border-radius:100%;
	margin:0 auto;
}
#subComment .commentFllow>li>pre{
	 padding: 0 10px;
  line-height: 22px;
  overflow: hidden;
  color:#333;
  white-space: pre-wrap;       
  white-space: -moz-pre-wrap;  
  white-space: -pre-wrap;      
  white-space: -o-pre-wrap;    
  word-wrap: break-word;
  font-family:"微软雅黑", Arial, Helvetica, sans-serif !important

}
#subComment .commentFllow>li>pre>.nickname{
	font-size:12px;
	color:#f39800;
	line-height:24px;
	padding:0 3px;
	margin-top:0
}
#subComment .commentFllow>li>pre>span{
	font-size:14px;
	color:#333;
	padding:0 4px;
}
#subComment .commentFllow>li>p{
	float:right;
	color:#adadad;
	margin-top:5px;
}
#subComment .commentFllow>li>p>a{
	margin-right:10px;
	color:#adadad
}
#subComment .pagingAndspeak{
	width:auto;
	height:26px;
	text-align:right;
/* 	display:none; */
	float:right;
	margin-top:12px;
}
#subComment .pagingAndspeak>span{
	margin-right:5px;
	padding:5px 8px;
	background:#f9f9f9;
	color:#666;
	border:1px solid #eee;
	cursor:pointer
}
#subComment .d_text_footer_lv2{
   /*  height: 30px; */
    width:808px;
    overflow: hidden;
    border: 1px solid #eee;
    padding: 10px;
    background-color: #f9f9f9;
    margin-bottom: 20px;
/*     display: none; */
}
#subComment .d_text_footer_lv2>textarea{
	 width:788px; 
	/*  max-width:680px; */
	 padding: 10px; 
	 height:24px;
	 min-height: 24px; 
	 max-height:250px;
	 line-height: 24px; 
	 margin: 0px; 
	 height: 83px;
	 background:#fff;
	 border:1px solid #fff;
	 outline:none;
}
#subComment .d_text_footer_lv2>textarea:focus{
	border:1px solid #eee
}
#subComment .d_text_footer_lv2 input{
    width:615px;
    height: 28px;
    border: 1px solid #ddd;
    outline: 0;
    padding-left: 10px;
}
#subComment .d_text_footer_lv2 a{
    display: inline-block;
    height: 26px;
    width: 70px;
    background-color: #2798b8;
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin-left: 10px;
}

.developer_right_page{
	width:auto;
	height:40px;
	overflow:hidden;
	text-align:right;
}
.developer_right_page p{
	float:right
}
.developer_right_page p>a{
	display:inline-block;
	padding:4px 10px;
	border:1px solid #2798b8;
	color: #2798b8;
	margin:8px 2px;
}
.developer_right_page p>a:hover{
	border-color:#2798b8;
	color:#2798b8
}
.developer_right_page p .pagingSelected{
	background:#2798b8;
	color:#fff
}
.pageDeatils{
	margin:20px 0;
	
}
.a_c_f{
	text-align:left;
	float:left;
	margin-top:0;
}
.pageDeatils a{
	color:#ccc  !important;
	border:1px solid #ccc !important;
}
.pageDeatils p .pagingSelected{
	background:#2798b8 !important;
	color:#fff !important
}