@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../font/SourceHanSansCN-Regular.otf");
}
@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("../font/SourceHanSansCN-Light.otf");
}
@font-face {
  font-family: "SourceHanSansCN-Medium";
  src: url("../font/SourceHanSansCN-Medium.otf");
}
@font-face {
  font-family: "HUXIAOBONANSHENTI-2";
  src: url("../font/HUXIAOBONANSHENTI-2.OTF");
}

* {
  font-family: "微软雅黑";
  padding: 0;
  margin: 0;
  /* box-sizing: border-box; */
}
body {
  font-family: "微软雅黑";
}

/* ----------------------首页---------------------- */
.bg{
  position: relative;
  background: no-repeat center;
  height: 1080px;
}
.ilogo{
  padding-top: 180px;
  text-align: center;
}
.inav-title{
  color: #333333;
  font-size: 40px;
  margin-top: 35px;
  text-align: center;
  font-family: "SourceHanSansCN-Medium";
}
.inav{
  margin-top: 100px;
}
.ul-inav{
  display: flex;
  justify-content: space-between;
}
.iwrap{
  width: 1608px;
  margin: 0 auto;
}

/* ----------------------center（监督瞭望台-监督工作-监督计划---------------------- */
.header{
  background: url('../images/top.png') no-repeat center;
  background-size: 100% 100%  ;
  height: 140px;
}
.h-l{
 display: flex;
 align-items: center;
}
.h-l-title{
 margin-left: 20px;
 font-family: "HUXIAOBONANSHENTI-2";
 color: #ffffff;
 line-height: 51px;
 font-size: 36px;
}
.h-wrap{
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 0 50px;
 height: 100%;
}
.jd-wrap{
 width: 1500px;
 margin: 0 auto;
}
.jd{
 padding: 60px 0;
}
.jd-title{
 color: #000000;
 font-weight: bold;
 font-size: 36px;
 text-align: center;
}
.jd-sel{
 width: 100%;
 height: 60px;
 text-align: center;
 line-height: 60px;
 color: #ffffff;
 font-size: 26px;
 font-family: 'Adobe 黑体 Std';
 border: none;
 border-radius: 100px;
 background: url('../images/7.png') no-repeat 90%;
 background-color: #812b2e;
 background-size: 15px 10px;
 appearance: none;
 -webkit-appearance: none;
 outline: none;
 cursor: pointer;
}
.sel-nd{
 display: none;
 position: absolute;
 top: 60px;
 left: 0;
 width: 100%;
 padding:10px 0 ;
 border-radius: 0 0 25px 25px;
 background-color: #fbd6a2;
 z-index: 9;

}
.ul-sel-nd{
  max-height: 300px;
  overflow-y: auto;
}
.ul-sel-nd li{
 color: #000000;
 font-size: 26px;
 font-family: 'Adobe 黑体 Std';
 text-align: center;
 line-height: 50px;
}
.ul-sel-nd a li{
  display: block;
}
.ul-sel-nd>li:nth-last-child(1){
border-radius: 0 0 25px 25px;
}
.ul-sel-nd>li:hover{
 background-color: #f3c380;
}
.ul-jd-ss{
 display: flex;
 justify-content: center;
}
.ul-jd-ss>li{
 position: relative;
 width: 300px;
 margin: 0 5px;
}
.jd-ss-act .jd-sel{
 border-radius: 25px 25px 0 0 ;
}
.jd-ss{
 margin-top: 50px;
}
.jd-inp{
 width: 100%;
 height: 100%;
 outline: none;
 color: #999999;
 font-size: 20px;
 padding: 0 25px;
 background-color: transparent;
 box-sizing: border-box;
}
.jd-go{
 outline: none;
 cursor: pointer;
 background: url('../images/8.png') no-repeat center;
 background-size: 22px;
 height: 100%;
 width: 72px;
}
.jd-ss-inp{
 display: flex;
 justify-content: space-between;
 border-radius: 25px;
 border: 1px #d7d7d7 solid;
 height: 60px;
 background-color: #f6f6f6;
 box-sizing: border-box;

}
.jih-title{
font-size: 26px;
color: #000000;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 90%;

}
.jih-time{
color: #999999;
font-size: 26px;
}
.jih{
  position: relative;
 margin-top: 50px;
}
.ul-jih a{
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 27px 0;

}
.ul-jih>li{
 position: relative;
 padding-left: 22px;
 border-top: 1px #e0e0e0 dotted;
}
.ul-jih>li::after{
 content: '';
 position: absolute;
 left: 0;
 top: 38px;
 width: 4px;
 height: 4px;
 border-radius: 100%;
 background-color: #000;
 
}
.scroll{
 max-height: 845px;
 overflow-y: auto;
 max-width: 1828px;
 width: 96%;
 margin: 0 auto;
 max-height: 810px;
 box-sizing: border-box;
}
.scroll::-webkit-scrollbar-thumb,.scroll2::-webkit-scrollbar-thumb,.ul-sel-nd::-webkit-scrollbar-thumb,.gd-xq-c::-webkit-scrollbar-thumb{
background-color:#812b2e;
border: 1px #d6d6d6 solid;
border-radius: 6px;
}
.scroll::-webkit-scrollbar,.scroll2::-webkit-scrollbar,.ul-sel-nd::-webkit-scrollbar,.gd-xq-c::-webkit-scrollbar {
background-color: #d6d6d6;
width: 12px;
height: 12px;
border-radius: 6px;

}
.db-xq-top{
  border-bottom: 1px #e0e0e0 dotted;
  padding-bottom: 40px;
}
.db-xq-t{
margin-top: 30px;
text-align: center;
}
.db-xq-t span{
color: #999999;
font-size: 20px;
margin: 0 6px;
}
.db-xq-pic{
margin: 50px auto 20px;
width: 1155px;
height: 772px;
}
.db-xq-pic>img{
width: 100%;
height: 100%;
}
.db-xq-tx{
font-size: 26px;
line-height: 50px;
color: #333333;
margin-top: 28px;
}
/* 动态 */
.ul-dtai{
  display: flex;
}
.dtai-pic{
  position: relative;
}
.ul-dtai>li{
  width: 400px;
  margin-left: 66px;
  text-align: center;
}
.ul-dtai>li:nth-child(1){
  margin-left: 0;
}
.dtai-pic>img{
width: 400px;
height: 290px;
}
.dtai-tx{
color: #000000;
font-size: 26px;
margin-top: 28px;
}
.scroll2{
width: 1826px;
margin: 0 auto;
}
.dtai-cont{
width: 1800px;
margin: 0 auto;

}
.dtai-wrap{
padding: 100px 0;
overflow-x: auto;
}
/* 民生实事 */
.ul-tb{
  margin-top: 50px;
}
.ul-tb>li{
display: flex;
align-items: center;
border-top: 1px #e0e0e0 dotted;
}
.ul-tb>li:nth-last-child(1){
border-bottom: 1px #e0e0e0 dotted;
}
.ul-tb>li:nth-child(1)>div{
color: #999999;
font-size: 26px;
}
.ul-tb>li>div{
color: #000000;
font-size: 20px;
line-height: 44px;
padding: 18px 0 ;
}
.ul-tb>li>div:nth-child(1){
width: 118px;
}
.ul-tb>li>div:nth-child(2){
width: 752px;
}
.ul-tb>li>div:nth-child(3){
width: 480px;
text-align: center;
padding: 0 35px;
box-sizing: border-box;
}
.ul-tb>li>div:nth-child(4){
width: 180px;
text-align: right;
}
.tb-size-26>li>div{
  font-size: 26px;
}
/* ------------------代表履职云-代表-------------------------- */
.ul-db-pic>li{
  width: 236px;
}
.ul-db-pic>li .dtai-pic>img{
  width: 236px;
  height: 330px;
}

