< type="text/css">
#cmp-carousel-hook_1770475947160 {
margin-top: 0px;
margin-bottom: 0px;
}
#cmp-carousel-hook_1770475947160.new-home-carousel{
margin-bottom: 60px;
}
#cmp-carousel-hook_1770475947160 .cmp-carousel__rounded{
border-radius: 24px;
}
@media only screen and (max-width: 839.98px) {
#cmp-carousel-hook_1770475947160 {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media only screen and (max-width: 1440px) {
#cmp-carousel-hook_1770475947160.new-home-carousel{
margin-bottom: 4.1666vw;
}
}
@media only screen and (max-width: 750px) {
#cmp-carousel-hook_1770475947160.new-home-carousel{
margin-bottom: 5.5555vw;
}
}
>
惊叹轻薄 旗舰三摄
2 亿人像全能实况
2 亿人像全能实况
Pro 级实力 超美小直屏
2 亿超夜神 AI
自进化
续航巨无霸
超神性能双旗舰
< type="text/css">/* .cmp-carousel__swiper .cmp-carousel__item[data-swiper-slide-index="4"] .product-content .product-content-warp{
left: calc(50% - 133.5155px) !important;
}
@media (max-aspect-ratio: 660 / 758) and (min-width: 767px) and (max-width: 1025px) {
.cmp-carousel__swiper .cmp-carousel__item[data-swiper-slide-index="4"] .product-content .product-content-warp{
left: calc(50% - 80.5155px) !important;
}
}
@media screen and (min-width: 330px) and (max-width: 720px) {
.cmp-carousel__swiper .cmp-carousel__item[data-swiper-slide-index="4"] .product-content {
margin-top: 87.3333vw !important;
}
} */>
< type="text/css"> /* 1441--1920 */
@media screen and (min-width: 1441px) {
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp {}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content {
width: 1400px;
margin-right: 0px;
flex: 0 0 1400px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 235px;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content .product-content-warp {
left: calc(50% - 678px) !important;
visibility: visible;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content .new-home-banner-content-slogan {
margin-bottom: 135px;
color: #fff;
opacity: 1;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-title-img img {
height: 47px;
max-height: unset;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-advertise {
margin-bottom: 16px;
color: #fff;
opacity: 1;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-wrap {
padding: 0;
}
}
/* 1440----750 */
@media (min-width: 751px) and (max-width: 1440px) {
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content {
width: 97.2222vw;
margin: 0 auto;
padding: 0;
margin-right: 0px;
flex: 0 0 1400px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 17vw;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content .product-content-warp {
left: 2vw !important;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content .new-home-banner-content-slogan {
margin-bottom: 9vw;
color: #fff;
opacity: 1;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-title-img img {
height: 3.3vw;
max-height: unset;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-advertise {
margin-bottom: 1vw;
color: #fff;
opacity: 1;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-wrap {
padding: 0;
}
}
@media screen and (max-width: 750px) {
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content {
margin-top: 82.8889vw!important;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content.active-aa {
margin-top: 82.8889vw!important;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content .new-home-banner-content-slogan {
margin-bottom: 3vw;
color: #fff;
opacity: 1;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-title-img img {
max-height: 8vw;
width: auto;
max-width: 100%;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='0'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-advertise {
margin-bottom: 5vw;
color: #fff;
opacity: 1;
}
}
/* --------------------------- */
/* 1441--1920 */
@media screen and (min-width: 1441px) {
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp {}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content {
width: 1400px;
margin-right: 0;
flex: 0 0 1400px;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content .product-content-warp {
left: 50px !important;
visibility: visible;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content .new-home-banner-content-slogan {
color: #fff;
opacity: 1;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-title-img img {
height: 40px;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-advertise {
color: #fff;
opacity: 1;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-wrap {
padding: 0;
}
}
/* 1440----750 */
@media (min-width: 751px) and (max-width: 1440px) {
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content {}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content .product-content-warp {
margin-top: -6vw;
left: 5vw !important;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content .new-home-banner-content-slogan {
color: #fff;
opacity: 1;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-title-img img { height: 2.4vw;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-advertise {
color: #fff;
opacity: 1;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-wrap {}
}
@media screen and (max-width: 750px) {
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content {
margin-top: 13.8889vw!important;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content.active-aa {
margin-top: 13.8889vw!important;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content .new-home-banner-content-slogan {
color: #fff;
opacity: 1;
}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-title-img img {}
.cmp-carousel__item.swiper-slide[data-swiper-slide-index='1'] .new-home-banner-component .new-home-banner-comp .product-content .desolate-advertise {
color: #fff;
opacity: 1;
}
}>
<>
html,body{
background-color:#FFF;
}
@media screen and (max-width: 768px){
html,body{
background-color:#FFF;
}
}
>