@charset "utf-8";
/* CSS Document */

.lxs {
  width: 100%;
margin: 1em 0;
}
.lxsBox{
	  /*width: 70%;*/
width:1330px;
	margin: 0 auto;
	margin-top:1em;
	display: flex;
  justify-content: space-between;
}
.notice {
  width: 38%;
}
.lxsBox .notice:nth-child(1){
	width: 20%;
}
.function{
	margin-top: 1em;
}
.function img{
	width: 99%;
	height: auto;
	object-fit: fill;
           border-radius: 4px;
}
.function img:hover{
	box-shadow: 1px 1.732px 12px 0px rgba(68, 129, 235, 0.5);
}

.dataListTitle{
	width: 10em;
}
.btn,.psh {
  color: #fff;
  cursor: pointer;
  width: 9em;
  height: 1.2em;
  display: inline-block;
  position: relative;
  padding: 0.5em;
  font-size: 1.1em;
border-radius:4px;
}

.btn.active{
            background-color: #036cbd ;
border-radius:4px;
        }
.psh.active{
	 background-color: #036cbd ;
border-radius:4px;
}
.content,.form {
  display: none;
}
.content.selected {
  display: block;
}
.form.selected{
	display: block;
}
.listMainHead_left {
  width: 16%;
}
@media screen and (max-width:1366px){
.lxsBox {
    width: 85%;

  }
}
@media  (max-width: 1024px) {
  .lxsBox {
    width: 90%;
    font-size: 85%;
  }
.btn,.psh{
padding:0.4em 0;
}

}
@media  (max-width: 768px) {
 
}
@media  (max-width: 480px) {
.lxs{
margin:0em 0;
}  
.lxsBox {
    width: 95%;
   display: block;
   margin-top: 0;
  }

.notice{
  width: 100%;
/*  margin-top: 10px;*/
}

.lxsBox .notice:nth-child(1){
	width: 100%;
}
.dataListHead{
height:2.2em !important;
}
 .dataListTitle img {
    width: 13px;
  }
 .function {
    display: flex;
    justify-content: space-between;
    margin-top:4px;
  }
.btn,.psh{
font-size:14px;
}
  .btn img, .psh img {
    width: 13px;
  }
  .function img {
    width:99%;
    margin-bottom:4px;
  }
.listBarHead{
		padding: 1em 0 !important;
	}
}