/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./public/static/css/web/business.css ***!
  \******************************************************************************************************************/
.page-banner {
    background-image: url(/static/dist/assets/business_banner_6ed647.jpg);
}
.business-container {
    padding: 0 60px;
    text-align: center;
}
.business-container .floor1-container {
    padding: 72px 0;
}
.business-container .floor1-container .title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 36px;
}
.business-container .floor-container {
    background-color: #F8F8F8;
    border-radius: 60px;
    margin-bottom: 36px;
}
.business-container .business-info {
    padding: 56px 0 36px;
}
.business-container .business-info img {
    margin: 0 auto 50px;
    height: 100px;
}
.business-container .business-info p {
    line-height: 40px;
    padding: 0 40px;
}
.business-container .floor2-container img {
    width: 203px;
}
.business-container .floor3-container img {
    width: 147px;
}
.business-container .floor4-container img {
    width: 199px;
    height: 48px;
}
.business-container .business-img {
    height: 660px;
    border-radius: 60px;
    background: url(/static/dist/assets/geekvape_bg_caec6c.jpg) no-repeat center center;
    background: url(/static/dist/assets/img-2_d17347.jpg) no-repeat center center;
    -o-background-size: cover;
       background-size: cover;
    position: relative;
    z-index: 99;
}

.business-container .business-info .img-list{
	display: flex;
	justify-content: center;
	align-items: center;
}

.business-container .business-info .img-list img{
	margin-left: 20px;
	margin-right: 20px;
	height:24px;
}

.business-container .floor3-container .business-img {
    background-image: url(/static/dist/assets/geekbar_bg_f8f6c6.jpg);
        background-image: url(/static/dist/assets/img-1_bc13ef.jpg);

}

.business-container .floor5-container .business-img {
        background-image: url(/static/dist/assets/img-3_07cf89.jpg);

}
.business-container .floor4-container .business-img {
    background-image: url(/static/dist/assets/eceram_bg_0d50b2.jpg);
}
.sticky-top {
    background: transparent;
}

@media (max-width: 1440px) {
    .business-container {
        padding: 0 40px;
    }
}

@media (max-width: 1280px) {
    .floor4-container .business-info p br:last-child {
        display: none;
    }
}
@media (max-width: 1024px) {
    .business-container {
        padding: 0 32px;
    }
    .floor2-container .business-info p br:last-child,
    .floor3-container .business-info p br,
    .floor4-container .business-info p br {
        display: none;
    }
    .business-info {
        position: static;
    }
}
@media (max-width: 768px) {
	
	.business-container .business-info .img-list{
		flex-wrap: wrap;
	}
	.business-container .business-info .img-list img{
		height: 15px;
		
	}
    .business-container .business-info p {
        padding: 0 16px;
    }
    .floor1-container .description {
        padding: 0 16px;
    }
    .floor1-container .description br {
        display: none;
    }
}
@media (max-width: 767px) {
    .business-container {
        padding: 0 16px;
    }
    .business-container .floor1-container {
        padding: 32px 0;
    }
    .business-container .floor1-container .title {
        font-size: 24px;
        margin-bottom: 24px;
    }
    .business-container .business-info {
        padding: 32px 0 24px;
    }
    .floor2-container .business-info p br {
        display: none;
    }
    .business-container .business-info p {
        line-height: 30px;
    }
    .business-container .business-info img {
        margin-bottom: 24px;
        height: 60px;
    }
    .business-container .floor2-container img {
        width: 122px;
    }
    .business-container .floor3-container img {
        width: 88px;
    }
    .business-container .business-img {
        height: 420px;
    }
    .business-container .business-img,
    .business-container .floor-container {
        border-radius: 40px;
    }
}

/* 解决在safari浏览器下，z-index不生效问题 */
.business-container .business-img, .public-header {
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
}