.content {
  padding: 60px 0;
}

.title {
  font-size: 20px;
  color: #BA162E;
  font-weight: bold;
}

.title span {
  color: #1f76a4;
  font-size: 16px;
}

.more {
  color: #999;
}

.content-header {
  line-height: 60px;
  border-bottom: 1px solid #dfdfdf;
}

.couse-tab {
  width: 255px;
  float: left;
}

.couse-tab ul li {
  text-align: center;
  width: 100%;
  line-height: 75px;
  border-bottom: 1px solid #ca4c5e;
  font-size: 18px;
  cursor: pointer;
}

.couse-tab ul li:last-child {
  border-bottom: 0px solid #ca4c5e;
}

.couse-tab ul li.active {
  background: #036599;
}

.couse-tab ul li:hover {
  background: #036599;
}

.listC {
  width: 300px;
  height: 258px;
  float: left;
  margin-left: 47px;
  margin-bottom: 10px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(98, 98, 98, .2);
  position: relative;
  /* overflow: hidden; */
}

.listC a {
  display: block;
}

.listC div.listBg {
  width: 300px;
  height: 258px;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  border-radius: 3px;
}

.listBgL::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #eef9ff;
  border-bottom: none;
  transform: perspective(0.4em)scale(0.7, 6) rotateX(5deg);
  -webkit-transform: perspective(0.4em)scale(0.7, 6) rotateX(5deg);
  -moz-transform: perspective(0.4em)scale(0.7, 6) rotateX(5deg);
  -ms-transform: perspective(0.4em)scale(0.7, 6) rotateX(5deg);
  -o-transform: perspective(0.4em)scale(0.7, 6) rotateX(5deg);
  z-index: -1;
  transform-origin: bottom left;
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
}

.listBgR::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #eef9ff;
  border-bottom: none;
  transform: perspective(0.4em)scale(0.7, 6) rotateX(-5deg);
  -webkit-transform: perspective(0.4em)scale(0.7, 6) rotateX(-5deg);
  -moz-transform: perspective(0.4em)scale(0.7, 6) rotateX(-5deg);
  -ms-transform: perspective(0.4em)scale(0.7, 6) rotateX(-5deg);
  -o-transform: perspective(0.4em)scale(0.7, 6) rotateX(-5deg);
  z-index: -1;
  transform-origin: top right;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
}

.listC.list-blue {
  background: #1f76a4;
}

.listC.list-red {
  background: #c23044;
}

.listC.list-blue .listBgR::before {
  background: #036599;
}

.listC.list-red .listBgR::before {
  background: #BA162E;
}

.listT {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  z-index: 3;
  vertical-align: middle;
  padding: 10px 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  opacity: 1;
  color: #666;
}

.listT.textWhite {
  color: #fff;
}

.listLabel {
  width: 30px;
  word-wrap: break-word;
  word-break: normal;
  color: #fff;
  height: 64px;
  background: url(../images/label.png) no-repeat;
  font-size: 20px;
  text-align: center;
  position: absolute;
  right: 30px;
  top: -6px;
  z-index: 2;
  line-height: 24px;
}

.listH {
  position: absolute;
  z-index: 3;
  padding: 30px 15px 10px;
  /* top: 260px; */
  font-size: 16px;
  opacity: 0;
  color: #666;
}

.listH.textWhite {
  color: #fff;
}

.listH_T {
  height: 190px;
  line-height: 26px;
}

.listH_b {
  font-size: 14px;
}

.listH_b .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/peopleH.png) no-repeat;
  position: relative;
  top: 5px;
  margin-right: 4px;
}

.textWhite .listH_b .icon {
  background: url(../images/people_icon.png) no-repeat;
}

