body{
  background-color: #F8F8F8;
}

.m-zxlist{
  width: 1200px;
  margin: 30px auto;
  overflow: hidden;
}
.ui-zxlist-l{
  width: 800px;
}
.ui-zxlist-crumb{
  padding: 0 12px;
  margin-bottom: 20px;
  height:40px;
  line-height: 40px;
  background:rgba(255,255,255,1);
  border-radius:3px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 300;
  color:rgba(72,72,72,1);
}
.ui-crumb-path a{
  font-size:12px;
  font-weight:300;
  color:rgba(72,72,72,1);
}
.ui-crumb-path span{
	font-size:12px;
	}
.ui-crumb-path em{
  padding: 0 5px;
  font-style: normal;
}
.ui-crumb-path .on{
  color: #2B74AF;
}
.ui-crumb-subscribe{
  font-size:14px;
  font-weight:300;
  color:rgba(102,102,102,1);
}
.ui-zxlist-item{
  position: relative;
  width: 100%;
  height: 236px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #fff;
  border-radius:8px;
}
.zxlist-img-l{
  width: 175px;
}
.zxlist-img-r{
  width: 585px;
  padding: 10px 20px;
}
.zxlist-img-r h3{
  height: 48px;
}
.zxlist-img-r h3 a{
  font-size:20px;
  font-weight:400;
  color:#333;
  line-height:24px;
}
.zxlist-img-r h3 a:hover{
  color: #378BD2;
}
.zxlist-img-r p{
  height: 72px;
  margin-top: 10px;
  line-height:24px;
  font-size:14px;
  font-weight:400;
  color:#999;
}
.zxlist-text-cont{
  padding: 10px 20px;
}
.zxlist-text-cont h3 a{
  font-size:20px;
  font-weight:400;
  color:#333;
  line-height:28px;
}
.zxlist-text-cont h3 a:hover{
  color: #378BD2;
}
.zxlist-text-cont p{
  margin-top: 10px;
  font-size:14px;
  font-weight:400;
  color:#999;
  line-height:20px;
}
.zxlist-imgs-cont{
  width: 816px;
  margin-bottom: 12px;
  overflow: hidden;
}
.zxlist-imgs-cont a{
  display: block;
  float: left;
  margin-right: 35px;
}
.zxlist-imgs-cont a:last-child{
  margin-right: 0;
}
.ui-load-more{
  height:40px;
  line-height: 40px;
  background:#fff;
  border-radius:3px;
  text-align: center;
  cursor: pointer;
  font-size:14px;
  color:rgba(102,102,102,1);
}
.zxlist-img-r-info{
  position: relative;
  overflow: hidden;
  margin-top: 18px;
}
.ui-sourceinfo{
  float: left;
  margin: 3px 0 0 0;
  padding-left: 20px;
  line-height: 12px;
  background: url('../image/list_sourcename.png') left center no-repeat;
  background-size: contain;
  font-size: 12px;
  font-weight: 400;
  color: rgba(102,102,102,1);
}
.ui-sourceinfo a,.ui-sourceinfo span{
  font-size:12px;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.ui-sourceinfo span{
  padding: 0 10px;
}
.ui-publish{
  float: left;
  margin-left: 20px;
  font-size:12px;
  font-weight:400;
  color:#C0C0C0;
  line-height: 14px;
}
.ui-imgs-icon{
  float: right;
  padding-left: 20px;
  background: url('../image/img_group.png') left center no-repeat;
  background-size: contain;
  font-size:12px;
  font-weight:400;
  color:rgba(192,192,192,1);
  line-height:12px;
}
.zxlist-r-form,.ui-publish{
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
.zxlist-r-form{
  margin-top: 12px;
}
.ui-publish{
  margin-bottom: 15px;
  float: none;
  margin-left: 0;
}
.detail_tit_share{
  width: 150px;
  height: 16px;
  float: right;
  position: relative;
  text-align: right;
  font-size: 12px;
  color: #666;
}
.sosh-item-icon{
  width: 12px!important;
  height: 12px!important;
}
.ui-imgs-icon{
  margin: 5px 5px 0 0;
}

.ui-load-more {
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  color: rgba(102, 102, 102, 1);
}
.ui-load-all{
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: rgba(102, 102, 102, 1);
}

.detail_tit_share span{
  position: absolute;
  display: inline-block;
  height: 16px;
  top: 0;
}
.ui-share-icon{
  right: 55px;
  padding-left: 20px;
  background: url('../image/Share.png') left center no-repeat;
  background-size: contain;
  color: #999;
}
.ui-share-wb{
  right: 26px;
  width: 16px;
  height: 16px;
  background: url('../image/wb_share.png') left center no-repeat;
  cursor: pointer;
}
.ui-share-wx{
  right: 0;
  width: 16px;
  height: 16px;
  background: url('../image/wx_share.png') left center no-repeat;
  cursor: pointer;
}


.jsmodern-share {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 335px;
  z-index: 999999;
  background: #fff;
  border: #ddd solid 1px;
  border-radius: 10px;
  box-shadow: #ddd 0 0 20px;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.jsmodern-share p {
  display: block;
  height: 20px;
  text-align: center;
  font-size: 18px;
  margin: 15px 0 20px 0;
}

.jsmodern-share div {
  width: 260px;
  height: 260px;
  margin: 0 auto !important;
}

.jsmodern-share b {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);
  right: 4px;
  top: 4px;
  cursor: pointer;
  color: #ccc;
  opacity: .1;
  transition: .1s;
}