*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;font-family: "微软雅黑";box-sizing: border-box;font-style: normal;outline: none;-webkit-tap-highlight-color: transparent;}
body{width: 100%;overflow-x: hidden;background: #ffffff}
img{vertical-align: middle;max-width: 100%;}
/* 轮播图 */
.swiper-container{width: 100%;height: auto;overflow: hidden;}
.swiper-slide{width: 100%;height: auto;}
.swiper-slide img{width: 100%;}
.swiper-pagination{text-align: right;padding-right: .3rem;}
.swiper-pagination-bullet-active{width: .45rem;background: #ffffff;border-radius: .06rem;transition: all .3s linear;}
/* 八宫格 */
.grid-eight{width: 100%;height: auto;overflow: hidden;padding: .65rem 0 .25rem 0;border-bottom: .2rem solid #f2f2f2;}
.grid-eight ul{padding: 0 .2rem;display: flex;justify-content: center;flex-wrap: wrap;}
.grid-eight ul li{width: 20%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: .5rem;}
.grid-eight ul li i{font-size: .5rem;}
.grid-eight ul li span{font-size: .24rem;padding-top: .1rem;color: #333333;}
.grid-eight ul li:nth-child(1) i{color: #fed466;}
.grid-eight ul li:nth-child(2) i{color: #b194ff;}
.grid-eight ul li:nth-child(3) i{color: #057dea;}
.grid-eight ul li:nth-child(4) i{color: #3bc47c;}
.grid-eight ul li:nth-child(5) i{color: #61d095;}
.grid-eight ul li:nth-child(6) i{color: #41acee;}
.grid-eight ul li:nth-child(7) i{color: #ff8383;}
.grid-eight ul li:nth-child(8) i{color: #ffbd25;}
.icons{ width:78% ; border-radius: 50%; overflow: hidden;  }
/* 育儿资讯 */
.news{width: 100%;height: auto;overflow: hidden;padding: .2rem;}
.news .title{width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: .35rem;}
.news .title span{font-size: .38rem;color: #333333;}
.news .title a{font-size: .24rem;color: #999;}
.news .list{width: 100%;height: auto;overflow: hidden;}
.news .list ul li{display: inline-block;width: 48%;
    vertical-align: top;align-items: center;justify-content: flex-start;margin-bottom: .4rem;}
.news .list ul li img{width: 100%;height: 100%;flex-shrink: 0;border-radius: .15rem;margin-right: .25rem;}
.news .list ul li .desc {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.news .list ul li .desc p{font-size: .26rem;color: #333333;margin-bottom: .15rem;margin-top: .15rem; display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.news .list ul li .desc span{font-size: .24rem;color: #999;}
/* tap-bar */
.tap-bar-holder{width: 100%;height: 1.15rem;}
.tap-bar{width: 100%;height: auto;overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;background: #ffffff;box-shadow: 0 -.05rem .1rem rgba(100,100,100,.1);}
.tap-bar ul{width: 100%;display: flex;justify-content: space-between;}
.tap-bar ul li{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 1.15rem;color: #666666;}
.tap-bar ul li.on{color: #ff6464;}
.tap-bar ul li i{font-size: .48rem;}
.tap-bar ul li span{font-size: .18rem;margin-top: .05rem;}
.bb{width: 100%;height: auto;overflow: hidden;padding: .2rem;}
@media only screen and (min-width:1024px) {
	html {
	font-size:50px!important;
	max-width:750px;
	margin:0 auto
}
}@media (min-width:768px) and (max-width:1024px) {
	body,html {
	font-size:40px!important;
	max-width:750px;
	margin:0 auto
}
}@media (min-width:480px) and (max-width:768px) {
	body,html {
	font-size:40px!important;
	max-width:375px;
	margin:0 auto
}