*{
	margin: 0;
	padding: 0;
}
.home-top{
	height: 7.8rem;
	background: radial-gradient(ellipse at bottom, #1b2735, #090a0f);
	position: relative;
}
.layer1 {
	position: fixed;
	z-index: 0;
	width: 1px;
	height: 1px;
	left: 0;
	top: 0;
	border-radius: 50%;
	animation: move-ee68e3bb 100s linear infinite;
	box-shadow: 16vw 94vh #fff,45vw 32vh #fff,48vw 1vh #fff,83vw 8vh #fff,4vw 4vh #fff,74vw 37vh #fff,59vw 19vh #fff,39vw 44vh #fff,31vw 6vh #fff,76vw 100vh #fff,22vw 58vh #fff,68vw 97vh #fff,52vw 52vh #fff,98vw 29vh #fff,68vw 84vh #fff,25vw 31vh #fff,37vw 24vh #fff,7vw 71vh #fff,71vw 96vh #fff,57vw 73vh #fff,71vw 68vh #fff,8vw 90vh #fff,8vw 7vh #fff,21vw 41vh #fff,74vw 82vh #fff,49vw 41vh #fff,79vw 23vh #fff,75vw 39vh #fff,4vw 86vh #fff,47vw 81vh #fff,46vw 59vh #fff,59vw 26vh #fff,78vw 77vh #fff,82vw 37vh #fff,27vw 66vh #fff,44vw 87vh #fff,21vw 3vh #fff,66vw 30vh #fff,81vw 74vh #fff,4vw 54vh #fff,91vw 50vh #fff,27vw 26vh #fff,39vw 43vh #fff,90vw 31vh #fff,39vw 30vh #fff,33vw 54vh #fff,24vw 12vh #fff,71vw 58vh #fff,46vw 38vh #fff,2vw 43vh #fff,43vw 36vh #fff,82vw 20vh #fff,59vw 84vh #fff,45vw 1vh #fff,1vw 67vh #fff,84vw 2vh #fff,25vw 19vh #fff,15vw 23vh #fff,74vw 64vh #fff,37vw 45vh #fff,46vw 5vh #fff,71vw 36vh #fff,43vw 11vh #fff,2vw 59vh #fff,94vw 60vh #fff,97vw 31vh #fff,7vw 87vh #fff,78vw 64vh #fff,36vw 72vh #fff,46vw 48vh #fff,87vw 89vh #fff,52vw 36vh #fff,65vw 82vh #fff,30vw 75vh #fff,24vw 26vh #fff
}

.layer1:after {
	content: "";
	position: fixed;
	width: 1px;
	height: 1px;
	top: 100vh;
	left: 0;
	border-radius: inherit;
	box-shadow: inherit;
	z-index: inherit
}

.layer2 {
	position: fixed;
	z-index: 0;
	width: 2px;
	height: 2px;
	left: 0;
	top: 0;
	border-radius: 50%;
	animation: move-ee68e3bb 50s linear infinite;
	box-shadow: 24vw 1vh #fff,81vw 51vh #fff,64vw 69vh #fff,51vw 35vh #fff,71vw 24vh #fff,53vw 41vh #fff,72vw 79vh #fff,76vw 10vh #fff,20vw 86vh #fff,70vw 95vh #fff,42vw 82vh #fff,81vw 59vh #fff,39vw 71vh #fff,77vw 12vh #fff,77vw 97vh #fff,82vw 95vh #fff,10vw 80vh #fff,44vw 6vh #fff,70vw 33vh #fff,45vw 67vh #fff,95vw 41vh #fff,2vw 37vh #fff,22vw 41vh #fff,55vw 34vh #fff,45vw 21vh #fff,38vw 75vh #fff,58vw 16vh #fff,12vw 98vh #fff,11vw 19vh #fff,17vw 12vh #fff,39vw 2vh #fff,84vw 89vh #fff,70vw 83vh #fff,49vw 70vh #fff,18vw 71vh #fff,70vw 53vh #fff,49vw 53vh #fff
}

.layer2:after {
	content: "";
	position: fixed;
	width: 2px;
	height: 2px;
	top: 100vh;
	left: 0;
	border-radius: inherit;
	box-shadow: inherit;
	z-index: inherit
}

@keyframes move-ee68e3bb {
	to {
		transform: translateY(-100vh)
	}
}
.top{
	position: relative;
	height: 7.8rem;
	padding: .3rem .28rem 0;
}
.logo{
	position: absolute;
	top: .3rem;
	left: .28rem;
	width: 1.64rem;
	height: 1.4rem;
}
.gonggao{
	width: .98rem;
	height: .98rem;
	background-image: url('../img/icon1.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	right: .8rem;
	top: .6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .22rem;
	color: #920822;
}
.yunliao{
	width: .98rem;
	height: .98rem;
	background-image: url('../img/icon1.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	left: .44rem;
	top: 2.64rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .22rem;
	color: #fff;
}
.pore{
	position: relative;
}
.poab{
	position: absolute;
}
.pofx{
	position: fixed;
}
.t0{
	top: 0;
}
.b0{
	bottom: 0;
}
.l0{
	left: 0;
}
.r0{
	right: 0;
}
.bsbox{
	box-sizing: border-box;
}
.dsf{
	display: flex!important;
}
.dsif{
	display: inline-flex!important;
}
.jcc{
	justify-content: center!important;
}
.jcfe{
	justify-content: flex-end!important;
}
.alc{
	align-items: center!important;
}
.jcsb{
	justify-content: space-between!important;
}
.alb{
	align-items: baseline!important;
}
.w100b{
	width: 100%;
}
.h100b{
	height: 100%;
}
.zindex10{
	z-index: 10;
}
.zindex100{
	z-index: 100;
}
.fg1{
	flex-grow: 1;
	width: 0;
}
.flexnowrap{
	flex-wrap: nowrap;
}
.flex-wrap{
	flex-wrap: wrap;
}
.nowrap{
	white-space: nowrap;
}
.flex-row{
	flex-direction: row!important;
}
.flex-column{
	flex-direction: column!important;
}
.diqiu-box-content{
	margin-top: 1.4rem;
	height: 3.8rem;
	position: relative;
}
.diqiubox{
	width: 100%;
	height: 100%;
}
.diqiubox-mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.jiedian{
	position: absolute;
	left: 0;
	bottom: 1.2rem;
	width: 100%;
	padding: 0 .28rem;
	box-sizing: border-box;
	color: #2E99C8;
	font-weight: bold;
}
.fz40{
	font-size: .40rem;
}
.fz38{
	font-size: .38rem;
}
.fz26{
	font-size: .26rem;
}
.pt15{
	padding-top: .15rem;
}
.home-center{
	position: relative;
	z-index: 1;
	background-color: #e6f2fe;
	border-top-left-radius: .16rem;
	border-top-right-radius: .16rem;
	margin-top: -.2rem;
	padding-left: .24rem;
	padding-right: .24rem;
	padding-top: .24rem;
}
.banner{
	height: 2.4rem;
	margin-bottom: .2rem;
}
.swiper-slide-img{
	height: 100%;
	width: 100%;
	border-radius: .1rem;
}
.jiedianjianshe{
	padding-top: .2rem;
	height: .75rem;
	box-sizing: border-box;
	background-image: url('../img/icon2.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 4.5rem .75rem;
	font-size: .24rem;
	color: #051D5B;
	font-weight: bold;
	display: flex;
	justify-content: center;
}
.jiedianjianshe span{
	height: .24rem;
	line-height: .24rem;
}
.jiedianjianshe_info{
	font-size: .16rem;
	color: #1350CB;
	text-align: center;
}
.list{
	padding-top:  .2rem;
	padding-left: .2rem;
	display: flex;
	flex-wrap: wrap;
}
.list-item{
	padding-right: .2rem;
	padding-bottom: .2rem;
}
.list-item:nth-child(2n){
	padding-right: 0;
}
.list-item-box{
	box-sizing: border-box;
	width: 3.2rem;
	padding-top: .1rem;
	padding-bottom: .1rem;
	border: 1px solid #fff;
	border-radius: .18rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 0 .04rem rgba(255, 255, 255, 1);
}
.list-img,.list-img img{
	width: 2.9rem;
	height: 2.9rem;
}
.list-text{
	box-sizing: border-box;
	width: 100%;
	padding-top: .18rem;
	padding-left: .2rem;
	padding-right: .2rem;
}
.list-text-s1{
	display: flex;
	align-items: center;
	font-size: .2rem;
	color: #535E6A;
	margin-bottom: .12rem;
}
.list-text-s1 span:first-child{
	margin-right: .15rem;
	color: #F66C24;
}
.list-text-s1 span:last-child{
	flex-grow: 1;
	width: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.jianshe{
	margin: 0 auto;
	width: 80%;
	height: .38rem;
	background-color: #0040ff;
	font-size: .2rem;
	color: #fff;
	border-radius: .05rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ad-bg{
	padding-left: .2rem;
	padding-right: .2rem;
	padding-bottom: .1rem;
}
.ad-bg img{
	width: 100%;
	height: auto;
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .2);
}
.fz32{
	font-size: .32rem;
}
.fz28{
	font-size: .28rem;
}
.fz24{
	font-size: .24rem;
}
.col666{
	color: #666;
}
.home-btm{
	padding-top: .24rem;
	padding-left: .2rem;
	padding-right: .2rem;
}
.cate {
	box-sizing: border-box;
    width: 100%;
    overflow: scroll;
    margin: .14rem 0 0;
    position: sticky;
    z-index: 2;
    padding: .22rem .15rem .15rem;
    background-color: #fff;
    top: 0;
    flex-wrap: nowrap
}

.cate .item {
    text-align: center;
    font-size: .28rem;
    padding: 0 .3rem;
    white-space: nowrap;
    border-radius: .05rem;
    color: #000;
    height: .5375rem;
    line-height: .5375rem
}

.cate .active {
    background-color: #0040ff;
    color: #fff
}
::-webkit-scrollbar {
    display: none
}
.h450{
	height: 4.5rem;
}

.tabbox{
	height: 4.5rem;
}
.tabbox .tag1 {
    width: .625rem;
    overflow: hidden;
    transform: rotate(45deg);
    height: .625rem;
    margin: 0 .4rem 0 .2rem
}

.tabbox .tag1 .tag4 {
    color: #fff;
    transform: rotate(-45deg);
    width: .625rem;
    text-align: center;
    font-size: .375rem;
    line-height: .625rem;
    height: .625rem;
    background-color: #38b5b5
}

.tabbox .tag1 .tag_bg0 {
    background-color: #deb62f
}

.tabbox .tag1 .tag_bg1 {
    background-color: #cdd6d6
}

.tabbox .tag1 .tag_bg2 {
    background-color: #74614e
}

.tabbox .item{
	box-sizing: border-box;
    width: 100%;
    font-size: .375rem;
    align-items: center;
    color: #fff;
    justify-content: space-between;
    padding: .18rem .15rem;
}
.tabbox .name {
    flex: 1;
    width: 3.3rem;
    font-size: .28rem;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tabbox .cate_name {
    flex: 1;
    color: #94afaf;
    text-align: center;
    font-size: .26rem
}

.tabbox .price {
    flex: 1;
    width: 3.3rem;
    align-items: flex-end;
    justify-content: flex-end;
    color: #333;
    font-size: .26rem;
}

.tabbox .price span {
    font-size: .38rem;
    color: red;
}

.st-tabbar{
	height: 1.1rem;
}
.st-tabbar-box{
	position: fixed;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .96rem;
	background-color: #fff;
}
.tabitem{
	box-shadow: 0 -3px .1rem rgba(53, 53, 53, .1);
}
.tabitem img{
	width: .42rem;
	height: .42rem;
}
.tabitem img.img2{
	display: none;
}
.tabitem span{
	margin-top: 2px;
	font-size: .22rem;
	color: #999;
}
.tabitem.active img.img1{
	display: none;
}
.tabitem.active img.img2{
	display: inline-block;
}
.tabitem.active span{
	color: #f3512f;
}