input, button {
  border: none;
  outline: none;
}
body{
  width:100%;
  height:auto;
  background:#001965;
  color:#fff;
  background-size:100% 100%;
  position:relative;
  font-family:"思源黑体CN";
}
body::-webkit-scrollbar {
  width: 1rem;
  height: 1.2rem;
}
body::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  box-shadow: inset 0 0 0.5rem rgba(5, 1, 77, 0.2);
  background: rgba(1, 8, 81, 0.5);
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.5rem rgba(5, 1, 77, 0.2);
  border-radius: 0;
  background: rgba(1, 8, 81, 0.4535);
}
.exh-bg{
  width:100%;
  height:100%;
  /* background:url(../images/exhDetailsImg/exhSecondBg3.png) no-repeat;
  background-size:100% 100%; */
}
.center-box {
  margin: 0 auto;
  width: 140rem;
  text-align: left;
  position:relative;
}
.exhTop{
  width:100%;
  height:32.7rem;
  background:url(../images/exhDetailsImg/exhTopBg.png) no-repeat;
  background-size:100% 100%;
  position:relative;
}
.exhDet-logo{
  position:absolute;
  width:15.2rem;
  height:10.5rem;
  display:inline-block;
  /* background:url(../images/onlineImg/logo.png) no-repeat; */
  background-size:contain;
}
.exhDet-logo2024{
  background:url(../images/onlineImg/logo2024.png) no-repeat;
  background-size:100% 100%;
}
.exhDet-title{
  position:absolute;
  top:6.2rem;
  left:33.6rem;
  width:90.8rem;
  height:6.2rem;
  background:url(../images/exhDetailsImg/exhDetTitle.png) no-repeat;
  background-size:100% 100%;
}
/* 底部按鈕樣式 */
.online_gallery{
  position:absolute;
  left:50%;
  top:19.4rem;
  transform:translate(-50%, 0);
  width:117.1rem;
  height:6.5rem;
}
.onBtn ul{
  display:flex;
  justify-content: space-between;
}
.onBtn ul li{
  width:21rem;
  height:6.2rem;
  line-height:6.2rem;
  text-align:center;
  color:rgba(255,255,255,.4);
  font-size:2.2rem;
  background:url(../images/onlineImg/onlineBtn.png) no-repeat;
  background-size:100% 100%;
}
.onBtn ul li a{
  color:rgba(255,255,255,.4);
}
.onBtn ul li a i{
  width:2.3rem;
  height:2.6rem;
  display:inline-block;
  vertical-align:middle;
  margin-right:1.3rem;
  background:url(../images/onlineImg/abhBtn.png) no-repeat;
  background-size:100% 100%;
  background-size:100% 100%;
}
.onBtn ul li:nth-child(2) a i{
  width:3.1rem;
  background:url(../images/onlineImg/zsBtn.png) no-repeat;
  background-size:100% 100%;
}
.onBtn ul li:nth-child(3) a i{
  width:2.6rem;
  height:2.8rem;
  background:url(../images/onlineImg/zpBtn.png) no-repeat;
  background-size:100% 100%;
}
.onBtn ul li:nth-child(4) a i{
  width:2.5rem;
  background:url(../images/onlineImg/zxzbBtn.png) no-repeat;
  background-size:100% 100%;
}
.onBtn ul li:nth-child(5) a i{
  width:3.3rem;
  height: 2.8rem;
  background:url(../images/onlineImg/gydjBtn.png) no-repeat;
  background-size:100% 100%;
}
.onBtn ul li.current{
  background:url(../images/onlineImg/onlineBtnHover.png) no-repeat;
  background-size:100% 100%;
}
.onBtn ul li.current a{
  color:#fff;
}
.onBtn ul li.current a i{
  background:url(../images/onlineImg/abhBtnHover.png) no-repeat;
  background-size:100% 100%;
}
.onBtn ul li:nth-child(2).current a i{
  background:url(../images/onlineImg/zsBtnH.png) no-repeat;
  background-size:100% 100%;
}
.onBtn ul li:nth-child(3).current a i{
  background:url(../images/onlineImg/zpBtnHover.png) no-repeat;
  background-size:100% 100%;
}
.onBtn ul li:nth-child(4).current a i{
  background:url(../images/onlineImg/zxzbBtnHover.png) no-repeat;
  background-size:100% 100%;
}
.onBtn ul li:nth-child(5).current a i{
  background:url(../images/onlineImg/gydjBtnHover.png) no-repeat;
  background-size:100% 100%;
}
/*内容样式*/
.exhDet-con{
  width:100%;
  height:auto;
  overflow:hidden;
}
.exhDetTitle{
  width:100%;
  height:35rem;  
  background:url(../images/exhDetailsImg/exhTitleBg.png) no-repeat;
  background-size:100% 100%;
}
.exhDet-con .bread{
  width:100%;
  height:4rem;
  line-height:4rem;
  font-size:2.2rem;
  padding-left:5rem;
  box-sizing: border-box;
  font-family:"思源黑体CN";
}
.exhDet-con .bread a{
  display:inline-block;
  background:url(../images/exhDetailsImg/breadArrowSecond.png) no-repeat center right;
  padding-right:2.5rem;
  margin-right:2rem;
  cursor:pointer;
  text-decoration:none;
  color:#fff;
}
.exhDet-con .bread em{
  font-style:normal;
  color:#fff;
}
.exhDet-con .exh-title{
  width:100%;
  height:19.4rem;
  padding:16rem 10rem 0rem 8rem;
  box-sizing: border-box;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.exhDet-con .exh-title .exh-left{
  width:70rem;
  display:flex;
  align-items: center;
  justify-content: space-around;
}
.exhDet-con .exh-title .exh-logo{
  width:19.4rem;
  height:19.4rem;
  border-radius:50%;
  background:#fff;
  box-shadow:0.1rem 0.1rem 2rem rgba(0,70,140,.15);
  display:flex;
  justify-content: center;
  align-items: center;
}
.exhDet-con .exh-title .exh-logo img{
  max-width: 90%;
}
.exhDet-con .exh-title .exh-tit{
  line-height:4.2rem;
  box-sizing:border-box;
}
.exhDet-con .exh-title .exh-tit h4{
  font-size:2.8rem;
}
p.entProfile {
  padding: 1rem;
}
.content-title {
  font-size: 2.2rem;
  line-height: 200%;
}
.exhDet-con .exh-title .exh-tit p{
  font-size:1.6rem;
}
.exhDet-con .exh-title .exh-tit-btn{
  width:44.4rem;
  margin-top: 2rem;
}
.exhDet-con .exh-title .exh-tit-btn span{
  width:13.8rem;
  height:5.8rem;
  line-height:5.8rem;
  border-radius:2.9rem;
  text-align:center;
  font-size:2rem;
  color:#00468c;
  cursor:pointer;
  display:inline-block;
  background:#fff;
  border:1px solid #0c64bf;
}
.exhDet-con .exh-title .exh-tit-btn span i{
  width:2.4rem;
  height:2.4rem;
  display:inline-block;
  vertical-align: middle;
  margin-right:1rem;
  background:url(../images/exhDetailsImg/negIcon.png) no-repeat;
  background-size:100% 100%;
}
.exhDet-con .exh-title .exh-tit-btn span em{
  font-style:normal;
  display:inline-block;
  vertical-align: middle;
}
.exhDet-con .exh-title .exh-tit-btn span:nth-child(2) i{
  background:url(../images/exhDetailsImg/appIcon.png) no-repeat;
  background-size:100% 100%;
}
.exhDet-con .exh-title .exh-tit-btn span:nth-child(3) i{
  background:url(../images/exhDetailsImg/notedIconHover.png) no-repeat;
  background-size:100% 100%;
}
.exhDet-con .exh-title .exh-tit-btn span.exh-cur{
  color:#fff;
  background:linear-gradient(to bottom, #256ef3, #42b8ff);
}
.exhDet-con .exh-title .exh-tit-btn span.exh-cur i{
  background:url(../images/exhDetailsImg/negIconHover.png) no-repeat;
  background-size:100% 100%;
}
.exhDet-con .exh-title .exh-tit-btn span.exh-cur:nth-child(2) i{
  background:url(../images/exhDetailsImg/appIconHover.png) no-repeat;
  background-size:100% 100%;
}
.exhDet-con .exh-title .exh-tit-btn span.noted-cur:nth-child(3) i{
  background:url(../images/exhDetailsImg/notedIcon.png) no-repeat;
  background-size:100% 100%;
}
 .cutting-edge{
  font-size:1.8rem;
  line-height: 6.8rem;
}
.cutting-edge div i{
  width:4.2rem;
  height:4.2rem;
  border-radius:50%;
  margin-right:1.5rem;
  display:inline-block;
  vertical-align: middle;
  background:rgba(255,255,255) url(../images/exhDetailsImg/edgeIcon1.png) no-repeat center center;
  box-shadow:0 0 0.8rem rgba(133,200,255,.47);
}
 .cutting-edge div:nth-child(2) i{
  background:rgba(255,255,255) url(../images/exhDetailsImg/edgeIcon2.png) no-repeat center center;
}
.cutting-edge div:nth-child(3) i{
  background:rgba(255,255,255) url(../images/exhDetailsImg/edgeIcon3.png) no-repeat center center;
}
 .cutting-edge div em{
  font-style:normal;
}
.exhArtBg{
  width:100%;
  height:auto;
  overflow:hidden;
  background:url(../images/exhDetailsImg/exhArtBg.png) no-repeat;
  background-size:100% 100%;
}
.exhDet-con .exh-article{
  /* width:104rem; */
  height:auto;
  padding-bottom:2rem;
  margin:0 auto;
  overflow:hidden;
  /* padding:0 2rem; */
}
.exhDet-con .exh-article p{
  font-size:1.8rem;
  text-indent:2em;
  line-height:3.4rem;
}
.exhDet-con .exh-article .exh-art-ban{
  width:100%;
  height:52.5rem;
  margin:3rem 0;
}
.relBg{
  width:100%;
  height:auto;
  /* min-height:107rem; */
  background:url(../images/exhDetailsImg/relBg.png) no-repeat;
  background-size:100% 100%;
}
.exhDet-con .rel-exh{
  width:100%;
  height:auto;
  overflow:hidden;
}
.exhDet-con h3{
  /* width:100%;
  height:6rem;
  line-height:6rem;
  text-align:center;
  font-size:2.4rem;
  background:url(../images/exhDetailsImg/relSecondTitle.png) no-repeat center center;
  margin-bottom:2.7rem; */
  width: 76.8rem;
  height: 7rem;
  line-height: 7rem;
  padding-left: 8rem;
  box-sizing: border-box;
  font-size: 3.6rem;
  text-align: left;
  background: url(../images/exhDetailsImg/relMoreSecondTitle.png) no-repeat;
  margin-bottom: 2.7rem;
  font-weight: bold;
}
.module-title{
  width: 76.8rem;
  height: 7rem;
  line-height: 7rem;
  padding-left: 8rem;
  box-sizing: border-box;
  font-size: 3.6rem;
  text-align: left;
  background: url(../images/exhDetailsImg/relMoreSecondTitle.png) no-repeat;
  margin-bottom: 2.7rem;
  font-weight:bold;
}
.exhDet-con .rel-exh .cates{
  width:100%;
  height:auto;
  overflow:hidden;
  margin:3rem 0;
}
.exhDet-con .rel-exh .cates span{
  padding:0 2rem;
  height:4.4rem;
  line-height:4.4rem;
  font-size:1.6rem;
  border:1px solid rgba(255,255,255,.3);
  border-radius:1rem;
  margin-right:1rem;
  margin-bottom:1rem;
  cursor:pointer;
  float:left;
  text-shadow: 1px 0px rgba(255, 255, 255, 1);
}
.exhDet-con .rel-exh .cates .cate-item-active{
  background:#fff;
  color:#00468c;
}
.exhDet-con .rel-exh ul{
  width:100%;
  height:auto;
  overflow:hidden;
}
.exhDet-con .rel-exh ul li{
  width:30rem;
  height:36rem;
  background:rgba(255,255,255,.2);
  cursor:pointer;
  margin-right:5rem;
  margin-bottom:5rem;
  float:left;
}
.exhDet-con .rel-exh ul li:nth-child(4n){
  margin-right:0rem;
}
.exhDet-con .rel-exh ul li .rel-img{
  width:100%;
  height:26.9rem;
  display:flex;
  align-items: center;
  justify-content: center;
}
.exhDet-con .rel-exh ul li .rel-img img{
  /* max-width: 100%; */
  margin:0 auto;
  /* height:100%; */
  width:90%;
  height:20rem;
  object-fit:contain
}
.exhDet-con .rel-exh ul li .rel-bot{
  width:100%;
  height:9rem;
  padding:2.3rem;
  line-height:2.6rem;
  background:linear-gradient(to bottom, #0b5a9e, #4729c9);
  box-sizing: border-box;
}
.exhDet-con .rel-exh ul li .rel-bot h4{
  width:100%;
  font-size:1.8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color:#fff;
}
.exhDet-con .rel-exh ul li .rel-bot p{
  width:100%;
  font-size:1.6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color:rgba(255,255,255,.5);
}
.exhDet-con .rel-exh ul li.current .rel-bot{
  background:#ebf2fb;
}
.exhDet-con .rel-exh ul li.current .rel-bot h4{
  color:#173ba3;
}
.exhDet-con .rel-exh ul li.current .rel-bot p{
  color:rgba(23,59,163,.5);
}
.relLiveBg{
  width:100%;
  height:auto;
  /* min-height:126.9rem; */
  background:url(../images/exhDetailsImg/relLiveBg.png) no-repeat;
  background-size:100% 100%;
}
.exhDet-con .rel-live{
  width:100%;
  height:auto;
  overflow:hidden;
}
.exhDet-con .rel-live .live-con ul{
  width:100%;
  height:auto;
  overflow:hidden;
}
.exhDet-con .rel-live .live-con li{
  width:43rem;
  height:auto;
  padding:2rem;
  margin-right:3rem;
  float: left;
}
.exhDet-con .rel-live .live-con li.emptytip{
  /* width:43rem; */
  width: 100%;
  height:auto;
  padding:2rem;
  box-sizing: border-box;
  background:linear-gradient(135deg, #3583f8, #493adc);
  float:left;
  margin-right:3rem;
}
.exhDet-con .rel-live .live-con li:nth-child(3n){
  margin-right:0;
}
.exhDet-con .rel-live .live-con li video{
  width:39rem;
  height:auto;
}
.exhDet-con .rel-live .live-con li .live-content{
  width:39rem;
  height:8rem;
  padding:0 2.7rem;
  box-sizing:border-box;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.exhDet-con .rel-live .live-con li .live-content .live-text h4{
  font-size:1.8rem;
  line-height:3.6rem;
}
.exhDet-con .rel-live .live-con li .live-content .live-text p{
  font-size:1.4rem;
  color:rgba(255,255,255,.6);
}
.exhDet-con .rel-live .live-con li .live-content .live-btn{
  width:7.3rem;
  height:3.4rem;
  line-height:3.4rem;
  text-align:center;
  font-size:1.4rem;
  color:#f9faff;
  border:1px solid #fff;
  cursor:pointer;
}
.exhDet-con .rel-live .live-con li .live-content .live-bro{
  background:linear-gradient(135deg, #80cbff, #42b8ff);
}
.exhDet-con .exh-more{
  margin-top:12rem;
}
.exhDet-con .exh-more>h3{
  width:76.8rem;
  height:7rem;
  line-height:7rem;
  padding-left:8rem;
  box-sizing: border-box;
  font-size:3.6rem;
  text-align:left;
  background:url(../images/exhDetailsImg/relMoreSecondTitle.png) no-repeat;
  margin-bottom:2.7rem;
}
.exh-more li{
  width:100%;
  height:5rem;
  padding-left:8rem;
  box-sizing: border-box;
  display:flex;
  justify-content: left;
  align-items: center;
}
.exh-more li span{
  width:10rem;
  font-size:1.8rem;
  color:rgba(255,255,255,.5);
}
.exh-more li em{
  font-style:normal;
  font-size:1.8rem;
}
/*轮播图*/
.live-video {
  width: 100%;
  height: 28.4rem;
  position:relative;
}
.live-video video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.VideoBtn,.liveVideoBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width:5.8rem;
  height:5.8rem;
  transform:translate(-50%, -50%);
  border:2px solid #fff;
  border-radius:50%;
  background:rgba(0,0,0,.3);
  cursor: pointer;
  z-index: 10;
}
.VideoBtn img,.liveVideoBtn img{
  width:1.8rem;
  height:2.4rem;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
.slideBox{
  width: 120rem;
  height:52.5rem;
  overflow:hidden;
  position:relative;
}
.slideBox .slideBtn{
  width:20rem;
  height:52.5rem;
  background:rgba(0,0,0,.3);
  float:left;
}
.slideBox .hd{
  width:100%;
  height:44rem;
  overflow-y:auto;
}
.slideBox .hd::-webkit-scrollbar {
  width: 0.6rem;
  height: 1.2rem;
}
.slideBox .hd::-webkit-scrollbar-thumb {
  border-radius: 0.6rem;
  box-shadow: inset 0 0 0.5rem rgba(5, 1, 77, 0.2);
  background: rgba(1, 8, 81, 0.5);
}
.slideBox .hd::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0.5rem rgba(5, 1, 77, 0.2);
  border-radius: 0;
  background: rgba(1, 8, 81, 0.4535);
}
.slideBox .hd ul{
  overflow:hidden;
  zoom:1;
  padding-top:0.3rem;
  padding-bottom:0.3rem;
}
.slideBox .hd ul li{
  width:100%;
  height:10rem;
  margin-bottom:1.2rem;
  cursor:pointer;
  position:relative;
}
.slideBox .hd ul li:last-child{
  margin-bottom:0;
}
.slideBox .hd ul li img{
  width:14.9rem;
  height:10rem;
  border:3px solid rgba(255,255,255,.3);
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  object-fit: cover;
}
.slideBox .hd ul li.on img{
  border:3px solid #fff;
}
.slideBox .slideBtn a{
  width:100%;
  height:4rem;
  opacity:0.5;
  display:inline-block;
  z-index:3;
  background:url(../images/exhDetailsImg/exhDetTopArrow.png) no-repeat center center;
}
.slideBox .slideBtn a.next{
  background:url(../images/exhDetailsImg/exhDetBotArrow.png) no-repeat center center;
}
.slideBox .slideBtn a:hover{
  opacity:1;
}
.slideBox .bd{
  width:100rem;
  height:100%;
  background:rgba(0,0,0,.3);
  padding:4rem 0;
  box-sizing: border-box;
  float:right;
}
.slideBox .bd li{
  width:100rem;
  height:44rem;
}
.slideBox .bd img{
  width:100%;
  height:100%;
  display:block;
}
/*Foot部分*/
.foot-box {
  width: 150rem;
  height: 28rem;
  margin:0 auto;
}
.foot-con{
  width:79.6rem;
  height:28rem;
  margin:0 auto;
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.foot-left .footLogo {
  width: 38.7rem;
  height: 11rem;
  /* background: url(../images/exhDetailsImg/exhDetFootLogo.png) no-repeat; */
  background: url(../images/botlogo.png) no-repeat;
  background-size: 100% 100%;
}
.foot-left .footLogo2024{
    background: url(../images/botlogo-2024.png) no-repeat;
    background-size: contain;
}
.foot-right .code{
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.6rem;
  display:flex;
  justify-content: space-between;
}
.foot-right .code img{
  width: 12.2rem;
  height: 12.2rem;
  float: left;
  margin-bottom: 2.2rem;
}
.code .code-text {
  float: left;
  font-size: 1.6rem;
  margin-left: 2.5rem;
  line-height: 4rem;
  text-align: left;
}
.code .code-text p:last-child {
  font-weight: bold;
}
.foot-bottom {
  width: 100%;
  height: 5.4rem;
  background:rgba(255,255,255,.05);
  text-align: center;
  font-size: 1.6rem;
  line-height: 5.4rem;
}
/*弹窗样式*/
.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 71rem;
  min-width: 32rem;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  backface-visibility: hidden;
  transform: translateX(-50%) translateY(-50%);
}
.md-show {
  visibility: visible;
}
.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0,0,0,.6);
  transition: all 0.3s;
}
.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}
body .md-modal .md-content {
  color: #000;
  font-size: 1.6rem;
  padding:0 4.5rem 1rem;
  background: #fff;
  position: relative;
  border-radius: 1rem;
  margin: 0 auto;
}
.md-content h3 {
  text-align: center;
  font-size: 2.8rem;
  height: 9.7rem;
  line-height: 9.7rem;
  color: #002040;
  border-bottom:0.1rem solid #dfe2f5;
}
.md-effect-13.md-modal {
  perspective: 130rem;
}
.md-effect-13 .md-content {
  transform-style: preserve-3d;
  transform: translateZ(-300rem) rotateY(90deg);
  opacity: 0;
}
/*radio按钮样式*/
.RadioStyle input {
  display: none 
}
#top_bit .modal-con >label{
  float:left;
  width:9.5rem;
  line-height:3.6rem;
}
#top_bit .modal-text >label{
  width:8rem;
  line-height:4.6rem;
  text-align:right;
  margin-right:1.7rem;
}
#top_bit .modal-con > div.RadioStyle{
  float:left;
  width:52.5rem;
}
#top_bit .modal-con > div.RadioStyle > label{
  padding:0 2.4rem;
  display:inline-block;
  margin-right:1rem;
  margin-bottom:1rem;
  height:3.6rem;
  line-height:3.6rem;
  text-align:center;
  border: 1px solid #b9bcc5;
  color: #6b7083;
  text-align: center;
  cursor: pointer;
}
#top_bit .modal-con > div.RadioStyle input:checked + label {
  background: #00468c;
  color: #fff 
}
.md-show.md-effect-13 .md-content {
  animation: slit .7s forwards ease-out;
}
.md-show .dateinputer{
  width:52rem;
  line-height:4.6rem;
  height:4.6rem;
  border:1px solid #ccc;
  cursor: pointer;
  position:relative;
  padding-left:1.6rem;
  box-sizing: border-box;
  float:left;
  font-size:1.6rem !important;
}
@keyframes slit {
  50% {
      transform: translateZ(-25rem) rotateY(89deg);
      opacity: 1;
      animation-timing-function: ease-in;
 }
  100% {
      transform: translateZ(0) rotateY(0deg);
      opacity: 1;
 }
}
#top_bit {
  padding-top:3rem;
}
#top_bit input[type="text"], #top_bit textarea {
  font-size: 1.6rem;
  background: #fff;
  border: 1px solid #ccc;
  margin-bottom: 1.6rem;
  border-radius: 0.5rem;
  transition: all 0.5s ease-in-out;
}
#top_bit input[type="text"]{
  width:52rem;
  height:4.6rem;
  padding-left:1.6rem;
  box-sizing:border-box;
  border:1px solid #dbdbdb;
}
#top_bit input:focus, #top_bit textarea:focus {
  box-shadow: 0 0 0.3rem #ccc;
  transform: scale(1.01);
}
#top_bit .modal-con {
  overflow:hidden;
}
#top_bit .modal-con > label > span {
  color: #f00;
}
#top_bit textarea {
  width: 52rem;
  min-height: 10rem;
  background:#fafafb;
  resize: none;
  outline: none;
  padding-left: 1.6rem;
  padding-top: 1rem;
  float:left;
  box-sizing:border-box;
}
#top_bit input:not(:focus), #top_bit textarea:not(:focus) {
  opacity: 0.5;
}
#top_bit input:required, #top_bit textarea:required {
  background: url("tests/formdemo/asterisk_orange.png") no-repeat 28rem 0.7rem;
}
#top_bit input:valid, #top_bit textarea:valid {
  background: url("tests/formdemo/tick.png") no-repeat 28rem 0.5rem;
}
#top_bit input:focus:invalid, #top_bit textarea:focus:invalid {
  background: url("tests/formdemo/cancel.png") no-repeat 28rem 0.7rem;
}
#top_bit .subBtn {
  width: 100%;
  height:7.4rem;
  text-align: center;
  margin-top:5rem;
  margin-bottom:4rem;
}
#top_bit .subBtn>input{
  width:13rem;
  height:4rem;
  line-height:4rem;
  color:#fff;
  text-align:center;
  font-size:1.6rem;
  background:#bbbbce;
  opacity:1;
  cursor:pointer;
}
#top_bit input[type=submit] {
  background: #00468c;
  color: #fff;
  cursor: pointer;
}
/*上传图片样式*/
#uploadImgs{
  width:52rem;
  margin-left:9.5rem;
}
#labelId{
  display:inline-block;
  vertical-align:middle;
}
#uploadImgs .show-img-div2 {
  position: relative;
  width:11rem;
  height:11rem;
  border: 1px solid #dbdbdb;
  display:inline-block;
  margin-right:1rem;
  vertical-align: middle;
}
#uploadImgs .show-img-div2 .show-mask-layer{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,.3);
}
#uploadImgs .show-img-div2 span {
  width: 2.9rem;
  height: 2.9rem;
  background:url(../images/upImgRem.png) no-repeat;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
}
#uploadImgs div img {
  width: 11rem;
  height: 11rem;
  cursor: pointer;
}
.uploadImgs-add {
  width: 11rem;
  height: 11rem;
  border: 1px dotted #dbdbdb;
  background:#fafafb url(../images/upImgAddBg.png) no-repeat center center;
  cursor: pointer;
}
/*checkbox样式*/
.ser-agr{
  height:5.5rem;
  line-height:5.5rem;
}
.ser-check{
  display:inline-block;
  vertical-align: middle;
}
.ser-agr input[type=checkbox]:checked:disabled {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 1.3rem;
  height: 1.3rem;
  position: relative;
  border: 1px solid rgba(0, 119, 255, 0.7);
  border-radius: 0.2rem;
  overflow: hidden;
}
.ser-agr input[type=checkbox]:checked:disabled::before {
  content: '';
  display: block;
  height: 1.3rem;
  width: 1.3rem;
  background: rgba(0, 119, 255, 0.6);
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  border-radius: 0.2rem;
}
.ser-agr input[type=checkbox]:checked:disabled::after {
  content: '」';
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  top: 0.2rem;
  left: 0rem;
  overflow: hidden;
  color: #fff;
  font-weight: bold;
  line-height: 0.4rem;
}
.ser-agr em{
  font-style:normal;
  display:inline-block;
  vertical-align: middle;
}
.module-block{
  margin-bottom: 3rem;
}
p.module-content{
  padding:0 6rem!important;
}
li.activity-item{
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  float: left;
  width: 30rem;
  margin-right: 3rem;
  align-items:inherit
}
li.activity-item img{
  width:30rem;
  object-fit: cover;
  height: 20rem;
  margin-bottom: 1rem;
}
li.activity-item .info{
  font-size: 2rem;
  line-height: 150%;
  text-align: left;
}
.links{
  position: absolute;
  right:12rem;
  top:1rem;
}
.link-item{
  font-size: 1.6rem;
  position: relative;
  cursor: pointer;
  padding-right: 1rem;
  margin-left: 1rem;
}
.link-item::after{
  position: absolute;
  width:1px;
  background:white;
  content:"";
  height:10px;
  right:0;
  top:50%;
  transform: translateY(-50%);
}
.links .link-item:last-child::after{
  display: none;
}
.link-item:hover{
  color:#01081d;
}
.live-video{
  height: 28.4rem!important ;
}
.live-content{
background:rgba(0,0,0,.3);
width: 100%;
}
.exhDet-con .rel-live .live-con li .live-content .live-text p{
  font-size: 2.2rem;
}
.exhDet-con .rel-live .live-con li .live-content {
  width: 100%;
  height: 8rem;
  padding: 0 2.7rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exhDet-con .rel-live .live-con li .live-content .live-btn{
  width: auto;
}
.exhDet-con .rel-live .live-con li .live-content .live-btn a{
  padding:1rem 2rem;
  color:#fff;
}