.db-cont{
  display: flex;
}
.db-l{
  min-width: 640px;
  background-color: #f0f0f0;
  padding: 57px 0;
  height: 940px;
  box-sizing: border-box;
}
.db-r{
padding: 45px 40px 45px 30px;
width: 100%;
box-sizing: border-box;
}
.db-l-c{
  width: 480px;
  margin: 0 auto;
}
.db-l-pic{
  margin: 0 auto;
  width: 268px;
  height: 374px;
}
.db-l-pic>img{
  width: 100%;
  height: 100%;
}
.db-l-tx{
min-width: 206px;
text-align: right;
color: #999999;
font-size: 26px;
line-height: 42px;
box-sizing: border-box;
padding-right: 10px;
}
.db-l-tx2{
  width: 100%;
  color: #333333;
  font-size: 26px;
  line-height: 42px;
}
.ul-db-l-txt{
  padding-top: 30px;
}
.ul-db-l-txt>li{
  display: flex;
  margin-top: 12px;
}
.db-r .scroll{
 max-width: 1078px;
}
.lb-db .swiper-slide{
  width: 300px;
  height: 180px;
}
.lb-db-pic>img{
width: 300px;
  height: 180px;
}
.db-lb{
  margin-bottom: 30px;
}
.baog-tx{
  color: #000000;
  font-size: 26px;
  line-height: 50px;
  margin-top: 20px;
}
.bom{
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.bom-pic{
  margin: 0 15px;
  border-radius: 4px;
  overflow: hidden;
}
.dtai-more{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(129, 43, 46, 0.9);
}
.dtai-more-pic>img{
  width: 80px;
  height: 80px;
}
/* ----------------------立法直通车---------------------- */
.lif-dh-pic{
  position: relative;
  width: 699px;
  height: 698px;
  margin: 0 auto;
  background: url('../images/17.png') no-repeat center;
  border-radius: 100%;

}
.lif-dh-tx{
  position: absolute;
  color: #ffffff;
  font-weight: bold;
  font-size: 36px;
  line-height: 44px;
  text-align: center;
  padding: 20px;
}
.xfa-wrap{
  display: flex;
  justify-content: space-evenly;
  padding: 60px 0;
}
.xfa-pic{
box-shadow: 8px 8px 10px 1px #bbbbbb;
}
.xfa-wrap{
  display: flex;
  justify-content: space-evenly;
  padding: 60px 0;
}
.xfa-pic{
box-shadow: 8px 8px 10px 1px #bbbbbb;
}
.ul-fal{
  display: flex;

}
.ul-fal>li{
  margin-left: 50px;
}
.ul-fal>li:nth-child(1){
  margin-left: 0;
}
.xfa-xq-tx{
  color: #333333;
  font-size: 26px;
  line-height: 56px;
  margin-top: 20px;
}
.tb-size-26>li>div{
  box-sizing: border-box;
}
.tb-3>li>div:nth-child(1) {
  width: 805px;
}
.tb-3>li>div:nth-child(2){
  width: 440px;
  text-align: center;
}
.tb-3>li>div:nth-child(3) {
  width: 255px;
}
.tb-3>li .tb-3-tx{
  position: relative;
  padding-left: 22px;

}
.tb-3-tx::after{
  content: '';
position: absolute;
left: 0;
top: 38px;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #000;
}
/* ----------------------公开征集---------------------- */
.tb-size-26>li>div{
  box-sizing: border-box;
}
.tb-3>li>div:nth-child(1) {
  width: 805px;
}
.tb-3>li>div:nth-child(2){
  width: 440px;
  text-align: center;
}
.tb-3>li>div:nth-child(3) {
  width: 255px;
}
.tb-3>li .tb-3-tx{
  position: relative;
  padding-left: 22px;

}
.tb-3-tx::after{
  content: '';
position: absolute;
left: 0;
top: 38px;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #000;
}
.zji-btn{
  display: flex;
  justify-content: space-between;
  margin-top: 350px;
}
.zji-btn a{
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  border-radius: 100px;
  width: 470px;
  height: 100px;
  line-height: 100px;
  background-color: #812b2e;
  transition: .5s;
  -webkit-transition: .5s;
}
.zji-btn a:hover{
  background-color: #fbd6a2;
  color: #000000;
}

.zji-xq-tx{
  text-align: right;
  color: #333333;
  font-size: 26px;
  min-width: 218px;
  padding-right: 20px;
  margin-top: 10px;
  line-height: 58px;
  box-sizing: border-box;
}
.zji-xq-tx span{
  color: #ff0000;
}
.zji-xq-text textarea{
  width: 1190px;
  height: 440px;
  border: 1px #e4e4e4 solid;
  border-radius: 4px;
  padding: 20px;
  box-sizing: border-box;
  color: #999999;
  font-size: 26px;
  background-color: #f1f1f1;
  resize: none;
  outline: none;
}
.zji-xq-btn {
  margin-top: 30px;
}
.zji-xq-btn input{
  width: 300px;
  height: 70px;
  border-radius: 4px;
  background-color: #812b2e;
  font-size: 26px;
  color: #fff;
  outline: none;
  cursor: pointer;
}
.zji-xq-text textarea::placeholder{
  color: #999999;
  font-size: 26px;
}
.zji-xq{
  display: flex;
}
.ul-zj-xq>li {
  display: flex;
  margin-top: 40px;
}

.ul-zj-xq .zji-xq-tx {
  min-width: 332px;
}

.ul-zj-xq .zji-xq-text textarea {
  width: 1168px;
  height: 200px;
}

.zji-xq-inp input {
  width: 806px;
  height: 80px;
  border: 1px #e4e4e4 solid;
  border-radius: 4px;
  padding: 0 20px;
  box-sizing: border-box;
  color: #999999;
  font-size: 26px;
  background-color: #f1f1f1;
  resize: none;
  outline: none;
}

.zji-xq-inp input::placeholder {
  color: #999999;
  font-size: 26px;
}
.zji-fj{
  display: block;
  height: 80px;
  width: 806px;
  background: url('../images/20.png') no-repeat 95%;
  background-size: 30px 26px;
  border: 1px #e4e4e4 solid;
  border-radius: 4px;
  padding: 0 20px;
  box-sizing: border-box;
  color: #999999;
  font-size: 26px;
  background-color: #f1f1f1;
}
.zji-sel{
  height: 80px;
  width: 806px;
  background: url('../images/21.png') no-repeat 95%;
  background-size: 20px 16px;
  border: 1px #e4e4e4 solid;
  border-radius: 4px;
  padding: 0 20px;
  box-sizing: border-box;
  color: #999999;
  font-size: 26px;
  background-color: #f1f1f1;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}
.ul-zj-msg .zji-xq-inp>input{
  width: 938px;
}
.msg-tshi{
  width: 938px;
  padding: 11px 30px;
  border: 1px #d17b7e solid;
  border-radius: 4px;
  background-color: #fbdddf;
  margin-top: 40px;
  box-sizing: border-box;
}
.msg-tshi p{
  color: #812b2e;
  font-size: 20px;
  line-height: 36px;
}
/* ----------------------人大数字库---------------------- */
.data_bg{ background:url(../images/data_bg.jpg) center center no-repeat; background-size:100% 100%; height:1080px; position:relative;}
.data_bg .header{ background:none;}
.data_bg .header .h-l-title{ color:#000;}
.data_bg .data_c{ display:flex; flex-wrap:wrap; height:calc(100% - 170px);}
.data_bg .data_w{ width:33.333333333333333333%; text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:100%;}
.data_bg .data_w .data_lf{ text-align:center;}
.data_bg .data_w .data_lf em{ display:block; width:260px; height:260px; position:relative;}
.data_bg .data_w .data_lf em:after{ content:""; display:block; position:absolute; left:260px; top:50%; margin-top:-2px; width:190px; height:4px; background:#812b2e;}
.data_bg .data_w .data_lf em img{ max-width:100%;}
.data_bg .data_w .data_lf p{ font-size:40px; color:#333; line-height:48px; margin-top:30px; font-family:"SourceHanSansCN-Medium";}
.data_bg .data_w .com_nav{ width:368px;}
.data_bg .data_w .com_nav li{ margin-bottom:31px;}
.data_bg .data_w .com_nav li a{ display:block; font-size:26px; color:#000; border-radius:1000px; line-height:93px; background:#fbd6a3; text-align:left; width:100%; padding-left:52px; box-sizing:border-box; font-weight:bold; position:relative;}
.data_bg .data_w .com_nav li a:after{ content:""; display:block; position:absolute; right:39px; top:50%; margin-top:-20px; width:12px; height:40px; background:url(../images/point1.png) no-repeat;}
.data_bg .data_w .data_md li a:after{ background-position:0 -80px;}
.data_bg .data_w .data_md li.on a{ background:#fff; color:#812b2e;}
.data_bg .data_w .data_md li.on a:after{ background-position:0 0;}
.data_bg .data_w .data_md li.on a:before{ content:""; display:block; position:absolute; left:368px; top:50%; margin-top:-2px; width:136px; height:4px; background:#fff;}
.data_bg .data_w.data_tab{ position:absolute; right:0; top:55px; bottom:0;}
.data_bg .data_w .data_rt li a{ background:#812b2e; color:#fff;}
.data_bg .data_w .data_rt li a:after{ background-position:0 -40px;}
.data_bg .data_w .data_rt li a:hover{ background:#fbd6a3; color:#000;}
.data_bg .data_w .data_rt li a:hover:after{ background-position:0 -80px;}
.data_ewm{ position:absolute; left:39px; top:176px; background:#efefef; border-radius:6px; text-align:center; padding:6px;}
.data_ewm img{ width:130px; height:130px;}
.data_ewm p{ font-size:16px; color:#666; line-height:25px; margin-top:5px;}
.data_line{ border-bottom:1px dotted #e0e0e0; padding-bottom:60px; margin-bottom:-10px;}
.data_book_list{ display:flex; flex-wrap:wrap; padding:10px 0 0 10px;}
.data_book_list li{ width:300px; margin:0 85px 31px 0;}
.data_book_list li:nth-child(4n){ margin-right:0;}
.data_book_list li a{ display:block;}
.data_book_list li .pic{ width:100%;}
.data_book_list li .pic img{ width:100%; height:390px;}
.data_book_list li p{ text-align:center; font-size:26px; color:#333; line-height:85px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.data_dt_tabs{ text-align:center; width:1200px; margin:150px auto;}
.data_dt_tabs th{ background:#f2f2f2; font-size:26px; line-height:32px; font-weight:500; padding:10px; box-sizing:border-box;}
.data_dt_tabs td{ background:#fff; font-size:26px; line-height:32px; padding:20px 15px;}
.data_news_list{ margin-top:-25px;}
.data_news_list li{ line-height:50px; border-bottom:1px dotted #e0e0e0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.data_news_list li a{ font-size:26px; color:#000; padding:15px 0; display:block;}
.data_dt_con{ color:#333; font-size:26px; line-height:2.154;}
.data_dt_con p{ margin:35px 0; text-indent:2em;}
.data_dt_con img{ display:block; margin:35px auto; max-width:100%;}
.data_view{ padding-bottom:50px;}
.data_view li{ position:relative; padding:20px 0 0 218px; margin-bottom:10px;}
.data_view li em{ position:absolute; left:0; top:40px; display:block; width:198px; text-align:right; line-height:36px; font-size:26px; color:#333; font-style:normal;}
.data_view li em font{ color:#f00; font-size:26px; margin-right:5px;}
.data_textarea{ resize:none; font-size:26px; line-height:50px; background:#f1f1f1; border-radius:5px; border:1px solid #e4e4e4; box-sizing:border-box; width:93%; padding:13px 20px; color:#333;}
.data_textarea::-webkit-input-placeholder{ color:#999;}
.data_textarea::-moz-placeholder{ color:#999;}
.data_textarea:-moz-placeholder{ color:#999;}
.data_textarea:-ms-input-placeholder{ color:#999;}
.data_textarea:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
.data_inbut{ width:300px; text-align:center; font-size:26px; color:#fff; background:#812b2e; border-radius:5px; line-height:70px; border:none; cursor:pointer;}
.data_tit{ border-bottom:1px dotted #e0e0e0; padding-bottom:40px; margin-bottom:-25px;}
.data_tit .db-xq-t{ margin-top:30px; text-align:center;}
.data_tit .db-xq-t span{ color:#999; font-size:20px; margin:0 5px;}



/* -----------------百科互动----------------- */
.ul-inav2{
  justify-content: center;
}
.ul-inav2>li{
  margin: 0 140px;
}
.baik-sp{
  position: relative;
}
.baik-sp>img,.baik-sp video{
width: 650px;
height: 440px;
}
.baik-sp-menb{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
}
.baik-title{
color: #000000;
font-size: 26px;
margin-top: 42px;
}
.baik-tx{
color: #999999;
font-size: 16px;
line-height: 30px;
margin-top: 15px;
} 
.baik-pic>img{
width: 380px;
height: 259px;
}
.ul-baik{
display: flex;
}
.ul-baik>li{
width: 380px;
margin-left: 40px;
}
.ul-baik>li:nth-child(1){
margin-left: 0px;
width: 650px;
}

.hud-title{
  color: #000000;
  font-size: 26px;
  line-height: 36px;
  margin-top: 45px;
  padding-bottom: 5px;
}
.ul-hud-xz>li{
  position: relative;
  color: #000000;
  font-size: 26px;
  display: flex;
  align-items: center;
  margin-top: 45px;
}
.ul-hud-xz>li span{
  margin: 0 15px 0 25px;
}
.ul-hud-xz>li p{
  width: 46px;
  height: 46px;
  background: url('../images/115.png') no-repeat center;
  background-size: 100%;
  cursor: pointer;
}
.ul-hud-xz>li input{
  appearance: none;
  position: absolute;
  width: 46px;
  height: 46px;
  left: 0;
  top: 0;
}
.ul-hud-xz>li input:checked + p{
  background-image: url('../images/116.png');
}
.ul-hud-xz>li input.error:checked + p{
  background-image: url('../images/error.png');
}
.ul-hud-bom{
  display: flex;
  justify-content: space-between;
  margin-top: 300px;
}
.ul-hud-bom a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 100px;
  background-color: #e7e7e7;
  color: #333333;
}
.ul-hud-bom>li{
  width: 400px;
  position: relative;
}
.ul-hud-bom>li:hover a,.hud-jx-act{
  background-color: #812b2e !important;
  color: #fff !important;
}
.ul-hud-bom>li:hover a img:nth-child(2),.hud-jx-act  img:nth-child(2){
  display: inline-block !important;
}
.ul-hud-bom>li:hover a img:nth-child(1),.hud-jx-act  img:nth-child(1){
  display: none;
}
.ul-hud-bom a span{
  margin: 0 10px;
  vertical-align: middle;

  font-size: 26px;
}
.ul-hud-bom a img:nth-child(2){
  display: none;
}
.jiexi-flex{
  display: flex;
}
.jiexi-tx{
  color: #ffa5a7;
  font-size: 26px;
  line-height: 48px;
  margin-left: 70px;
}
.jiexi-tx:nth-child(1){
  margin-left: 0;
}
.jiexi-tx span{
  color: #fff;
}
.jiexi{
  display: none;
  position: absolute;
  width: 910px;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%,-45px);
}
.jiexi::after{
  content: '';
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  width: 42px;
  height: 35px;
  background: url('../images/120.png') no-repeat center;
  background-size: 100%;
}
.jiexi-wrap{
  padding: 18px 40px 60px;
  background-color: #812b2e;
  border-radius: 8px;
  box-sizing: border-box;
}
.jiexi-tx2{
color: #fff;
  font-size: 26px;
  line-height: 48px;

}


/* 11.25 */
.xfa-pic-txt{
  padding: 240px 54px 0;
  text-align: center;
}
.xfa-pic{
  display: block;
  width: 340px;height: 440px;
}
.xfa-pic1{

  background: url('../images/121.png') no-repeat center;

}
.xfa-pic2{

  background: url('../images/122.png') no-repeat center;

}
.xfa-pic3{

background: url('../images/123.png') no-repeat center;

}
.xfa-pic-title{
 font-size: 30px;
 font-weight: bold;
 line-height: 50px;
}
.xfa-pic-tx{
  font-size: 24px;
  font-weight: bold;
  margin-top: 15px;
}
.xfa-pic1 .xfa-pic-title, .xfa-pic1 .xfa-pic-tx{
 color: #3d2f32 !important;
}
.xfa-pic2 .xfa-pic-title, .xfa-pic2 .xfa-pic-tx,  .xfa-pic3 .xfa-pic-title, .xfa-pic3 .xfa-pic-tx{
 color: #f7db0f !important;
}
.ul-llz-pic>li {
  position: absolute;
  opacity: 0;
  transition: .5s;
  -webkit-transition: .5s;
}


/* ------新答题----- */
.nbg{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../images/200.jpg') no-repeat center;
}
.qwdt-c{
  text-align: center;
}
.qwdt-title{
  color: #210d05;
  font-size: 60px;
  font-weight: bold;
  margin-top: 40px;
}
.qwdt-inp>input{
  width: 718px;
  height: 60px;
  text-align: center;
  color: #b5a78b;
  font-size: 26px;
  outline: none;
  border-radius: 100px;
  border: 1px #cdb68a solid;
  box-sizing: border-box;
  margin-top: 100px;
}
.qwdt-inp>input::placeholder{
color: #b5a78b;
  font-size: 26px;
}
.qwdt-btn input{
  width: 266px;
  height: 60px;
  color: #ffffff;
  font-size: 26px;
  margin-top: 27px;
  background-color: #eb8566;
  border-radius: 100px;
  cursor: pointer;
}

.hd-r{
  position: absolute;
  right: 60px;
  bottom: 70px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.hd-r-time{
  display: inline-block;
  width: 490px;
  height: 60px;
  border-radius: 100px;
  background-color: #d6463f;
  text-align: center;
  line-height: 60px;
}
.hd-r-time span{
  vertical-align: middle;
  margin-left: 10px;
  color: #fff;
  font-size: 26px;
}
.hd-r-nag {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
}
.hd-r-nag a{
  display: flex;
align-items: center;
justify-content: center;
width: 240px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 100px;
background-color: #eb8566;
color: #fff;

}
.hd-r-nag a:nth-last-child(1){
  margin-left: 10px;
}
.hd-r-nag a span{
  font-size: 26px;
  margin: 0 10px;
}
.hd-r-nag a:hover{
  background-color: #d6463f;
}
.ul-hud-xz>li input:checked + p {
  background-image: url(../images/202.png);
}
.ul-hud-xz .hud-true p{
  background-image: url(../images/202.png);
}
.ul-hud-xz .hud-false p{
  background-image: url(../images/206.png);
}
.jiex-w{
  position: relative;
  width: 300px;
  margin-right: 10px;
}
.jiex-w a{
  width: 100%;
}

 .jiexi-tx{
  color: #fff;
}
.jiexi-wrap{
  background-color: #41aeb6;
}
.jiexi::after{
  background-image: url('../images/120-1.png');
}
.ul-hud-bom>li:hover a, .hud-jx-act,.jiex-w>a:hover {
  background-color: #41aeb6 !important;
  color: #fff !important;
}
.jiex-w .jiexi-icon>img:nth-child(1){
  display: none;
}
     
.end-btn{
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.end-btn a{
  display: block;
  color: #ffffff;
  font-size: 26px;
  width: 266px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 100px;
  background-color: #eb8466;
  margin: 0 5px;
  cursor: pointer;
}



.phb-top{
  color: #ffffff;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  height: 90px;
  line-height: 90px;
  background-color: #40aeb6;
  border-radius: 10px 10px 0 0 ;
}
.phb-cont{

 padding: 50px 18px;

}
.phb-num{
 color: #777777;
 font-size: 20px;
 text-align: center;
 width: 30px;
 height: 36px;
 line-height: 36px;
}
.phb-tx{
 color: #000000;
 font-size: 20px;
 margin-left: 15px;
}
.ul-phb{
 display: flex;
flex-wrap: wrap;
margin-top: -14px;
flex-direction: column;
height: 750px;
align-content: flex-start;
}
.ul-phb>li{
 margin-top: 14px;
display: flex;
align-items: center;
width: 23%;
padding-left: 4%;
margin-right: 2%;
box-sizing: border-box;
}
.phb-c{
 position: relative;
 width: 72.92%;
 /* height: 86%; */
 width: 1400px;

 border-radius: 10px;

 background-color: #fef4e0;
}
.phb-w{
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100%;
}
.phb{
  display: none;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.75);
 z-index: 999;
}
.phb-cont-w{
 position: relative;
}
.phb-line{
 height: 100%;width: 1px;background-color: #d8d0bf;
 position: absolute;top: 0;
}
.phb-close{
 position: absolute;
 right: -16px;
 top: -16px;
 cursor: pointer;
}
.yhua-c{
  position: absolute;
  z-index: -1;
  animation:yhua 5s linear ;
	-webkit-animation:yhua 5s linear ; /* Safari and Chrome */
}


/* 12-30效果 */
.fk{
  position: absolute;
  border-radius: 1px;
  transition: 2s;
}
.fk3{
animation: lundon 5s linear infinite;
}
.qwdt-btn input{
  transition: 1s;
}
@keyframes lundon
{
to {transform:rotate(0deg);}
from {transform:rotate(360deg);}

}
.yhua-c{
  transform: translateY(700px);
  transition: 3s;
  -webkit-transition: 3s;
}
.hua-t0{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transition: all .5s;
  -webkit-transition: all .5;
  opacity: 0;
  transform: scale(0);
}
.hua-b{
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
}
.yhua-c>img{
   opacity: 0;
}
       .iback{
           display: flex;
           align-items: center;
           justify-content: center;
           position: fixed;
           left: 0;
           bottom: 68px;
           width: 150px;
           height: 60px;
           background-color: #812b2e;
           text-align: center;
           border-radius: 0 8px 8px 0;
           line-height: 60px;
           z-index: 999;
       }
       .iback span{
        
           margin-left: 10px;
           color: #fff;
           font-size: 26px;
       }