/* 浜у搧涓績 */ .userproduct_title { font-size: 0.4rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #333333; text-align: center; } .userproduct_con { margin-top: 0.4rem; } .productclass_title { display: flex; align-items: center; font-size: 0.4rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #333333; } .pt_left { width: 0.07rem; height: 0.3rem; background: #4C2EEB; margin-right: 0.17rem; } .pt_right { font-size: 0.24rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; line-height: 0.24rem; } .productclass_warp { margin-top: 0.24rem; display: flex; align-items: center; flex-wrap: wrap; } .pcw_k { border-bottom: 0.06rem solid transparent; margin-right: 0.31rem; padding: 0.44rem .32rem 0.37rem; /*min-width: 2.6rem;*/ } .pcw_k:hover { box-shadow: 0rem 0rem 0.1rem 0.01rem rgba(0, 0, 0, 0.16); border-radius: 0.08rem 0.08rem 0.08rem 0.08rem; border-bottom: 0.06rem solid rgba(76, 46, 235, 1); } .pcw_k:nth-child(3n) { margin-right: 0; } .pcwk_img { width: 2rem; height: 2.16rem; } .pcwk_img img { width: 100%; height: 100%; object-fit: cover; } .pcwk_title { text-align: center; margin-top: 0.24rem; font-size: 0.16rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #333333; line-height: 0.24rem; } .user_product .pcwk_more{ display: none !important; } .pcwk_more { margin-top: 0.16rem; display: flex; align-items: center; justify-content: center; } .pcwkm_text { font-size: 0.12rem; font-family: MicrosoftYaHei-, MicrosoftYaHei; font-weight: normal; color: #4C2EEB; line-height: 0.36rem; margin-right: 0.08rem; } .pcwk_more img { width: 0.16rem; object-fit: cover; } .join_listright { width: 100%; } .userproduct_class { margin-bottom: 0.41rem; } /* 浜у搧涓績 end*/ /* 浜у搧璇︽儏 */ .product_detail { padding: 0 0 0.8rem; } .productdetail_one { display: flex; align-items: flex-start; } .pd_left { width: 4.3rem; margin-right: 0.4rem; } .productSwiper { width: 100%; } .productdetail_one { padding: 0.63rem 3.6rem 1.04rem; position: relative; background: #F5F5F5; } .swiper-btmbox { display: flex; align-items: center; margin-top: 0.32rem; } .swiper-next { margin-right: 0.4rem; } .swiper-next img, .swiper-prev img { cursor: pointer; width: 0.6rem; height: auto; object-fit: cover; } .productSwiper .swiper-slide { background: #FFF; border-radius: 0.2rem 0.2rem 0.2rem 0.2rem; } .productSwiper .swiper-slide:hover img { transition: all 0.8s; transform: scale(1.1); } .productSwiper .swiper-button-next, .productSwiper .swiper-button-prev{ color: #C6C6C6; } .productSwiper .swiper-button-next:after, .productSwiper .swiper-button-prev:after{ font-size: 0.36rem; } .productSwiper .swiper-slide img{ width: 70%; margin: 0 auto; padding: 0.5rem 0; } .productSwiper .swiper-pagination-bullet-active { width: 0.4rem !important; height: 0.12rem; background: #4C2EEB !important; border-radius: 0.06rem 0.06rem 0.06rem 0.06rem; } .productSwiper .swiper-pagination-bullet { width: 0.12rem; height: 0.12rem; background: rgba(222, 222, 222, 0.75); opacity: 1; } .swiper-btmbox .swiper-button-disabled{ filter: grayscale(100%); opacity: 0.3; } /* .swiper-btmbox .swiper-button-next, .swiper-btmbox .swiper-button-prev{ width: auto; } .swiper-btmbox .swiper-button-next.swiper-button-disabled, .swiper-btmbox .swiper-button-prev.swiper-button-disabled{ border: 0.02rem solid #999999 !important; } .swiper-btmbox .swiper-button-next:after, .swiper-btmbox .swiper-button-prev:after { width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 0.02rem solid rgba(76, 46, 235, 1) !important; display: flex; align-items: center; justify-content: center; font-size: 0.19rem; } */ .xg-bottom{ margin-top: 0.08rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0 0.51rem; } .xgb-k{ margin-top: 0.16rem; margin-right: 0.28rem; display: flex; align-items: center; justify-content: center; width: 1.5rem; height: 0.4rem; border-radius: 0.2rem 0.2rem 0.2rem 0.2rem; border: 0.01rem solid #D6D6D6; } .xgb-k:nth-child(2){ margin-right: 0; } .xutf-8-left{ width: 0.2rem; margin-right: 0.08rem; } .xutf-8-left img{ width: 100%; height: 100%; object-fit: cover; } .xutf-8-right{ font-size: 0.14rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #999999; line-height: 0.2rem; } .pd_right { padding-top: 0.17rem; width: 7.92rem; } .pdr_title { font-size: 0.36rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #333333; line-height: 0.32rem; padding-bottom: 0.29rem; border-bottom: 0.01rem solid #DBE0E4; } .pdr_con { width: 100%; margin-top: 0.4rem; font-size: 0.16rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #666666; line-height: 0.32rem; padding-bottom: 0.4rem; border-bottom: 0.01rem solid #DBE0E4; } .pdr_icon { margin-top: 0.32rem; display: flex; align-items: center; } .pdri_k { margin-right: 0.72rem; width: 1.4rem; } .pdri_k:last-child { margin-right: 0; } .pdri_k img { margin: 0 auto; width: 0.82rem; height: 100%; object-fit: cover; } .pdri_text{ margin-top: 0.2rem; font-size: 0.16rem; font-family: Source Han Sans SC-Medium, Source Han Sans SC; font-weight: 500; color: #333333; line-height: 0.32rem; text-align: center; } /* 鎶€鏈弬鏁 */ .parameter { margin-top: 0.8rem; padding: 0 3.6rem; } .parameter_title { text-align: center; font-size: 0.36rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #333333; line-height: 0.76rem; padding-bottom: 0.4rem; border-bottom: 0.01rem solid rgba(232, 232, 232, 1); } .parameterc_ktitle { border-bottom: 0.01rem solid #E8E8E8; height: 0.64rem; display: flex; align-items: center; } .parameterc_ktitle img { width: 0.14rem; object-fit: cover; margin-right: 0.2rem } .parameterckt_p { font-size: 0.16rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; } .parameterc_con { display: none; } .parameterc_warp { display: flex; align-items: center; /* border-top: 0.01rem solid #E8E8E8; */ border-bottom: 0.01rem solid #E8E8E8; } .parametercw_right { padding-left: 0.32rem; border-left: 0.01rem solid #E8E8E8; } .parametercwl_k { /*text-align: right;*/ height: 0.52rem; font-size: 0.14rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #666666; line-height: 0.52rem; } /*.parametercwr_k:first-child {*/ /* font-size: 0.16rem;*/ /* font-family: Microsoft YaHei-Bold, Microsoft YaHei;*/ /* font-weight: bold;*/ /* color: #333333;*/ /* line-height: 0.52rem;*/ /*}*/ .parametercwr_k { height: 0.52rem; font-size: 0.14rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #666666; line-height: 0.52rem; } .parametercw_left { padding-right: 0.32rem; width: 2.64rem; } .titlelogo { transform: rotate(180deg); } /* 鎶€鏈弬鏁 end*/ /* 鐩稿叧浜у搧 */ .pda_con .swiper-button-disabled{ filter: grayscale(100%); opacity: 0.3; } .pda_con .swiper-button-next img, .pda_con .swiper-button-prev img{ width: 100%; height: 100%; object-fit: cover; } .pda_con .swiper-button-next{ width: 0.6rem; height: 0.6rem; right: -1.16rem; } .pda_con .swiper-button-prev{ width: 0.6rem; height: 0.6rem; left: -1.16rem; } .pda_con .swiper-button-next:after{ display: none; } .pda_con .swiper-button-prev:after{ display: none; } .pd_about { background: #F5F5F5; padding: 0.8rem 3.6rem; } .pda_title { font-size: 0.4rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #333333; line-height: 0.32rem; } .pda_con { position: relative; margin-top: 0.64rem; display: flex; align-items: center; } .pdac_k { border-bottom: 0.09rem solid transparent; cursor: pointer; overflow: hidden; margin-right: 0.41rem; width: 3.73rem; height: 3.71rem; background: #FFFFFF; border-radius: 0.08rem 0.08rem 0.08rem 0.08rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .pdac_k:hover{ border-bottom: 0.09rem solid #4C2EEB; } .pdac_k:hover img { transition: all 0.8s; transform: scale(1.1); } .pdac_k:nth-child(3n) { margin-right: 0; } .pdac_k img { width: 2.35rem; height: auto; object-fit: cover; } .pdackt_title { margin-top: 0.23rem; font-size: 0.16rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #333333; line-height: 0.24rem; } .pdackt_more { justify-content: center; margin-top: 0.12rem; display: flex; align-items: center; } .pdackt_p { font-size: 0.12rem; font-family: MicrosoftYaHei-, MicrosoftYaHei; font-weight: normal; color: #4C2EEB; line-height: 0.36rem; margin-right: 0.08rem; } .pdackt_more img { width: 0.16rem; height: auto; object-fit: cover; } /* 鐩稿叧浜у搧 end*/ /* 浜у搧璇︽儏 end*/ @media only screen and (max-width: 1024px) { .userproduct_title{ font-size: .32rem; } .pcw_k{ margin-right: 0; padding: 0.24rem 0.12rem 0.27rem; } .pcwk_img{ width: 1.8rem; height: auto; } .productdetail_one{ padding: 0.63rem 0.3rem 1.04rem; } .productdetail_one{ display: block; } .pd_right{ width: 100%; } .pd_left{ margin: 0 auto; width: 90%; } .xutf-8-left{ width: 0.25rem; } .xutf-8-right{ font-size: 0.24rem; } .xgb-k{ width: 1.8rem; } .pdr_title{ font-size: .3rem; } .pdr_con p,.pdri_text{ font-size: .26rem; } .pdr_icon{ flex-wrap: wrap; } .pdri_k{ width: 33.3%; margin-bottom: 0.2rem; margin-right: 0; } .parameter{ padding: 0 .3rem; } .pd_about{ padding: 0.8rem 0.3rem; } .pda_title{ font-size: .32rem; } .pdac_k{ width: 100%; margin-right: 0; } }