@charset "utf-8";
/* CSS Document */


.yjs {
  width: 100%;

}
.yjsCenter{
  /*width: 70%;*/
width:1330px;
  margin: 0 auto;
  margin-top: 1em;
  display: flex;
  justify-content: space-between;
}

.yjsBox:nth-child(1){
	width: 20%;
}
.yjsBox:nth-child(2) {
  width: 79%;
}
.noticeBox{
	display: flex;
	justify-content: space-between;
}
.noticeBox .notice{
	width: 49%;
}
.function{
	margin-top: 16px;
}
.function img{
	width: 99%;
	height: auto;
	object-fit: fill;
margin-bottom:20px;
border-radius:4px;
}
.function img:hover{
	box-shadow: 1px 1.732px 12px 0px rgba(68, 129, 235, 0.5);
}
.dataListTitle{
	width: 70%;
}
.btn,.psh {
  color: #fff;
  cursor: pointer;
  width: 8em;
  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;
}

.listData span{
   display:none;
}


@media (max-width: 1366px) {
  .yjsCenter{
    width: 85%;
  }
.btn,.psh {
  font-size: 18px;

}
}
@media  (max-width: 1024px) {
  .yjsCenter{
    width: 90%;
  }
.btn,.psh{
padding:0.4em 0;
font-size:16px;
}
}
@media  (max-width: 768px) {
.yjsCenter {
width:95%;
}
.yjsBox:nth-child(2) {
  width: 79%;
}
.btn,.psh{
padding:0.4em 0;
font-size:14px;
height:1.7em;
}	
}
@media  (max-width: 480px) {
  .yjsCenter {
    width: 95%;
    margin-top: 1%;
    display: block;
  }
  .btn, .psh {
    padding: 0.4em 0;
    font-size: 14px;
   height: 1.5em;
  }
  .dataListHead {
    height: 2em;
  }
  .dataListTitle img {
    width: 12px;
  }
  .yjsBox {
    width: 95%!important;
margin: 0 auto;
  }
.noticeBox{
display: block;
}
.noticeBox .notice {
    width: 100%;
  }

  .function {
    margin-top: 6px;
    /*display: flex;
    justify-content: space-between;*/
float: left;
  }
  .btn img, .psh img {
    width: 13px;
  }
  .function img {
width:49%;
    margin-bottom: 4px;
  }

}

