@charset "UTF-8";
.cda-detail{ background: #fff; padding: 20px; box-sizing: border-box;}
.cda-detail .cda-detail-top{ font-size: 12px; color: #999;}
.cda-detail .cda-detail-top dt img{ width: 60px; height: 60px; border-radius: 50%; float: left;}
.cda-detail .cda-detail-top dd{ float: left; margin-left: 20px;}
.cda-detail .cda-detail-top .username{ margin-top: 15px;}
.cda-detail .cda-detail-top h2{ clear: both; font-size: 20px; line-height: 1.5; padding: 30px 0; color: #000;}
.cda-detail .cda-detail-top .cda-detail-top-tags{ float:left; margin-top: 22px;}
/*.cda-detail .cda-detail-top .cda-detail-top-tags a{*/
/*  background: #f8f8f8;*/
/*  border: 1px solid #dfdfdf;*/
/*  padding: 3px 10px;*/
/*  display: inline-block;*/
/*  border-radius: 3px;*/
/*  margin-right: 10px;*/
/*}*/
.cda-detail .cda-detail-top .cda-detail-top-tags a{
  padding: 3px 10px;
  border: 1px solid #a9cadc;
  background: #d4e6f0;
  border-radius: 3px;
  color: #1f57a2;
  margin-right:10px;
}
.cda-detail-ck .click-concern {
  margin-right:0
}
.publishBtn {
  margin-top: 8px;
  padding-top: 10px;
  margin-bottom: 17px;
}
.cda-detail .cda-detail-top .cda-detail-top-tags a:hover{ background: #f5c8be; border: 1px solid #de4d2d; color: #de4d2d;}
.cda-detail .cda-detail-box{ box-sizing: border-box; overflow: hidden; font-size: 14px; line-height: 1.5;}
.cda-detail .cda-detail-box img{ max-width:860px; }
.cda-detail .cda-detail-box pre{
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
/*评论*/
.cda-detail-fastposteditor{ border-top: 1px solid #ececec;padding: 20px 0; overflow: hidden; display: block;}
.cda-detail-fastposteditor h2{ font-size: 16px; padding:10px 0 10px 0px;}
.cda-detail-fastposteditor h2 b{ border-left: 3px solid #0080a7; padding-left: 10px;}
.cda-detail-fastposteditor h2 span{ font-weight: normal; font-size: 12px; margin-left: 5px;}
.cda-detail-fastposteditor .fteditor{ overflow: hidden;}
#commentSubmit{background: #00538f; border: none; cursor: pointer;
    font-size: 14px; float: right;
    display: block;
    border-radius: 3px;
    line-height: 1;
    text-align: center;
    display: block;
    color: #fff;
    padding: 8px 30px;
    margin-top: 15px;}
#commentSubmit i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(/static_pgc/image/qianbi.png) center center no-repeat;
}
#commentSubmit:hover{ background: #dd4928;}

.replythread-box{margin: 30px 0;}
.replythread-box .replythread-box-re{display: flex;align-items: flex-start;}
.replythread-box .replythread-box-re .avatar img{width: 40px;height: 40px;border: 1px solid #eee;border-radius: 50%;overflow: hidden;}
.cda-detail-ck{ padding: 40px 0; text-align: right; clear: both;}


.replythread-box .replythread-box-re .replythread-box-con{flex-grow: 1;margin-left: 10px;margin-bottom: 20px;padding-bottom: 16px;border-bottom: 1px solid #eee;}
.replythread-box .replythread-box-re .replythread-box-con .username{display: flex;align-items: center;font-size: 15px;font-weight: 500;}
.replythread-box .replythread-box-re .replythread-box-con .time{margin-top: 2px;font-size: 12px;color: #969696;}
.replythread-box .replythread-box-re .replythread-box-con .content{margin-top: 10px;font-size: 14px;line-height: 1.5;word-break: break-word;}
.replythread-box .replythread-box-re .replythread-box-con .content img{ max-width: 100%; height: auto;}
.replythread-box .replythread-box-re .replythread-box-con .content-re{margin-top: 20px;}
.replythread-box .replythread-box-re .replythread-box-con .content-reli{padding: 20px 0 16px;border-top: 1px solid #eee;}
.replythread-box .replythread-box-re .replythread-box-con ._3d_vFY{display: flex; float: left;margin-right: 10px;}

.replythread-box .replythread-box-re .replythread-box-con pre{
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}


/*right*/
/*推荐帖子*/
.cda-detail-r-tj{ padding: 20px;}
.cda-detail-r-tj li{ padding: 20px 0; border-bottom: 1px solid #ececec;}
.cda-detail-r-ava{font-size: 12px; color: #999; width: 100%; overflow: hidden; }
.cda-detail-r-ava dt,.cda-detail-r-ava dd{ padding: 0; margin: 0;vertical-align: top; float: left;}
.cda-detail-r-ava dd{ width:190px; margin: 5px 0 0 10px;}
.cda-detail-r-ava dd span{ float: right;}
.cda-detail-r-ava dt img{ width: 40px; height: 40px; border-radius: 50%;}
.cda-detail-r-tj h4{ font-size: 14px; line-height: 1.5; padding: 10px 0;}
.cda-detail-r-tj p{line-height: 1.5; font-size: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cda-detail-r-tj p a{ color: #999;}



/*用户中心*/
.user-left{ min-height: 500px;}
.user-left .user-avatar{ text-align: center; margin: 80px 0 50px;}
.user-left .user-avatar img{ width: 100px; height: 100px; border-radius: 50%; border: 4px solid #eee;}
.user-left .user-nav{}
.user-left .user-nav li{ width: 100%; line-height: 45px; text-align: center; margin-bottom: 1px;  }
.user-left .user-nav li a{color: #333; display: block;}
.user-left .user-nav li.on{ background: #015293; }
.user-left .user-nav li.on a,.user-left .user-nav li:hover a{color: #fff;}
.user-left .user-nav li:hover{background: #015293; }

.user-right{ padding: 20px; min-height:700px;}
.user-right .user-info{ color: #70899d; padding: 50px 0 50px 40px; font-size: 14px;}
.user-right .user-info li{ margin-bottom: 10px;}
.user-right .user-info i{ margin-right: 10px;}

.user-conlist{ margin-top: 0px;}
.user-conlist .user-connav{ border-bottom: 1px solid #ededed;}
.user-conlist .user-connav li{ display: inline-block;}
.user-conlist .user-connav li a{ padding: 10px 30px; display: block; font-weight: bold;}
.user-conlist .user-connav li.on a,.user-conlist .user-connav li a:hover{ border-bottom: 2px solid #015293;}

.user-connbox{}
.user-list-wz{ padding: 20px 0;}
.user-list-wz .user-list-wz-li{ border-bottom: 1px solid #ededed; padding: 20px 0; clear: both; display: block;}
.user-list-wz .user-list-wz-li h2{ font-size: 16px; line-height: 40px;}
.user-list-wz .user-list-wz-li p{ font-size: 14px; }
.user-list-wz .user-list-wz-li dl{ padding: 20px 0 0; display: block; height: 60px; width: 100%;}
.user-list-wz .user-list-wz-li dt,.user-list-wz .user-list-wz-li dd{ display: inline-block;}
.user-list-wz .user-list-wz-li dt{ margin-right: 10px;}
.user-list-wz .user-list-wz-li dt img{ width: 40px; height: 40px; border-radius: 50%;}
.user-list-wz .user-list-wz-info{}
.user-list-wz .cda-detail-top-tags{ vertical-align: top; margin:12px 0 0 30px;}
.user-list-wz .cda-detail-top-tags a{background: #f8f8f8;border: 1px solid #dfdfdf; font-size: 12px; padding: 3px 10px;display: inline-block;border-radius: 3px;margin-right: 10px;}
.user-list-wz .user-list-wz-li .username{ font-size: 12px; color: #999; vertical-align: top; margin-top: 5px;}
.user-list-wz .user-list-wz-li .username p{ font-size: 12px;}

.user-list-pl{ padding: 20px 0;}
.user-list-pl .user-list-pl-box{ padding: 20px 0px; border-bottom: 1ps solid #ececec; display: block; overflow: hidden;}
.user-list-pl .user-list-pl-box .user-list-pl-box-info{ background: #f5fafd; margin: 20px 0; padding: 20px;}
.user-list-pl .user-list-pl-box ._2GXD2V{ padding: 0 20px;}
.user-list-pl .user-list-pl-box h2{ padding: 0 20px;}
.user-list-pl .user-list-pl-box .username{ font-size: 12px; color: #999; vertical-align: top; margin-top: 5px;}
.user-list-pl .user-list-pl-box .username p{ font-size: 12px;}
.user-list-pl .user-list-pl-box dl{ padding: 0px 0 0; display: block; height: 40px; width: 100%;}
.user-list-pl .user-list-pl-box dt,.user-list-pl .user-list-pl-box dd{ display: inline-block;}
.user-list-pl .user-list-pl-box dt{ margin-right: 10px;}
.user-list-pl .user-list-pl-box dt img{ width: 40px; height: 40px; border-radius: 50%;}
.user-list-pl .user-list-pl-box .content{ vertical-align: top; margin-left: 20px; font-size: 14px;}

.user-list-fs{ margin: 0 auto; width: 96%; padding: 20px 0;}
.user-list-fs li{ width: 16%; float: left; text-align: center; padding: 20px 0; font-size: 12px;}
.user-list-fs li img{ width: 80px; height: 80px; border-radius: 50%;}
.user-list-fs .xhgz{background: #f8f8f8;border: 1px solid #dfdfdf;padding: 3px 10px;border-radius: 3px; margin-top: 15px;}
.user-list-fs .gz{background: #d2f0fb;border: 1px solid #87cde6;padding: 3px 10px;border-radius: 3px; margin-top: 15px;}

.user-list-gzz{ margin: 0 auto; width: 96%; padding: 20px 0;}
.user-list-gzz li{ width: 16%; float: left; text-align: center; padding: 20px 0; font-size: 12px;}
.user-list-gzz li img{ width: 80px; height: 80px; border-radius: 50%;}
.user-list-gzz .xhgz{background: #f8f8f8;border: 1px solid #dfdfdf;padding: 3px 10px;border-radius: 3px; margin-top: 15px;}
.user-list-gzz .gz{background: #d2f0fb;border: 1px solid #87cde6;padding: 3px 10px;border-radius: 3px; margin-top: 15px;}


.user-list-jl li{ width: 48%; float: left; margin: 20px 1% 0px 1%;  background: #f5fafd; font-size: 12px; padding: 20px; }
.user-list-jl dt,.user-list-jl dd{ display: inline-block; vertical-align: middle;}
.user-list-jl dd{display: inline; color: #015293; padding-top: 12px; line-height: 40px;}
.user-list-jl dd b{background: #d2f0fb;border: 1px solid #92cfe5;padding: 3px 10px;border-radius: 3px;}

.user-infoedlit{}
.user-infoedlit .avatarimg{ border-radius: 5px; width: 80px; height: 80px;}




.banner {
  width: 1200px;
  margin: 0px auto;
  margin-top: 20px;
}

@media screen and (max-width: 300px) {
  body {
      background-color:lightblue;
  }
}

.banner .banner-left {
  width: 238px;
  height: 620px;
  background: white;
  float: left;
}

.banner .banner-left dl {
  width: 238px;
  height: 190px;
  text-align: center;
}

.banner .banner-left dl dt {
  width: 80px;
  height: 80px;
  text-align: center;
  background: #ccc;
  border-radius: 50%;
  margin-top: 40px;
  margin-left: 80px;
}
.banner .banner-left dl dt img{
  width:100%;
  height:100%;
}
.banner .banner-left dl dd {
  margin-top: 10px;
  color: #c7c7c7;
}

.banner .banner-left .banner-middle div {
  width: 238px;
  height: 56px;
  text-align: center;
  line-height: 56px;
}
.banner-middle-ul{
  width: 238px;
  height: 56px;
  margin-left:40px;
}
.banner-middle-ul li{
    margin-top:10px;
    position:relative;
}
.banner-middle-ul li span img{
  position:absolute;
  left:-22px;
  top:2px;
}
.banner-middle-ul li .spaner{
  width:21px;
  height:21px;
}
.banner-middle-ul li .spaner img{
  width:21px;
  height:21px;
}
.banner .banner-left .banner-middle  .banner-chuang .banner-right{
  position: relative;
  top:-283px;
  left:500px;
}
.banner .banner-left .banner-middle div:hover {
  width: 238px;
  height: 56px;
  background: #e7e7e7;
  font-size: 20px;
}

.banner .banner-right{
  width: 938px;
  /*height: 620px;*/
  background: white;
  margin-left: 22px;
  float: right;
}

.banner .banner-right .banner-right-top {
  width: 260px;
  height: 140px;
  padding-left: 40px;
  font-size: 14px;
  padding-top: 20px;
  color: #424242;
}

.banner .banner-right .banner-right-top li {
  margin-top: 10px;
  position: relative;
}

.banner .banner-right .banner-right-top li span {
  height: 18px;
  position: absolute;
  top: 5px;
}

.banner .banner-right .banner-right-top li img {
  width: 18px;
  height: 18px;
  margin-top: 5px;
}

.banner .banner-right .banner-right-top li .imges {
  position: absolute;
  left: 135px;
}
.banner .banner-right .banner-fotter .banner-fotter-top .daohang {
  width: 800px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #ededed;
  margin-left: 30px;
}
.banner .banner-right .banner-fotter .banner-fotter-top .daohang span {
  width: 66px;
  height: 50px;
  text-align: center;
  color: #909090;
  display: inline-block;
  margin: 0px 10px;
}
.banner .banner-right .banner-fotter .banner-fotter-top .daohang span:hover {
  color: red;
  border-bottom: 1px solid red;
}
.banner .banner-right .banner-fotter .banner-fotter-top .daohang span a{
  text-decoration: none;
  color: #909090;
}
.banner-fotter-top .banner-fotter-shang {
  width: 880px;
  /*height: 180px;*/
  margin: 0px auto;
  /*border: 1px solid #ccc;*/
}
.shangtop{
  width:880px;
  border-bottom: 1px solid #ccc;
  /*background: red;*/
}
.shangtop h2{
  margin-top:5px;
}
.banner-fotter-top .banner-fotter-shang .banner-fotter-yong {
  width:880px;
  height:40px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.banner-fotter-top .banner-fotter-shang .banner-fotter-yong dl {
  height: 40px;
  display: flex;
  float: left;
}

.banner-fotter-top .banner-fotter-shang .banner-fotter-yong dl dd {
  /*flex: 1;*/
  margin-left: 5px;
  color:#b9b9b9;
}
.banner-fotter-top .banner-fotter-shang .banner-fotter-yong dl dd p span a{
  text-decoration: none;
  flex: 1;
  color:#b9b9b9;
}

.banner-fotter-top .banner-fotter-shang .banner-daan {
  width: 880px;
  height: 70px;
  color: #cfcfcf;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /*设置具体的行数*/
  overflow: hidden;
}

.banner-fotter-top .banner-fotter-shang .banner-fotter-yong dl dt {
  width: 40px;
  height: 40px;
  background: #ccc;
  border-radius: 50%;
}


.banner-fotter-top .banner-fotter-shang .banner-fotter-yong dl dt img {
  width: 40px;
  height: 40px;
  background: #ccc;
  border-radius: 50%;
}


.banner-fotter-top .banner-fotter-shang .banner-fotter-yong .banner-yong-hu {
  height:30px;
  line-height: 30px;
  float: right;
}

.banner-fotter-top .banner-fotter-shang .banner-fotter-yong .banner-yong-hu span {
  color: #bcb2a5;
  font-size: 16px;
}

.banner-fotter-top .banner-fotter-shang .banner-fotter-yong .banner-yong-hu span img {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.banner-fotter-top .banner-fotter-shang .banner-fotter-yong .banner-yong-hu .banner-kao-bei {
  /*width:100px;*/
  /*height: 40px;*/
  padding:0px 10px;
  background: #fbf6f1;
  color: #d5cbbd;
  border: 1px solid #ccc;
  position:relative;
  padding-left:20px;
}

.banner-fotter-top .banner-fotter-shang .banner-fotter-yong .banner-yong-hu .banner-kao-bei img {
  width: 16px;
  height: 16px;
  margin-top: 5px;
  position:absolute;
  top:-3px;
  left:2px;
}

.banner-fotter-top .banner-fotter-shang .banner-fotter-yong p span {
  padding: 0px 5px;
}
 /* personal data */
.banner-personal{
  width:840px;
  height:60px;
  line-height:40px;
  margin:0px auto;
}
.banner-personal dl{
  width:100px;
  height:40px;
  display:flex;
  float:left;
}
.banner-personal  dl dd{
  flex:1;
  margin-left:5px;
  color:#b9b9b9;
}
.banner-personal  dl dt{
   width:40px;
   height:40px;
   line-height:40px;
   background:#ccc;
   border-radius:50%;
}
.banner-personal .ptd{
  width:647px;
  height:40px;
  float:right;
}
.banner-personal .ptd span{
  padding:0px 10px;
  color:#aeaeae;
}
.banner-personal .ptd button{
  width:120px;
  height:30px;
  color:white;
  float:right;
  border:none;
  background:#a6937e;
  border-radius:3px;
}
.banner-personal .ptd button a{
 text-decoration:none;
 color:white;
}
/* person */
.banner-zheng{
  width:840px;
  height:470px;
  margin:0px auto;
}
.banner-zheng dl{
  width:240px;
  height:100px;
  display:flex;
  position: relative;
}
.banner-zheng dl dd{
  flex:1;
  margin-left:10px;
  color:#285e80;
  width:120px;
  height:30px;
  line-height:30px;  font-size: 14px;
  border-radius:3px;
  background:#d2f0fb; border: 1px solid #57abda;
  margin-top:70px;
  text-align:center;
}
.banner-zheng dl dt{
  width:100px;
  height:100px;
  line-height:100px;
}

.banner-zheng dl dt img{
  width:100px; border-radius: 5px;
  height:100px;

}
.banner-zheng dl dt input{
  width:100px;
  height:100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}




.banner-zheng ul{
    margin-top:27px;
}
.banner-zheng ul li p{
  margin:10px 0px;
}
.banner-zheng ul li p textarea{
  width: 840px;
  height:80px; border-color: #dfdfdf; border-radius: 5px; max-width: 840px; padding: 10px;
}
.banner-zheng ul li p input{
  width:840px;
  height:38px;border:1px solid #dfdfdf; border-radius: 5px; max-width: 840px; border-width: 1px;padding: 0px 10px;
}
.banner-zheng ul li button{
  border:none;
  width:100px;
  height:30px; margin-top: 20px;
  background:#00538f;
  color:white;
  border-radius:5px;
}
/* 评论 */
.banner-ping .pl{
   margin-top:10px;
   margin-left:10px;
   color:#d3d3d3;
}
.banner-ping{
  width:545px;
  /*height:320px;*/
  border:1px solid #ccc;
  margin-top:25px;
  margin-left:38px;
}
.banner-ping-zhong{
  width:500px;
  height:220px;
  margin:0px auto;
  margin-top:20px;
  color:#8b8b8b;
}
.banner-ping-zhong dl{
  width:120px;
  height:40px;
  display:flex;
  margin-top:12px;
  margin-bottom:25px;
}
.banner-ping-zhong dl dd{
  flex:1;
  margin-left:10px;
  color:#b9b9b9;

}
.banner-ping-zhong dl dd .banner-ps{
  color:#b6a998;
}
.banner-ping-zhong dl dt{
  width:40px;
  height:40px;
  background:#ccc;
  border-radius:50%;
}
.banner-ping-zhong dl dt img{
  width:40px;
  height:40px;
}
.banner-ping-zhong .py{
  margin-left:350px;
  margin-top:20px;
}
.banner-ping-zhong .py span{
  padding:0px 2px;
}
.banner-ping-zhong .py span img{
  width:16px;
  height:16px;
}
.banner-ping-zhong p{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.banner-ping-yong{
   width:500px;
   height:60px;
   border:1px solid #ccc;
   margin:0px auto;
   margin-top:15px;
}

.banner-ping-yong h3{
    color:black;
}
/* 粉丝 */
.banner-fensi{
   width:550px;
   /*height:320px;*/
   border:1px solid #ccc;
   margin-left:40px;
   margin-top:20px;
}
.banner-fensi ul li{
  width:550px;
  height:80px;
  line-height:80px;
  border-bottom:1px solid #ccc;
}
.banner-fensi ul li dl{
  width:300px;
  height:80px;
  line-height:80px;
  display:flex;
  float: left;
}
.banner-fensi ul li dl dd{
  flex:1;
  margin-left:10px;

}
.banner-fensi ul li dl .dt-fen{
  width:50px;
  height:50px;
  margin-top:20px;
  margin-left:38px;
  /*background:#ccc;*/
  /*border-radius:50%;*/
}
.banner-fensi ul li dl .dt-fen img{
  width:100%;
  height:100%;
  border-radius:50%;
}
.banner-fensi ul li button{
   width:70px;
   height:30px;
   line-height:30px;
   background:#a6937e;
   color:white;
   border:none;
   margin-top:20px;
   margin-left:140px;
}
/* 关注中 */
.banner-guanzhu{
  width:550px;
  /*height:320px;*/
  border:1px solid #ccc;
  margin-left:40px;
  margin-top:20px;
}
.banner-guanzhu ul li{
 width:550px;
 height:80px;
 line-height:80px;
 border-bottom:1px solid #ccc;
}
.banner-guanzhu ul li dl{
 width:300px;
 height:80px;
 line-height:80px;
 display:flex;
 float: left;
}
.banner-guanzhu ul li dl dd{
 flex:1;
 margin-left:10px;

}
.banner-guanzhu ul li dl dt{
 width:50px;
 height:50px;
 margin-top:20px;
 margin-left:38px;
 /*background:#ccc;*/

}

.banner-guanzhu ul li dl dt img{
  width:100%;
  height: 100%;
  border-radius:50%;
}

.banner-guanzhu ul li button{
  width:70px;
  height:30px;
  line-height:30px;
  border:none;
  margin-top:20px;
  margin-left:140px;
  border-radius:3px;
}
/* 钱包 */
.banner-qianbao{
  width:550px;
  height:380px;
  margin-left:40px;
  margin-top:22px;
}
.banner-qianbao .qianbao-p{
  width:550px;
  height:50px;
  line-height:50px;
  border:1px solid #eaeaea;
  color:#4f4f4f;
}
.banner-qianbao .qianbao-p img{
  position: relative;
  top:2px;
}
.banner-qianbao .qianbao-p .qianbao-span{
    float:right;
}
.banner-qianbao dl{
  width:120px;
  height:17px;
  display:flex;
  margin-top:25px;
}
.banner-qianbao dl dd{
  flex:1;
  margin-left:10px;
  color:black;
  font-weight:bolder;
  font-size:20px;

}
.banner-qianbao dl dt{
  width:4px;
  height:17px;
  background:red;
  margin-top:5px;
}
.qianbao-bottom{
  margin-top:25px;
}
.qianbao-ps{
  margin-top:20px;
  font-size:13px;
  margin-bottom:10px;
}
.qianbao-ps span{
  color:red;
  font-size:12px;
}
.qiao-zhuanhuan{
  width:240px;
  height:80px;
}
.qiao-zhuanhuan input{
  width:88px;
  height:30px;
  border-radius:3px;
  border:none;
  border:1px solid #ccc;
  text-align:center;
}
.qiao-zhuanhuan .ipt{
  background:#ccc;
}
.qiao-zhuanhuan span{
  position: relative;
}
.qiao-zhuanhuan span b{
  position: absolute;
  top:-10px;
  left:7px;
}
.qiao-zhuanhuan .que button{
  width:90px;
  height:30px;
  background:red;
  border-radius:3px;
  border:none;
  margin-left:70px;
  margin-top:10px;
  color:white;
}
.qianbao-bottom .qianbao-jilu{
  width:201.8px;
  height:68px;
  border:1px solid #ccc;
  margin-top:20px;
}
.qianbao-bottom .qianbao-jilu p span{
  width:110px;
  height:22px;
  padding:0px 14.2px;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  text-align:center;
}
.qianbao-bottom .qianbao-jilu .pd{
  text-align: center;
  height:45px;
  line-height:45px;
  color:#ccc;
}
/* 奖励 */
.banner-jiangli{
  width:550px;
  /*height:320px;*/
  border:1px solid #ccc;
  margin-left:40px;
  margin-top:20px;
}
.banner-jiangli ul li{
 width:550px;
 height:80px;
 /* line-height:80px; */
 border-bottom:1px solid #ccc;
}
.banner-jiangli ul li dl{
 width:400px;
 height:80px;
 /* line-height:80px; */
 display:flex;
 float: left;
}
.banner-jiangli ul li dl dd{
 flex:1;
 margin-left:10px;
 height:35px;
 line-height:35px;
 margin-top:5px;

}
.banner-jiangli ul li dl dd p span{
  color:red;
}
.banner-jiangli ul li dl dt{
 width:40px;
 height:40px;
 margin-top:20px;
 margin-left:38px;
 border-radius:50%;
}
.banner-detail{
  width:1200px;
  height:100%;
  margin:0px auto;
  margin-top:20px;
}
/* 无数据 */
.banner-wushuer{
   width:100%;
   height:300px;
   text-align: center;
}
.banner-wushuer dl{
   height:300px;
   margin-top:150px;
}
.banner-wushuer dl dd{
  color:#434343; text-align: center;
  font-size:13px;
}
/* 无数据 */
.banner-wushued{
  width:545px;
  height:300px;
  text-align: center;
}
.banner-wushued dl{
  height:300px;
  margin-top:150px;
}
.banner-wushued dl dd{
  color:#434343;
  font-size:13px;
}
/* 遮罩层 */
.dived{
  position: relative;
}
#banner-yingsheng{
  width:100%;
  height:1400px;
  background:rgba(0,0,0,0.4);
  position: absolute;
  top:600px;
  z-index:2147483647;
}
.banner-yingsheng-left{
  width:600px;
  height:763px;
  /* background:red; */
  float: left;
}
#bodyer{
  width:750px;
  height:800px;
  background:white;
  float:right;
  margin-right:0px;
}
#bodyer p{
    width:100%;
    height:100px;
    line-height:130px;
    padding-left:20px;
}
#bodyer button{
  width:60px;
  height:30px;
  border:1px solid #ccc;
  background:white;
  margin:20px 0px 10px 30px;
  border-radius:3px;
}
#bodyer button:hover{
  background:orangered;
  color:white;
}
.banner-yingshenger{
  padding-top:300px;
}
/* 详情 */
.banner-detail-left{
    width:870px;
    /*height:1840px;*/
    background:white;
    float: left;
}
.banner-detail-left-content{
 width:800px;
 margin:0px auto;
 margin-top:32px;
}
.banner-detail-right{
    width:320px;
    background:white;
    float:right;
    padding-bottom: 40px;
}
.banner-detail-banner{
  width:800px;
  border-bottom:1px solid #ccc;


}
.banner-detail-banner dl{
  width:300px;
  height:60px;
  display:flex;
  margin-top:12px;
  margin-bottom:25px;
}
.banner-detail-banner dl dd{
  flex:1;
  color:#b9b9b9;
  width:200px;
  height:60px;
  margin-left: 20px;
  padding-top: 10px;
}
.banner-detail-banner dl dt{
  width:60px;
  height:60px;
  background:#999999;
  border-radius:50%;
}

.banner-detail-banner dl dt a{
  text-decoration: none;
}

.banner-detail-banner dl dd p span a{
  text-decoration: none;
  flex: 1;
  color:#b9b9b9;
}
.banner-detail-banner dl dt img{
  width:100%;
  height:100%;
  border-radius:50%;
}
.banner-detail-banner .banner-detail-banner-p{
  width:100%;
    margin:30px 0px;
    font-size:14px;
    color:#444444;
  word-break:break-all;

word-wrap:break-word;


}
.banner-detail-banner .banner-detail-banner-p img{
  max-width: 100%;
  height: auto!important;

}

.banner-detail-top{
  margin-top:40px;
}



.banner-detail-top  .pt a{
  /*width:84px;*/
  height:28px;
  display:inline-block;
  color:#968169;
  border:1px solid #968169;
  border-radius:12px;
  text-align:center;
  line-height:28px;
  margin-right:20px;
  padding: 0 10px 0 10px;
}
.banner-detail-top .banner-detail-yong-hu{
  height:100px;
  line-height:30px;
  float:right;
  margin-top:10px;
}
.banner-detail-top .banner-detail-yong-hu  span{
  color:#bcb2a5;
  font-size:16px;
  margin-left: 8px;
}
.banner-detail-yong-hu   span img{
  width:16px;
  height:16px;
  margin-right:5px;
}
.banner-detail-yong-hu  .banner-detail-kao-bei{
  width:90px;
  height:40px;
  background:#fbf6f1;
  color:#d5cbbd;
  border:1px solid #ccc;
  padding: 0 6px 0 6px;
}

.banner-detail-yong-hu .banner-detail-kao-bei img{
  width:16px;
  height:16px;
  margin-top:5px;

}
.banner-detail-yong-hu  .uls{
  width:130px;
  height:120px;
  position: relative;
  right:-100px;
  bottom:-10px;
  box-shadow: 0px 5px 5px 5px #888888;
}
.banner-detail-yong-hu  .uls li{
   width:130px;
   height:40px;
   line-height:40px;
   padding-left:20px;
}
.banner-detail-yong-hu  .uls li:hover{
  background:#f6f4f2;
}
.banner-detail-xieru{
     margin-top:200px;
     margin-bottom: 100px;
}
.banner-detail-xieru p{
  position: relative;
}
.banner-detail-xieru p textarea{
  /* todo  发帖框样式 */
  width:786px;
  height:145px;
  border:1px solid #8f765c;
  border-radius: 3px;
  color:#8f765c
}
.banner-detail-xieru button{
  width:65px;
  height:30px;
  background:#a6937e;
  color:white;
  border:none;
  border-radius:3px;
  float:right;
  margin-top:10px;
}
.banner-detail-xieru .banner-detail-btn{
     width:100px;
     height:30px;
     margin-right:10px;
}
.banner-detail-people{
  width:785px;
  height:100%;
  /* overflow:scroll; */
}
.banner-detail-people .banner-detail-peopler{
  width:785px;
  /*height:150px;*/
}
.banner-detail-people .banner-detail-peopler dl{
  display:flex;
  margin-top:30px;
  margin-bottom:25px;
}
.banner-detail-people .banner-detail-peopler dl  dd{
  flex:1;
  margin-left:10px;
  color:#b9b9b9;
  /*height:60px;*/
  line-height:30px;

}

.banner-detail-people .banner-detail-peopler dl  dt img{
  width: 60px;
  height: 60px;
  border-radius:50%;
}

.banner-detail-people .banner-detail-peopler dl  dd  p b{
  color:black;
}
::-webkit-scrollbar {
  /*隐藏滚轮*/
  display: none;
  }
.banner-detail-people .banner-detail-peopler  dl dt{
  width:60px;
  height:60px;
  background:#999999;
  border-radius:50%;
}
.banner-detail-peopler .pr{
  margin-top:60px;
}
.banner-detail-peopler   .banner-detail-bei{
  width:90px;
  height:40px;
  background:#fbf6f1;
  color:#d5cbbd;
  border:1px solid #ccc;
  padding: 0 6px 0 6px;
}
.banner-detail-peopler  .banner-detail-bei img{
  width:16px;
  height:16px;
  margin-top:5px;
}
/* .banner-detail-top .banner-detail-yong-hu{
  height:100px;
  line-height:30px;
  float:right;
  margin-top:10px;
} */
.banner-detail-peopler .po{
  float:right;
}
.banner-detail-peopler .po span{
  color:#bcb2a5;
  font-size:16px;
}
.banner-detail-peopler .po   span img{
  width:16px;
  height:16px;
  margin-right:5px;
}
.banner-detail-peopler .po #po-img{
  position:relative;
  margin-left:20px;
}
.banner-detail-peopler .po #po-img #po-img-er{
  position:absolute;
  top:2px;
  left:-20px;
}
.banner-detail-people .banner-detail-peopled{
  width:705px;
  /*height:195px;*/
  background:#f5f5f5;
  margin-left:50px;
  margin-top: 30px;
}
.banner-detail-people .banner-detail-peopled dl{
  display:flex;
  margin-top:12px;
  margin-bottom:25px;
}
.banner-detail-people .banner-detail-peopled dl  dd{
  flex:1;
  margin-left:10px;
  color:#b9b9b9;
  height:100%;
  line-height:30px;
  width:575px;
  overflow: hidden;
  text-overflow: ellipsis;

}
.banner-detail-people .banner-detail-peopled dl  dd p b{
  color:#010101;
}
::-webkit-scrollbar {
  /*隐藏滚轮*/
  display: none;
  }
.banner-detail-people .banner-detail-peopled  dl dt{
  width:60px;
  height:60px;
  background:#999999;
  border-radius:50%;
}

.banner-detail-people .banner-detail-peopled  dl dt img{
  width:60px;
  height:60px;
  background:#999999;
  border-radius:50%;
}

.banner-detail-peopled .pr{
  margin-top:30px;
}
.banner-detail-peopled   .banner-detail-bei{
  width:90px;
  height:40px;
  background:#fbf6f1;
  color:#d5cbbd;
  border:1px solid #ccc;
}
.banner-detail-peopled  .banner-detail-bei img{
  width:16px;
  height:16px;
  margin-top:5px;
}
/* .banner-detail-top .banner-detail-yong-hu{
  height:100px;
  line-height:30px;
  float:right;
  margin-top:10px;
} */
.banner-detail-peopled .po{
   margin-left:565px;
}
.banner-detail-peopled .po li span{
  color:#bcb2a5;
  font-size:16px;
}
.banner-detail-peopled .po  li span img{
  width:16px;
  height:16px;
  margin-right:5px;
}
.banner-detail-peopled .po #spano{
  width:200px;
  height:30px;
  background:red;
}
.banner-detail-peopled .po #spano input{
  width:160px;
  height:30px;
}
.banner-detail-peopled .po #spano span{
  width:40px;
  height:30px;
  text-align:center;
  color:white;
  padding-left:3px;
}
/* 详情右边 */
.banner-detail-right div{
  width:286px;
  margin:0px auto;
  margin-top:20px;
}
.banner-detail-right div ul li p{
   margin-top:18px;
}
.banner-detail-right div ul li{
   /*height:98px;*/
   border-bottom:1px solid #e6e6e6;
}
.banner-detail-right div ul li .p1{
  font-size:14px;
  color:#969696;
}
.banner-detail-right div ul li .p2{
  font-size:15px;
}
.banner-detail-right div ul li .p3{
  float:right;
  color:#969696;
}
.banner-fotter-bottom{
  width:870px;
  width:790px;
  height:80px;
  /*background: white;*/
  position:relative;
  color:#9d9d9d;
  /*left:120px;*/
  padding-top: 200px;
}

.banner-fotter-bottom p{
  width:870px;
  height:80px;
  line-height:40px;
  color:#9d9d9d;
  text-align:center;
  position: absolute;
}

.banner-fotter-bottom p span{
  width:60px;
  height:80px;
  text-align:center;
  border:1px solid #eae6e1;
  margin-right:10px;
  padding:0px 5px;
  color:#9d9d9d;
}
.banner-fotter-bottom p input{
  width:30px;
  height:18px;
  text-align:center;
  border:none;
  outline:none;
  /*padding:0px 5px;*/
  color:#c4c4c4;
  background: white;
  font-size:17px;
}
.banner-fotter-bottom p input:active{
  background:#a6937e;
  color:white;
  width:30px;
  height:18px;
}
.banner-fotter-bottom p span a{
  text-decoration:none;
  color:#c4c4c4;
}

.banner-fotter-bottom p span:active{
  background:#a6937e;
  color:white;
  outline: none;
}
/*.banner-fotter-bottom{*/
/*   width:270px;*/
/*   height:38px;*/
/*   margin:0px auto;*/
/*  background: red;*/
/*}*/
/*.banner-fotter-bottom p{*/
/*  width:300px;*/
/*  height:38px;*/
/*  line-height:40px;*/
/*  !* background:blue; *!*/
/*  color:#9d9d9d;*/
/*  text-align:center;*/
/*}*/
/*.banner-fotter-bottom p span{*/
/*  width:60px;*/
/*  height:40px;*/
/*  text-align:center;*/
/*  border:1px solid #99836b;*/
/*  border-radius:3px;*/
/*  margin-left:5px;*/
/*  padding:0px 12px;*/
/*  color:#9d9d9d;*/
/*  !* display:inline-block;*/
/*  margin:0px 3px; *!*/
/*}*/
/*.banner-fotter-bottom p span:active{*/
/*  background:#a6937e;*/
/*}*/