html {
    height: 100%;
    font-size: calc(100vw/750*100);
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
@font-face {
    font-family: 'SY';
    font-display: swap;
    url('webfont.ttf') format('truetype');
}
body {
    height: 100%;
    overflow: hidden;
}
a,
a:hover,
a:focus,
a:active {
    outline: none;
    text-decoration: none;
}
ul {
    list-style: none;
}
button {
    border: none;
}
input,
button,
select,
textarea {
    outline: none;
    font-size: 0.28rem;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #cbcbcb;
    font-size: 0.28rem;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #cbcbcb;
    font-size: 0.28rem;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #cbcbcb;
    font-size: 0.28rem;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #cbcbcb;
    font-size: 0.28rem;
}
#app {
    height: 100%;
    position: relative;
    font-family: "SY", 'Microsoft YaHei', Arial, sans-serif;
    color: #333333;
    font-size: 0.28rem;
}
.wrap {
    height: 100%;
    position: relative;
    overflow: auto;
    padding-top: 2.06rem;
    background: #EEEEEE;
}
[v-cloak] {
    display: none;
}
.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.06rem;
    background-color: #ffffff;
    z-index: 1000;
    padding-top: 0.88rem;
}
.header_title {
    height: 1.18rem;
    background: #0071C1;
    padding: 0.24rem;
    position: relative;
}
.header_title .logo{
    height: 100%;
    float: left;
}
.logo_text{
    height: 100%;
    float: left;
    margin-left: 0.16rem;
    padding-left: 0.16rem;
    font-size: 0.24rem;
    color: #ffffff;
    border-left: 0.02rem solid;
}
.logo_text p{
    line-height: 0.36rem;
    white-space: nowrap;
}
.ico_search{
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  z-index: 100;
  top:50%;
  margin-top: -0.22rem;
  right: 1.3rem;
  background: url("../img/search.png") center no-repeat;
  background-size: 100% 100%;
}
.ico_nav{
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  z-index: 100;
  top:50%;
  margin-top: -0.22rem;
  right: 0.24rem;
  background: url("../img/nav.png") center no-repeat;
  background-size: 100% 100%;
}
/*页头查询*/
.box_query{
  height: 2.48rem;
  padding: 0.7rem 0.36rem 0;
  background: #ffffff;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow:0 0  0.1rem rgba(0,0,0,.2);
}
.box_search{
  width: 100%;
  height: 0.88rem;
  border-radius: 0.08rem;
  border: 0.02rem solid #979797;
  overflow: hidden;
  position: relative;
}
.box_search input{
  outline: none;
  border: none;
  width: 100%;
  height: 100%;
  padding-left: 0.34rem;
  padding-right: 2rem;
}
.btn_query{
  height: 100%;
  width: 1.7rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  line-height: 0.84rem;
  text-align: center;
  color: #ffffff;
  background: #0071C1;
}
/*页头导航*/
.list_nav{
  width: 83%;
  height: calc(100% - 2.06rem);
  padding: 0.7rem 0.34rem;
  background: #ffffff;
  position: fixed;
  top: 2.06rem;
  right: 0;
  z-index: 999;
  box-shadow:0 0  0.1rem rgba(0,0,0,.2);
  overflow: auto;
}
.item_nav .nav_name{
  font-size: 0.28rem;
  font-weight: bold;
  color: #333333;
  height: 0.7rem;
  line-height: 0.68rem;
  border-bottom: 0.02rem solid #E6E6E6;
}
.list_nav_child{
  padding-left: 0.36rem;
}
.item_nav_child{
  min-height: 0.7rem; 
  line-height: 0.68rem;
  border-bottom: 0.02rem solid #E6E6E6;
  font-size: 0.28rem;
  color: #666666;
}
.item_nav_child .nav_name{
	border-bottom: none;
}
.list_nav_child .list_nav_child .item_nav_child:last-child{
	border-bottom: 0.02rem solid transparent;
}
.item_nav_child p{
	border-bottom: none;
}
.ico_down{
  background: url("../img/arrow-up-bold.png") right 0.1rem center no-repeat;
  background-size: 0.18rem auto;
   border-bottom: 0.02rem solid #E6E6E6!important;
}
.ico_up{
  background: url("../img/arrow-down-bold.png") right 0.1rem center no-repeat;
  background-size: 0.18rem auto;
}
.loading{
  width: 32px;
  height: 32px;
 /*  position: fixed; */
  /* top: 50%; */
  /* bottom: 3%;
  left: 50%; */
  margin-left: 50%;
  /* z-index: 9999; */
  background:rgba(255,255,255,.6);
  /* border-radius: 50%; */
}
.nomore{
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  width: 2.6rem;
  /* border-radius: 0.06rem; */
  /* background: rgba(0,0,0,.7);
  color: #ffffff; */
  /* position: fixed; */
  /* top: 50%; */
  /* bottom: 3%;
  left: 50%;
  margin-left: -0.8rem; */
  margin: auto;
  /* z-index: 9999; */
}
.error{
	text-align: center;
}
.intro-div{
	border-bottom: 0.02rem solid #E6E6E6;
}

.pohto_list{}
.pohto_list ul{padding:6px 0; overflow:auto; zoom:1;}
.pohto_list ul li{ margin-right:20px; margin-top:10px; text-align:center; font-size:12px; color:#aaa; line-height:10px;}		
		
.list_pic{padding:20px 10px; overflow:auto; zoom:1;}
.list_pic li{float:left;  margin-top:5px; margin-left:10px; display:inline;}
.list_pic li a{display:block; padding:8px; border:1px solid #eee; background:#fff;}
.list_pic li a:hover{background:#C4E3FF;}
.list_pic li a img{display:block;}