@import '/Content/../Scripts/layui/css/layui.css';
@import '../commonCss/common.css';
#newsDetail {
  padding: 60px 0;
}
#newsDetail .layui-main .title {
  color: #3b3b3b;
  position: relative;
}
#newsDetail .layui-main .title .source {
  color: #a0a0a0;
  margin-top: 15px;
  margin-bottom: 35px;
}
#newsDetail .layui-main .title .operation {
  height: 46px;
  line-height: 46px;
  position: absolute;
  right: 0;
  bottom: 0;
}
#newsDetail .layui-main .title .operation span {
  display: inline-block;
  cursor: pointer;
}
#newsDetail .layui-main .title .operation .tolist {
  vertical-align: top;
  margin: 0 12px;
}
#newsDetail .layui-main .title .operation .prev,
#newsDetail .layui-main .title .operation .next {
  width: 46px;
  text-align: center;
  border-radius: 100%;
  font-size: 2em;
  color: #dedede;
  border: 1px solid #dedede;
}
#newsDetail .layui-main .title .operation .prev:hover,
#newsDetail .layui-main .title .operation .next:hover {
  color: #fff;
  background-color: #537ada;
}
#newsDetail .layui-main #contentBox {
  padding: 45px 0;
  border-top: 1px solid #dedede;
}
#newsDetail .layui-main #contentBox #detail {
  float: left;
  width: 820px;
  margin-right: 80px;
  line-height: 200%;
  text-align: justify;
  font-size: 15px;
}
#newsDetail .layui-main #contentBox #detail a {
  color: initial;
}
#newsDetail .layui-main #contentBox #detail img {
  max-width: 100%;
  vertical-align: middle;
  margin-bottom: 3px;
}
#newsDetail .layui-main #contentBox #recommendNews {
  float: left;
  width: 300px;
  padding: 30px;
  box-sizing: border-box;
  background-color: #f8f8f8;
}
#newsDetail .layui-main #contentBox #recommendNews .th {
  font-size: 20px;
  color: #4d4d4d;
  position: relative;
}
#newsDetail .layui-main #contentBox #recommendNews .th::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 4px;
  background-color: #537ada;
  left: -30px;
}
#newsDetail .layui-main #contentBox #recommendNews .hotNews li {
  margin-top: 25px;
}
#newsDetail .layui-main #contentBox #recommendNews .hotNews li:not(:last-of-type) {
  border-bottom: 1px dashed #e3e3e3;
}
#newsDetail .layui-main #contentBox #recommendNews .hotNews li a {
  font-size: #4d4d4d;
  display: block;
}
#newsDetail .layui-main #contentBox #recommendNews .hotNews li a img {
  height: 135px;
  width: 100%;
}
#newsDetail .layui-main #contentBox #recommendNews .hotNews li a .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 15px 0;
}