.listH_b span {
  padding: 0 4px;
}
.listH_b .spanName{
  display: inline-block;
  vertical-align: text-bottom;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.listC:hover .listH {
  opacity: 1;
}

.listC:hover .listLabel {
  display: none;
}

.listC:hover .listT {
  opacity: 0;
}

.listC.listNo:hover {
  background: #c23044;
  color: #fff;
}

.listC.listNo:hover .listH {
  color: #fff;
}

.listC.listNo:hover .listH_b .icon {
  background: url(../images/people_icon.png) no-repeat;
}

.listC.listNo:hover .listBg::before {
  background: #BA162E;
  ;
}

.swiper-container {
  width: 100%;

}

.swiper-content {
  margin-top: 95px;
  background: #fff;
  height: 540px;
}

.swiper-slide {
  box-sizing: border-box;
  padding: 20px 60px;
}

.home-swiper .prev,
.home-swiper .next {
  position: absolute;
  left: 1%;
  top: 50%;
  margin-top: 60px;
  display: block;
  /* filter: alpha(opacity=50); */
  opacity: 0.5;
  font-size: 34px;
}

.home-swiper .next:before {
  content: '';
  background: #f6f6f6;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  right: -60px;
  top: -30px;
}

.home-swiper .prev:before {
  content: '';
  background: #f6f6f6;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
  left: -60px;
  top: -30px;
}

.home-swiper .next {
  left: auto;
  right: 1%;
  ;
}

.home-swiper .prev:hover,
.home-swiper .next:hover {
  /* filter: alpha(opacity=100); */
   opacity: 1;
  color: #036599;
}

.home-swiper .prevStop {
  display: none;
}

.home-swiper .nextStop {
  display: none;
}

.swiperLeft {
  box-sizing: border-box;
  width: 340px;
  height: 450px;
  background: #BA162E;
  margin-top: -60px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;

}

.swiperLeftC {
  padding: 16px;
}

.icon .iconfont {
  color: #fff;
  font-size: 32px;
}

.swiperLeftCL {
  color: #fff;
  width: 250px;
  margin-left: 10px;
}

.swiperLeftCL a {
  color: #fff;
  margin-right: 4px;
}

.swiperLeftCL .text-title {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor:pointer;
}

.swiperLeftCL .text-titlelg {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swiperLeftCL .text-df {
  width: 100%;
  font-size: 12px;
  line-height: 24px;
  color: #e58391;
  cursor:pointer;
}

.swiperLeftCL .text-df a {
  color: #e58391;
}

.swiperLeftCL .text-zw {
  width: 100%;
  font-size: 16px;
  color: #ffdce1;
  margin-top: 20px;
  line-height: 30px;
  cursor:pointer;
}

.swiperLeftLabel {
  position: absolute;
  bottom: 0;
  padding: 26px 16px;
  width: 100%;
  box-sizing: border-box;
  vertical-align: middle;
}

.swiperLeftLabel .swiperLeftCL {
  vertical-align: middle;
  line-height: 35px;
}

.swiperLeftLabel .swiperLeftCL span {
  margin-right: 6px;
}

.swiperRight {
  margin-left: 30px;
  width: 800px;
}

.listTy {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 30px;
  padding-top: 30px;
}

.listTy.P30 {
  /*margin: 15px 0 15px 30px;*/

}

.listTy select {
  margin-left: 8px;
}

.listTy:last-child {
  border-bottom: 0px solid #e6e6e6;
}

.listTy .icon .iconfont {
  color: #333;
}

.listTy .icon input {
  margin-top: -1px;
}

.listTy .icon input.all_checkbox {
  margin-top: 6px;
}

.listTy .result {
  line-height: 25px;
  margin-right: 5px;
}

.listTy .btnxs {
  margin: 0 7px;
  font-size: 12px;
  height: 26px;
  line-height: 24px;
  padding: 0 8px;
}
.listTy .btnxs:hover,.listTy .listTyCT a.btnxs:hover {
  background: #BA162E;
  color: #fff;
  border:1px solid #BA162E;
}
.listTy .btnxs.active {
  background: #BA162E;
  color: #fff;
  border:1px solid #BA162E;
}

.listTyC.listTyClg {
  width: 95%;
  margin-left: 20px;
}

.listTyC {
  width: 90%;
  margin-left: 20px;
  position: relative;
}
.listTyC .marginL25{
  margin-left: 30px;
}

.listTyC span.iconfont {
  margin-left: 8px;
}
.listTyC .labelC span{
  margin-top: 0 !important;
}
/* 文件超出隐藏 */
.text-el {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listTyCT {
  position: relative;
  padding-bottom: 15px;
}

.listTyCT::after {
  position: absolute;
  content: '';
  width: 46px;
  height: 2px;
  background: #BA162E;
  bottom: 0px;
}

.listTyC .text-title {
  width: 100%;
  font-size: 16px;
  color: #666;
  cursor:pointer;
}

.listTyC .listTyCT a:hover {
  color: #036599;
}

.listTyC .text-titlelg {
  display: flex;
  width: 100%;
  font-size: 18px;
  color: #666;
}

.listTyC .text-titlelg a {
  font-size: 18px;
  color: #666;
  white-space: normal;
  word-wrap:break-word;
  /*display: inline-block;*/
}
.listTyC .text-titlelg .fr{
  float: none;
}
.listTyC .text-titlelg a:first-child{
  width: 780px;
  flex: 1;
}
.listTyC .text-titlelg a.tagBtn{
  font-size: 12px;color: #04659a;
}
.listTyC .text-titlelg a.tagBtn:hover{
  font-size: 12px;
  border: 1px solid #04659a;
  color: #04659a;
  background: #fff;
}
.listTyC .text-titlelg .iconfont {
cursor: pointer;
color: #acacac;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
border-radius: 50%;
}
.listTyC .text-titlelg .iconfont:hover {
background: #BA162E;
color: #fff;
}
.listTyC .text-titlelg .iconfont.active {
background: #BA162E;
color: #fff;
}

.listTyC .text-titlelg a:hover {
color: #04659a;
}

.listTyC .text-df {
width: 100%;
font-size: 12px;
line-height: 24px;
color: #999;
cursor:pointer;
}

.listTyC .text-df a {
width: 100%;
font-size: 12px;
color: #999;
}

.listTyC .text-zw {
line-height: 26px;
font-size: 16px;
color: #666;
padding: 15px 0px;
cursor:pointer;
}

.listTyC .text-zwxs {
line-height: 26px;
font-size: 16px;
color: #666;
padding: 15px 0px;
}
.listTyC .text-zwxs .text_p_box{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.label {
padding: 0 20px;
line-height: 24px;
display: inline-block;
background: #eec5ca;
color: #BA162E;
border-radius: 12px;
font-size: 12px;
margin-right: 6px;
margin-top: 20px;
}

.labelH {
padding: 0 20px;
line-height: 24px;
display: inline-block;
background: #f5f4f4;
color: #BA162E;
border-radius: 12px;
font-size: 12px;
margin-right: 6px;
cursor: pointer;
}

.labelH:hover {
background: #edc6cb;
color: #BA162E;
}
.labelH.active {
background: #edc6cb;
color: #BA162E;
}

.label:hover {
background: #edc6cb !important;
color: #BA162E !important;
}

.home-swiper .swiper-button-next,
.home-swiper .swiper-button-prev {
top: 60%;
}

.swiper-FGcontainer {
overflow: hidden;
position: relative;
}

.swiper-FGcontainer .bd ul {
overflow: hidden;
zoom: 1;
padding-top: 6px !important;
padding-bottom: 6px !important;
}

.swiper-FGcontainer .bd ul {}

.FGList {
float: left;
width: 410px !important;
height: 458px !important;
padding: 0px;
margin-top: 30px;
overflow: hidden;
margin-left: 4px;
border-radius: 4px;
margin-right: 26px !important;
box-shadow: 0px 3px 5px 2px rgba(118, 118, 118, .3);
position: relative;
}

.FGList:hover {
background: #BA162E;
}

.FGList:hover .FGlistBg{
background: url(../images/hbg.png) no-repeat center;
background-size: 100%;
}
.FGList:hover .listT{
color: #fff;
}
.FGList:hover .textRed{
color: #fff;
}
.FGList.FGList-bgred a {
display: block;
color: #fff;
}

.FGlistBg {
position: absolute;
width: 100%;
height: 100%;
background: url(../images/wbg.png) no-repeat center;
background-size: 100%;
z-index: 1;
vertical-align: middle;
left: 50%;

}


.FGList .listT {
padding: 20px 60px;
}

.titCell ul {
width: 100%;
height: 30px;
text-align: center;
}

.titCell ul span {
font-size: 0;
width: 30px;
height: 5px;
display: inline-block;
margin-right: 8px;
background: #1f76a4;
cursor: pointer;
}

.titCell ul span.on {
background: #BA162E;
}

.line {
margin-bottom: 30px;
}

.line span {
display: inline-block;
width: 36px;
height: 2px;
background: #01598e;

}

.FGList.FGList-bgred .line span {
background: #fff;
}

.bookContent {
box-sizing: border-box;
width: 100%;
/* height: 525px; */
  padding: 50px 10px;
  margin-top: 30px;
  background: #fff;
}

.bookContent ul li {
  float: left;
  width: 138px;
  margin-left: 80px;
  margin-top: 6px;
  border-radius: 3px;
}

.bookContent ul li:hover p {
  color: #036599;
}

.bookContent ul li a {
  display: block;
}

.bookContent ul li img {
  width: 100%;
}

.bookContent ul li p {
  font-size: 16px;
  width: 100%;
  text-align: center;
  color: #333;
  line-height: 30px;
}

/* 法律列表 */
.lawList {
  padding: 20px;
  border-bottom: 1px solid #e7e7e7;
  overflow: hidden;
}

.lawList p {
  padding: 4px 0;
  width: 100%;
}

.lawList:hover {
  background: #fff;
  box-shadow: 0px 0px 5px rgba(118, 118, 118, .3);
  border-radius: 3px;
  border-left: 8px solid #BA162E;
}

/* 地域导航 */
.map {
  width: 900px;
}

.map image {
  width: 900px;
}

.mapTab {
  width: 300px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.maptabBtn {
  background: #f6f6f6;
  height: 36px;
  border-bottom: 1px solid #ddd;
}

.tab-bnt li {
  float: left;
  width: 50%;
  border-left: 1px solid #ddd;
  box-sizing: border-box;
  line-height: 37px;
  font-size: 16px;
  text-align: center;
  color: #666;
  cursor: pointer;
}

.tab-bnt li:first-child {
  border-left: 0px;
}

.tab-bnt li.active {
  background: #BA162E;
  color: #fff;
}

.tabList {
  padding: 15px 0;
  text-align: center;
  position: relative;
  border-bottom: 1px solid #ddd;
}

.tabList:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
  z-index: 1;
  background: #036599;
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -11px;
  opacity: 0;
}

.tabList:hover {
  background: #036599;
  border-radius: 3px;
  color: #fff;
}

.tabList:hover:before {
  opacity: 1;
}

.tabList:hover p {
  color: #fff;
}

.tabList a {
  display: block;
}

.page {
  text-align: center;
  padding: 20px 0;
}

.page a.btn {
  display: inline-block;
  line-height: 38px;
  background: #BA162E;
  color: #fff;
  padding: 0 20px;
  border-radius: 3px;
  margin: 0 4px;
  font-size: 14px;
  height: 38px;
}

.page a {
  color: #BA162E;
  font-size: 18px;
}

.term {
  /* line-height: 40px; */
  padding: 30px 0;
  color: #555;
}
lawdetaila{
  width:40px;
  height:40px;
  text-align:center;
  background-image: url(../images/cpws_ico.png);
}

.isnologin{
  background:#f6f6f6;
  padding:25px 10px;
  margin:20px 0px;
}
.headtip{
  margin:0 auto;
  padding:0 auto;
  text-align:center;
}
.headtip p{
  text-align:center;
  color:#b9172e;
  font-size: 24px;
  font-weight: bold;
  line-height: 60px;
}
.lawdetail{
  text-align:center;
  margin:10px 0px;
}
.login_btnbg{
  background:#b9172e;
  color:#fff;
  font-weight: bold;
  display:inline-block;
  margin-top:20px;
  width:400px;
}
.loginflexis{
  display: flex;
  line-height: 40px;
  font-size: 14px;
}
.loginflexiswidth{
  width:450px;
  margin:0 auto;
  padding:0 auto;
}
.gmbp{
  background:#00679a;
  color:#fff;
  height:40px;
  padding-left: 35px;
  padding-right: 18px;
  display:inline-block;
  line-height:40px;
  position:relative;
  margin-right:3%;
}
.gmbp::before{
  content:'';
  display:block;
  position:absolute;
  top:30%;
  left:13%;
  width:16px;
  height:18px;
  background-image: url(../images/buyone.png);
}
.cwhy{
  color:#fff;
  background:#bc152f;
  height:40px;
  line-height:40px;
  padding-left: 42px;
  padding-right: 22px;
  display:inline-block;
  position:relative;
}
.cwhy::before{
  content:'';
  display:block;
  position:absolute;
  top:33%;
  left:8%;
  width:19px;
  height:16px;
  background-image: url(../images/buyvip.png);
}
.term .clearIcon {
  position: relative;
  top: 3px;
}
.bpjg{
  color:#096596;
  font-weight:bold;
}
.jgdiv{
  color:#bc152f;
  font-weight:bold;
}
.color_036599{
  color:#036599;
}
.term .term-content {
  width: 80%;
  padding-left: 15px;
}

.term .term-content.W100 {
  width: 100%;
  padding: 0;

}

.term .term-content a {
  padding-right: 10px;
  color: #04659a;
}


.tag {
  display: inline-block;
  padding: 8px 30px 8px 20px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  margin: 0 6px;
  /*max-width: 130px;*/
  font-size: 12px;
  overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      vertical-align: middle;
}

.tag .delete {
  color: #b9b9b9;
  font-size: 20px;
  position: absolute;
  top: 4px;
  right: 3px;
}

/* 左侧导航 */
.mainNav {
  width: 270px;
  float: left;
}

.lnList {
  width: calc(100% - 2px);
  color: #555;
  margin-bottom: 15px;
  position: relative;
}

.lnList .lnListTop {
  height: 50px;
  background: #fafafa;
  line-height: 50px;
  position: relative;
  padding: 0 20px;

}

.lnList .lnListTop .title {
  font-size: 20px;
}

.lnList .lnListTop .title span {
  font-size: 12px;
  font-weight: 400;
}

.lnList .lnListTop .layui-nav-more,
.lnList .relevant-title .layui-nav-more {
  content: '';
  width: 0;
  height: 0;
  overflow: hidden;
  cursor: pointer;
  transition: all .2s;
  -webkit-transition: all .2s;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  border-width: 6px;
  margin-top: -9px;
  border-style: dashed dashed solid;
  border-color: transparent transparent #04659a;
}

.lnList .lnListTop .date {
  width: 18px;
  height: 15px;
  background: url(../images/data.png) no-repeat;
  display: inline-block;
  position: absolute;
  right: 26px;
  top: 50%;
  margin-top: -6px;
}

.lnListContent {
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.beipy_li_border{

}
.InListAuto .lnListContent {
  height: 215px;
}

.InListAuto1 .lnListContent {
  height: 180px;
}

.lnListContent h3 {
  /*height: 35px;*/
  line-height: 35px;
  cursor: pointer;
  text-align: left;
  font-size: 16px;
  padding-left: 30px;
  padding-right: 20px;
  position: relative;
  cursor: pointer;
  /*color: #555555;*/
}

.lnListContent h3 em {
  float: left;
  display: block;
  width: 30px;
  height: 35px;
  background: url(../images/icoAdd.png) 16px 12px no-repeat;
  cursor: pointer;
  position: absolute;
  left: 0;
}

.lnListContent h3 span {
  /*float: right;*/
  font-size: 14px;
  color: #00649c;
}

.lnListContent li.open>h3 em {
  background-position: 16px -57px;
}

.lnListContent .sideMenu ul {
  padding: 4px 0;
  color: #999;
  display: none;
  /* 默认都隐藏 */
}

.lnListContent .sideMenu ul li {
  padding-left: 30px;
  line-height: 35px;
}

.lnListContent .sideMenu ul li a {
    position:relative;
  /*display: inline-block;*/
  /*width: 70%;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
}

.lnListContent .sideMenu ul li a:hover:before {
    /*position:absolute;*/
    /*top:30px;*/
    /*right:0;*/
    /*content:attr(title);*/
    /*border-radius: 4px;*/
    /*background:#E5E5E5;*/
    /*padding: 4px;*/
    /*opacity: 1;*/
    /*width: 200px;*/
    /*text-align: center;*/
}

.lnListContent .sideMenu li h3 a {
  /*display: inline-block;*/
  /*width: 70%;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
}

.lnListContent .sideMenu li:hover,.lnListContent .sideMenu li a:hover,.sideMenu li:hover,.sideMenu li a:hover,.lnListContent .sideMenu li:visited,.lnListContent .sideMenu li a:visited,.sideMenu li:hover,.sideMenu li a:visited{
  color: #0b5a8c;
  /*color:#fff !important;*/
}
.activebg{
  color:#fff;
  background:#0b5a8c;
}
.activebgcolor{
color:#0b5a8c
}
.bluecolor{
  color:#04659a;
}
.lnListContent .sideMenu ul li span {
  /*float: right;*/
  font-size: 14px;
  color: #00649c;
}
.yincang{
  display:none;
}
.lnListPage {
  background: #f5f5f5;
  padding: 12px 0;
  text-align: center;
}

.lnListPage a {
  border-right: 1px solid #b1b1b1;
  padding: 0 6px;
}

.lnListPage a:hover {
  color: #04659a;
}

.lnListPage em {
  font-style: normal;
}

.lnListPage a:last-child {
  border-right: 0 solid #b1b1b1;
}

/* 弹出框 */
.lnListPop {
  padding: 18px;
  background: #fff;
  position: absolute;
  z-index: 1;
  left: 50px;
  width: 980px;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  transition: all .2s;
  -webkit-transition: all .2s;
  display: none;
}

.lnListPop:before {
  content: '';
  width: 16px;
  height: 9px;
  background: url(../images/sj.png) no-repeat;
  position: absolute;
  top: -9px;
  left: 170px;
}

.popContent {
  padding: 15px 0;
}

.popContentL {
  padding: 20px 40px;
  /* border-right: 1px solid #ddd; */
}

.popContentR {
  margin-left: 180px;
  padding: 20px 10px;
  border-left: 1px solid #ddd;
  text-align: center;
}
.popContentR i.download{
  width: 20px;
  height: 16px;
  display: inline-block;
  background: url(../images/download.png) no-repeat center;
  position: relative;
  top: 2px;
}

.popContentL .screenOne a {
  display: block;
  width: 98px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #00649c;
  text-align: center;
  color: #00649c;
  margin-bottom: 15px;
  border-radius: 5px;
}

.popContentL .screenOne a.active {
  background: #00649c;
  color: #fff;
}

.popContentL .screenTwo a {
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border: 1px solid #00649c;
  text-align: center;
  color: #00649c;
  margin-bottom: 15px;
  font-size: 14px;
}

.popContentL .screenTwo a.active {
  background: #00649c;
  color: #fff;
}

/* 公用弹出框 */
.Popup {
  background: #fff;
  position: absolute;
  padding-bottom: 10px;
  z-index: 1;
  left: 50px;
  border: 1px solid #d3d3d3;
  border-radius: 8px;
  transition: all .2s;
  -webkit-transition: all .2s;
  display: none;
}

.Popup:before {
  content: '';
  width: 16px;
  height: 9px;
  background: url(../images/sj.png) no-repeat;
  position: absolute;
  top: -9px;
  left: 50px;
}

.Popup .PopTop {
  padding: 15px;
  line-height: 30px;
  min-height: 20px;
}
.Popup .PopTop i{
 font-size: 14px;
 color: #555;
}

.Popup .popBtn{
 padding: 20px 0;
 text-align: center;
}
.Popup .popBtn a{
width: 150px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
margin: 0 10px;
border:1px solid #bc1129;
border-radius: 5px;
}
.Popup .popBtn a.sure{
background: #bc1129;
color: #fff;
}
.Popup .popBtn a.cancle{
background: #fff;
color: #bc1129;
}

.contrastPop {
  width: 700px;
  left: 5px;
  margin-top: 10px;
}
.exportPop {
  width: 700px;
  left: 100px;
  margin-top: 10px;
}
.bookPop {
  width: 700px;
  left: 5px;
  margin-top: 10px;
}
.lawPop {
  width: 700px;
  left: 100px;
  margin-top: 10px;
}
.largePop {
  width: 780px;
  left: 80px;
  margin-top: 2px;
}
.largePop.Popup:before{
  left: 90%;
}
.largePop .largePopText{
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 10px;
}
.largePop .largePopText label{
  margin-right: 10px;
}

.bookPoplist {
  cursor: pointer;
  padding: 15px 20px;
  border-bottom: 1px solid #eee;
  position: relative;
    overflow: hidden;
}

.bookPoplist a {
  display: block;
}

.bookPoplist a i.delete {
  width: 26px;
  height: 26px;
  display: inline-block;
  background: #bc1129;
  color: #fff;
  border-radius: 50%;
  line-height: 26px;
  text-align: center;
}

.bookPoplist i.layui-more {
  width: 0;
  height: 0;
  overflow: hidden;
  cursor: pointer;
  transition: all .2s;
  -webkit-transition: all .2s;
  position: absolute;
  bottom: 0;
  left: 110px;
  margin-top: -3px;
  border-width: 6px;
  margin-top: -9px;
  border-style: dashed dashed solid;
  border-color: transparent transparent #eee;
  position: absolute;
}

.bookPoplist label {
  width: 80px;
  display: inline-block;
  text-align: right;
}

.bookPoplist span {
  margin-left: 20px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bookPoplist:hover {
  border-left: 6px solid #BA162E;
  border-radius: 3px;
  box-shadow: 0px 0px 8px rgba(118, 118, 118, .3);
  -webkit-box-shadow: 0px 0px 8px rgba(118, 118, 118, .3);
  -ms-box-shadow: 0px 0px 8px rgba(118, 118, 118, .3);
  -o-box-shadow: 0px 0px 8px rgba(118, 118, 118, .3);
}
.bookPoplist:hover i {
  display: none;
}
.export-form .layui-form-item{
  padding: 30px 30px;
  border-bottom: 1px solid #eee;
}
.export-form .layui-form-item .layui-inline{
  margin-right:80px;
}
.export-form .layui-form-radio{
  margin-right: 0;
}
.export-form .layui-form-radio>i{
  font-size: 18px;
}
.export-form .layui-form-radio>i:hover, .export-form .layui-form-radioed>i {
    color: #00a0e9;
}
.export-form .layui-form-item .layui-form-checkbox{
  width: 30%;
  margin-bottom: 20px;
  margin-top: 0;
}
.export-form .layui-form-checked[lay-skin=primary] i {
    border-color: #00a0e9 !important;
    background-color: #00a0e9;
    color: #fff;
}
/* 右侧主体内容 */
.mainRight {
  width: 1000px;
  float: right;
}

.mainTab {
  width: 100%;
  line-height: 58px;
  /* padding: 10px 0; */
  background: #BA162E;
  text-align: center;
  display: flex;
}

.mainTab a {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  flex: 1;
  line-height: 58px;
  display: inline-block;
  border-right: 1px solid #ca4c5e;
}

.mainTab a.active {
  background: #036599;
  color: #fff;
}

.mainTab a:hover {
  background: #036599;
  color: #fff;
}

.NavLabel {
  margin-top: 10px;
}

.NavLabel span {
  padding: 5px 8px;
  margin: 0 2px;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
}

.NavLabel span.active {
  background: #04659a;
  color: #fff;
}

.NavLabel span:hover {
  color: #04659a;
}

.capsuleTab {
  text-align: center;
}

.capsuleTab.textLeft {
  text-align: left;
}

.capsuleTab a {
  color: #555;
  margin: 0 40px;
  padding: 8px 20px;
  font-size: 20px;
  border-radius: 5px;
}

.capsuleTab a.active {
  background: #ba162e;
  color: #fff;
}

.capsuleTab a:hover {
  background: #ba162e;
  color: #fff;
}

.search-form .layui-form-item .layui-inline input.time {
  background: #fff url(../images/time.png) no-repeat 95% center;
}

.search-form .layui-form-label {
  width: 130px;
}

.search-form .layui-form-item {
  margin-bottom: 10px;
  clear: both;
}

.search-form .searchBtn {
  text-align: center;
}

.search-form .searchBtn button {
  padding: 0 40px;
  margin-right: 10px;
  cursor: pointer;
}

.iconfont.delete,.cursor-pointer{
  cursor: pointer;
}
.bluepjfl{
  color:#00649c;
  line-height:30px;
  margin-right:2%;
  cursor:pointer;
}
.bluepjflouter{
  display: inline-block;
  margin-left: 8%;
  margin-top: -2.5%;
  height: 60px;
  overflow: hidden;

}
.layui-form-select .layui-input{
  padding-right: 0;
}
.bshare-qqmb,.bshare-renren{
  display: none !important;
}
.cursor_pointer{
  cursor:pointer;
}
.heightAuto{
  height: auto !important;
}