html,body{ height: 100%;}

.w{width: 100%; height: 100%;}
.w1{width: 100%;}
.iw{ width: 100%; height: auto;}

.inav{ bottom: 2.6rem;   width: 100%;}
.foobox{height: 1.28rem;}
.footer{ position: fixed; z-index: 99; bottom: 0px; height: 1.27rem;width: 100%; background: url(../images/f.png) no-repeat; background-size: 100% 100%;}
.fnav{ width:1.2rem; height: 0.99rem; padding-top: 0.27rem; line-height: 0.99rem; font-size: 0.26rem; color: #fff; }
.on{ color: #a1b5fe;}
.mb1{margin-bottom: 0.03rem;}

body{font-size: 0.26rem; text-align: center;}

.list4{ font-size: 0.26rem;}
.list4 ul{ padding: 0 12px;}
.list4 ul li{ border-bottom:1px solid #9AA6D8 ; padding: 0.15rem 0.1rem;}
.list4 ul li img{ width:0.9rem; height: 0.9rem; float: left; padding-right: 0.5rem;}
.list4 ul li a{color: #111;}
.list4 ul li span{ color: #666;}
.tit{text-align: left; line-height: 0.45rem;}

.title{font-size:0.30rem;line-height:0.5rem;padding-top:0.1rem;text-align:center;color:#000000;}
 
.content{font-size:0.24rem;line-height:0.48rem;text-align:left;color:#333333;border-bottom:2px solid #d8e3eb;padding:0px 8px 10px;}
.content img{width:100%;height: auto;padding:5px 0px;}

.ssimg{cursor:pointer;-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out; width: 0.29rem;}
@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(1.0) }
    100% {
        -webkit-transform: scale(1.1);
        opacity: 0;
    }
}
@keyframes scaleout {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    } 100% {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          opacity: 0;
      }
}

.bt{color: #fff; font-size: 0.3rem; height: 0.5rem; line-height: 0.5rem; width: 2.1rem;}
.n1{position: absolute; left: 0.9rem; bottom: 2.9rem;}
.n2{position: absolute; right: 0.8rem;bottom: 2.6rem;}
.n3{position: absolute;left: 0.8rem;bottom: 1.9rem;}
.n4{position: absolute;right: 0.5rem;bottom: 1.7rem;}