.product { padding-top: .25rem; margin: 0 auto; padding-bottom: .98rem; } .product_search { width: 100%; background-color: #EDEEEE; padding: .22rem .46rem; margin-bottom: .5rem; } .product_search .tit { font-size: 0.16rem; color: #333333; margin-bottom: .16rem; } .product_search .left input { width: 10.38rem; height: 0.45rem; line-height: .45rem; background: #fff; font-size: 0.16rem; color: #7D7D7D; padding-left: .19rem; } .product_search .rig { width: 0.57rem; height: 0.45rem; display: flex; align-items: center; justify-content: center; background-color: #fff; } .product_search .rig img { width: 0.33rem; height: 0.33rem; } .product_info .title { width: 100%; border-bottom: 2px #02928E solid; display: flex; margin-bottom: .26rem; } .product_info .title .item { font-size: 0.16rem; color: #00A19C; width: 1.04rem; height: 0.4rem; line-height: .4rem; text-align: center; margin-bottom: .02rem; cursor: pointer; } .product_info .title .item.act { color: #fff; background: rgba(0, 161, 156); } .product_info .list { display: flex; flex-wrap: wrap; } .product_info .list .item { width: 2.85rem; /*padding: .2rem;*/ border: 1px solid #E9E9E9; margin-right: .2rem; margin-bottom: .47rem; } .product_info .list .item:nth-of-type(4n) { margin-right: 0; } .product_info .list .item:hover { box-shadow: 0rem 0.03rem 0.2rem rgba(64, 64, 64, 0.1000); } .product_info .list .item img { width: 100%; height: 1.43rem; } .product_info .list .item .tit { font-size: 0.18rem; font-weight: bold; color: #333333; padding-bottom: .16rem; border-bottom: 1px solid #E8E8E8; margin-bottom: .02rem; margin-top: .2rem; } .product_info .list .item:hover .tit { color: #00A19C; border-bottom: 1px solid #00A19C; } .product_info .list .item .text { display: flex; align-items: center; margin-top: .18rem; } .product_info .list .item .text span{ border-bottom: 1px #fff solid; } .product_info .list .item .text span:hover { color: #02928E; border-bottom: 1px #02928E solid; } .product_info .list .item .text .dot1 { width: 0.07rem; height: 0.07rem; background: rgba(0, 161, 156); border-radius: 50%; margin-right: .1rem; } .newproduct { padding-bottom: 1rem; } .newproduct .top { width: 100%; background-color: #FAFAFA; padding-bottom: .41rem; } .newproduct .top .public_nav { margin-bottom: .27rem; } .newproduct .top .nav { display: flex; margin: 0 auto; } .newproduct .top .nav .item { width: 1rem; height: 0.3rem; line-height: .3rem; text-align: center; border: 1px solid #C4C4C4; border-radius: 0.16rem; margin-right: .5rem; font-size: 0.16rem; color: #666666; cursor: pointer; } .newproduct .top .chose { margin: 0 auto .31rem; display: flex; align-items: center; } .newproduct .top .chose .tit { font-size: 0.3rem; font-weight: bold; color: #404040; margin-right: 1.21rem; } .newproduct .top .chose .select { width: 2.09rem; height: 0.38rem; border: 1px solid #DDDDDD; border-radius: 0.06rem; padding: 0 .17rem; appearance: none; -webkit-appearance: none; background: url("../img/product/down.png") no-repeat scroll right center #fff; background-size: 0.15rem 0.15rem; background-origin: content-box; } .newproduct .list { margin: .66rem auto 0; } .newproduct .list .pub_tit { margin-bottom: .23rem; } .newproduct .list .pub_tit .left { display: flex; align-items: center; } .newproduct .list .pub_tit::after { content: none; } .newproduct .list .item { width: 100%; height: .4rem; display: flex; align-items: center; padding: 0 .2rem; /*border-top: 1px #EEEEEE solid;*/ } .newproduct .list a:nth-last-of-type(1) .item{ border-bottom: 1px #EEEEEE solid; } .newproduct .list .item span { font-size: 0.2rem; color: #00A19C; margin-right: 1.08rem; } .newproduct .list .item p { font-size: 0.16rem; color: #666666; } .newproduct .pub_tit { display: flex; align-items: center; } .newproduct .pub_tit .line { width: 0.05rem; height: 0.35rem; background: rgba(0, 161, 156); border-radius: 0.06rem; margin-right: .15rem; } .newproduct .pub_tit span { font-size: 0.3rem; color: #000000; } .product_search_list { margin-top: -.2rem; margin-bottom: .89rem; } .product_search_list .title { font-size: 0.18rem; font-weight: 400; color: #333333; margin-bottom: .1rem; } .product_search_list .title b { font-weight: 400; color: #00A19C; font-size: 0.18rem; } .product_search_list .item { width: 100%; padding: .2rem 0; border-bottom: 1px solid #EEEEEE; } .product_search_list .item .tit { font-size: 0.14rem; color: #333333; } .product_search_list .item .name { font-size: 0.14rem; color: #00A19C; margin: .1rem 0; } .product_search_list .item .text { font-size: 0.14rem; color: #666666; } .product_dc { margin: 0 auto; } .product_dc .pub_tit1 { display: flex; align-items: center; justify-content: space-between; margin-top: .76rem; padding-bottom: .25rem; border-bottom: 1px #E2E2E2 solid; margin-bottom: .3rem; } .product_dc .pub_tit1 .line { width: 0.05rem; height: 0.35rem; background: rgba(0, 161, 156); border-radius: 0.06rem; margin-right: .15rem; } .product_dc .pub_tit1 span { font-size: 0.3rem; color: #000000; } .product_dc .left { display: flex; align-items: center; justify-content: space-between; } .product_dc .left .color { color: #00A19C; } .product_dc a { font-size: 0.18rem; color: #747474; display: block; } .dc_al { /*margin: -.4rem auto 0;*/ padding-bottom: .98rem; } .dc_al .swiper-slide {} .dc_al .swiper-slide .item { /*width: 3.79rem;*/ } .dc_al .swiper-slide .item img { height: 2.53rem; width: 100%; } .dc_al .swiper-slide .item .content { margin-top: .06rem; border: 1px solid #EEEEEE; width: 100%; padding: .3rem .2rem .21rem; } .dc_al .swiper-slide .item .content .tit { font-size: 0.16rem; color: #333333; padding-bottom: .2rem; position: relative; } .dc_al .swiper-slide .item .content .tit::after { position: absolute; width: .3rem; height: 1px; background-color: #999; content: ''; bottom: 0; left: 0; transition: .3s; } .dc_al .swiper-slide .item:hover .content .tit { color: #00A19C; } .dc_al .swiper-slide .item:hover .content .tit::after { width: 3.4rem; background-color: #00A19C; } .dc_al .anli { padding-bottom: .54rem; } .dc_al .anli .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; } .dc_al .anli span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 0.24rem; height: .03rem; background: #02928E; margin-right: .04rem; margin-left: 0; border-radius: 0; } .dc_al .anli span.swiper-pagination-bullet { width: 0.15rem; height: .03rem; background: #D5D5D5; margin-right: .04rem; margin-left: 0; border-radius: 0; opacity: 1; } .dc_zy { display: flex; flex-wrap: wrap; margin-bottom: .4rem; } .dc_zy .item { width: 5.8rem; border: 1px solid #EEEEEE; display: flex; align-items: flex-start; padding: .3rem .3rem .2rem .36rem; margin-right: .4rem; margin-bottom: 0 !important; } .dc_zy .item:hover{ box-shadow: 0rem 0rem 0.1rem rgb(0 0 0 / 8%); } .dc_zy .item:nth-of-type(2n) { margin-right: 0; } .dc_zy .item img { width: .44rem; } .dc_zy .item .info { width: calc(100% - .44rem); padding-left: .28rem; } .dc_zy .item .info a { font-size: 0.16rem; color: #333333; margin-bottom: .15rem; width: 100%; display: -webkit-box; } .dc_zy .item .info a.ellipsis{ border-bottom: 1px solid #fff !important; } .dc_zy .item .info a.ellipsis:hover{ color: #00A19C !important; border-bottom: 1px solid #00A19C !important; } .dc_zy .item .info a.more2 { width: 0.71rem; height: 0.29rem; line-height: .29rem; text-align: center; border: 1px solid #038EBF; font-size: 0.14rem; color: #00A19C; margin-bottom: 0; display: block; } .dc_zy .item .info a.more2:hover{ color: #fff; background: #00A19C; } .dc_fa { display: flex; } .product_swiper .item,.dc_fa .item { width: 3.8rem; height: 2.8rem; border: 1px solid #EEEEEE; display: flex; flex-direction: column; justify-content: center; padding: 0 .37rem; margin-right: .31rem; } .dc_fa .item:hover{ box-shadow: 0rem 0rem 0.1rem rgb(0 0 0 / 8%); } .dc_fa .item:nth-of-type(3) { margin-right: 0; } .product_swiper .item .tit,.dc_fa .item .tit { font-size: 0.18rem; color: #333333; font-weight: 800; width: fit-content; } .dc_fa .item .tit:hover{ cursor: pointer; color: #00A19C !important; border-bottom: 1px solid #00A19C !important; } .product_swiper .item .text,.dc_fa .item .text { font-size: 0.14rem; line-height: 0.2rem; color: #999999; height: 0.6rem; margin: .22rem 0 .35rem; } .dc_fa .item .text:hover{ cursor: pointer; } .product_swiper .item a ,.dc_fa .item a { width: 0.71rem; height: 0.29rem; line-height: .29rem; text-align: center; border: 1px solid #038EBF; font-size: 0.14rem; color: #00A19C; /*display: flex; align-items: center; justify-content: center;*/ } .dc_fa .item a:hover{ color: #fff; background: #00A19C; } .dc_box1 { display: flex; align-items: flex-start; margin-bottom: 0.3rem; } .dc_box1 .rig { width: calc(100% - 3rem); padding-left: .34rem; } .dc_box1 .rig .top { width: 100%; height: 1.11rem; margin-bottom: .31rem; } .dc_box1 .rig .top img { width: 100%; height: 100%; } .dc_box1 .rig .list { display: flex; flex-wrap: wrap; margin-bottom: .64rem; } .dc_box1 .rig .list .item { width: 2.65rem; margin-right: .35rem; border: 1px solid #EEEEEE; margin-bottom: .18rem; cursor: pointer; } .dc_box1 .rig .list .item:hover{ box-shadow:0rem 0rem 0.1rem rgb(0 0 0 / 8%); } .dc_box1 .rig .list .item:nth-of-type(3n) { margin-right: 0; } .dc_box1 .rig .list .item img { width: 100%; /*margin: 30px 0;*/ } .dc_box1 .rig .list .item .text { width: 100%; /*height: 0.7rem;*/ text-align: center; font-size: 0.16rem; line-height: 0.27rem; color: #666666; padding: .12rem 0 .14rem; border-top: 1px solid #EEEEEE; cursor: pointer; } .dc_box1 .left { width: 3rem; border: 1px solid #EEEEEE; box-shadow: 0rem 0rem 0.1rem rgba(0, 0, 0, 0.0800); border-top: 3px #00A19C solid; display: block; } .dc_box1 .left .box {} .dc_box1 .left .box .title { display: flex; align-items: center; width: 100%; height: .44rem; padding: 0 .2rem; border-bottom: 1px #EEEEEE solid; cursor: pointer; } .dc_box1 .left .box .title span { font-size: 0.16rem; color: #333333; } .dc_box1 .left .box .title img { display: block; margin-right: .1rem; } .dc_box1 .left .box .title .img1 { display: block; width: 0.08rem; } .dc_box1 .left .box .title .img2 { display: none; width: 0.14rem; } .dc_box1 .left .box .list .title { padding-left: .37rem; cursor: pointer; } .dc_box1 .left .box .list .title span { font-size: .14rem; } .dc_box1 .left .box .list.list1 .text { padding-left: .61rem; } .dc_box1 .left .box .list.list1 .text span { font-size: .14rem; } .dc_box1 .left .box .text { display: flex; align-items: center; width: 100%; height: .44rem; padding: 0 .2rem; border-bottom: 1px #EEEEEE solid; cursor: pointer; } .dc_box1 .left .box .text .line { width: 0.1rem; height: 1px; background-color: #666; margin-right: .1rem; } .dc_box1 .left .box .text.act{ color: #02928E; } .dc_box1 .left .box .title.act>span { color: #02928E; } .dc_box1 .left .box .list .title:hover span, .dc_box1 .left .box .list.list1 .text:hover span{ border-bottom: 1px #02928E solid; color: #02928E; } .dc_box1 .left .box .title.act>.img1 { display: none; } .dc_box1 .left .box .title.act>.img2 { display: block; } .dc_box1 .left .box .list { display: none; } .dc_box1 .left .box .list2 .act{ background: rgba(2,146,142,0.2); } .dc_box1 .left .box .list1 .act{ background: rgba(2,146,142,0.2); } .chose { display: flex; align-items: center; flex-wrap: wrap; padding-bottom: .07rem; border-bottom: 1px solid #C4C4C4; margin-bottom: .26rem; } .chose .chose-item { /*width: 1rem;*/ height: 0.3rem; border: 1px solid #C4C4C4; border-radius: 0.16rem; display: flex; align-items: center; justify-content: center; font-size: 0.16rem; color: #666666; margin-right: .5rem; padding: 0 0.1rem; cursor: pointer; margin-bottom: .2rem; } .chose .chose-item.act { color: #00A19C; border: 1px #00A19C solid; } .chose .chose-item.act img { width: 0.1rem; height: 0.1rem; display: block; margin-left: .08rem; } .chose1 span { font-size: 0.16rem; color: #666666; display: block; margin-right: .1rem; } .chose1 { border: none; } .chose1 .chose-item { margin-bottom: 0; } .dc_al1 { width: 12rem; margin: .3rem auto 0; padding-bottom: .98rem; } .dc_al1 .swiper-slide { padding: 0; } .dc_al1 .swiper-slide .item { width: 12rem; display: flex; margin: 0 auto; } .dc_al1 .swiper-slide .item img { height: 3.58rem; width: 4.75rem; } .dc_al1 .swiper-slide .item .content { padding: .47rem .64rem; width: calc(100% - 4.75rem); border: 1px solid #EEEEEE; border-left: none; } .dc_al1 .swiper-slide .item .content .tit { font-size: 0.24rem; color: #333333; margin-bottom: .22rem; } .dc_al1 .swiper-slide .item .content .tit:hover{ cursor: pointer; } .dc_al1 .swiper-slide .item:hover .content .tit { color: #00A19C; } .dc_al1 .swiper-slide .item .content .text { font-size: 0.16rem; line-height: 0.32rem; color: #666666; } .dc_al1 .swiper-slide .item .content .text:hover{ cursor: pointer; } .dc_al1 .swiper-button-prev:after, .dc_al1 .swiper-rtl .swiper-button-next:after, .dc_al1 .swiper-button-next:after, .dc_al1 .swiper-rtl .swiper-button-prev:after { content: none; } .dc_al1 .swiper-button-prev img, .dc_al1 .swiper-button-next img { width: 0.1rem; } .dc_al1 .swiper-button-prev img { left: 0; } .dc_al1 .swiper-button-next img { right: 0; } .dc_zy1 { display: flex; } .dc_zy1 .item { display: flex; align-items: flex-start; padding: .2rem .26rem; border: 1px solid #EEEEEE; width: 3.78rem; margin-right: .3rem; } .dc_zy1 .item:nth-last-of-type(1) { margin-right: 0; } .dc_zy1 .item img { width: .44rem; } .dc_zy1 .item .info { /*width: calc(100% - .44rem);*/ width: 100%; padding-left: .15rem; } .dc_zy1 .item .info .tit { font-size: 0.18rem; font-weight: bold; color: #333333; } .dc_zy1 .item .info .tit:hover{ cursor: pointer; } .dc_zy1 .item .info .text { font-size: 0.14rem; line-height: 0.25rem; color: #333333; margin: .13rem 0 .2rem; height: 0.5rem; } .dc_zy1 .item .info .text:hover{ cursor: pointer; } .dc_zy1 .item .info .more2 { width: 0.71rem; height: 0.29rem; border: 1px solid #038EBF; display: flex; align-items: center; justify-content: center; font-size: 0.14rem; color: #00A19C; } .product_wd { width: 100%; background: #F5F5F5; padding: .58rem 0 .49rem; margin-top: .78rem; } .product_wd .w1200 { margin: 0 auto; } .product_wd .pub_tit1 { margin-top: 0; margin-bottom: 0; } .product_wd .list {} .product_wd .list .item { display: flex; align-items: center; justify-content: space-between; width: 100%; height: .62rem; border-bottom: 1px solid #E2E2E2; } .product_wd .list .item .left {} .product_wd .list .item .left .name { /*max-width: 60%;*/ font-size: 0.16rem; color: #333333; margin-right: .33rem; } .product_wd .list .item .left .time { font-size: 0.14rem; color: #999999; } .product_wd .list .item:hover .left .name { color: #00A19C; } .product_wd .list .item .rig { display: flex; } .product_wd .list .item .rig a { width: 1.15rem; height: 0.39rem; line-height: .39rem; text-align: center; background: rgba(255, 255, 255); font-size: 0.16rem; font-weight: bold; color: #00A19C; margin-left: .21rem; } .product_wd .list .item .rig a:hover { background: rgba(0, 161, 156); color: #fff; } .product_tz {} .product_tz .item { display: flex; align-items: flex-start; margin-bottom: .12rem; } .product_tz .item .dot { width: 0.12rem; height: 0.12rem; background: rgba(0, 161, 156); border-radius: 50%; margin-right: .3rem; margin-top: 0.07rem; } .product_tz .item p { font-size: 0.2rem; color: #7D7D7D; display: block; width: calc(100% - 0.32rem); } .product_detail { display: flex; margin-top: .95rem; } .product_detail .left { width: 5.8rem; } .product_detail .rig { width: calc(100% - 5.8rem); padding-left: .79rem; } .product_detail .rig .tit { display: flex; align-items: center; padding-bottom: .3rem; border-bottom: 1px #A5A5A5 solid; } .product_detail .rig .tit .num { font-size: 0.24rem; color: #333333; margin-right: 0.1rem; } .product_detail .rig .tit .name { font-size: 0.24rem; color: #333333; } .product_detail .rig .text { font-size: 0.18rem; line-height: 0.36rem; color: #7D7D7D; margin-top: .16rem; } .product_detail .left{ display: block; } .product_detail .mySwiper2{ width: 5.8rem; height: 3.6rem; } .product_detail .mySwiper2 .swiper-slide{ border: 1px #EEEEEE solid; } .product_detail .mySwiper{ width: 5.8rem; height: 0.62rem; margin-top: .3rem; } .product_detail .mySwiper .swiper-wrapper{ display: flex; justify-content: center; } .product_detail .mySwiper .swiper-slide{ width: 0.62rem !important; height: 0.62rem !important; margin-right: .06rem; display: flex; align-items: center; justify-content: center; border: 1px #EEEEEE solid; } .product_detail .mySwiper .swiper-slide img{ width: .45rem; max-height: .4rem; } .product_detail .swiper { margin-left: auto; margin-right: auto; } .product_detail .swiper-slide { background-size: cover; background-position: center; } .product_detail .swiper-button-prev:after, .product_detail .swiper-rtl .swiper-button-next:after, .product_detail .swiper-button-next:after, .product_detail .swiper-rtl .swiper-button-prev:after{ font-size: .26rem; color: #666; } .mySwiper .swiper-slide-thumb-active { opacity: 1; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; transition: .3s; } .product_detail .left .mySwiper2 .swiper-slide img:hover { transform: scale(1.1); } .sub-active{ background: #fff!important; } .sub-active span{ color: #333!important; } .h5-slide-arrow { display: none; } .h5-rukou { display: none; } .fa-swiper-box,.fa-swiper-boxs{ width: 100%; width: 12.02rem; margin: 0 auto; position: relative; } .fa-swiper{ overflow: hidden; } .fa-swiper-box .swiper-button-prev, .fa-swiper .swiper-rtl .swiper-button-next{ left: -60px; } .fa-swiper-box .swiper-button-next, .fa-swiper-box .swiper-rtl .swiper-button-prev{ right: -60px; } .fa-swiper-box .swiper-button-next img, .fa-swiper-box .swiper-button-prev img{ width: 0.15rem; } .fa-swiper-box .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ content: 'prev'; color: #707070; font-size: 30px; } .fa-swiper-box .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; color: #707070; font-size: 30px; } .yybox .swiper-button-prev:after, .de-mySwiper .swiper-button-next:after,.fa-swiper-boxs.swiper-button-prev:after{ content: 'prev'; color: #707070; font-size: 30px; left: -60px; } .yybox .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; color: #707070; font-size: 30px; right: -60px; } .fa-swiper-boxs .fa-prev:after{ position: absolute; } .fa-swiper-boxs .fa-next:after{ position: absolute; } .product_swiper .item:hover, .dc_fa .item:hover{ box-shadow: 0rem 0rem 0.1rem rgb(0 0 0 / 8%); } .product_swiper .item a:hover, .dc_fa .item a:hover{ color: #fff; background: #00A19C; } .dc_al1 .swiper-button-next{ right: -.6rem; } .dc_al1 .swiper-button-prev{ left: -.6rem; } .dc_al1 .swiper-button-prev img, .dc_al1 .swiper-button-next img { width: 0.16rem; } .dc_al1 .swiper-button-next, .dc_al1 .swiper-button-prev ,.fa-swiper-boxs .swiper-button-next, .fa-swiper-boxs .swiper-button-prev{ top: 36%; } /*.product_dc .swiper-button-lock{*/ /* display: block;*/ /*}*/ /*绉诲姩绔牱寮 */ @media all and (max-width: 1024px) { .dc_al1 .swiper-slide .item{ width: 100%; } .product_swiper .item,.dc_fa .item{ height: auto; padding: .3rem .37rem .2rem; } .dc_al1 .swiper-slide .item .content{ padding: .3rem .37rem .2rem; } .next1, .prev1{ display: none; } /*浜у搧涓績 寮€濮?/ .dc_box1 { margin-top: 30px !important; } .dc_box1 .left { display: none; } .dc_box1 .rig { width: 100%; padding:0 15px; } .dc_box1 .rig .list { justify-content: space-between; } .dc_box1 .rig .list .item { width: 48%; margin: 7.5px 0; } .dc_box1 .rig .list .item .text { line-height: 1.5; font-size: 14px; } .product_dc a { width: 70px; height: 25px; } .product_dc .pub_tit1 { margin-top: 0; } .chose1 { font-size: 14px; } .chose1 span { font-size: 14px; } .chose .chose-item { width: auto; padding-left: 5px; padding-right: 5px; height: 25px; font-size: 14px; } /*搴曢儴*/ .dc_zy { /*margin-bottom: 30px;*/ padding: 0 .25rem; } .dc_zy .item { width: 100%; margin: 7px 0; } .dc_zy .item .info p { height: auto !important; font-size: 14px !important; } .dc_zy .item .info p a { font-size: 14px !important; -webkit-line-clamp: 1; height: auto; } .dc_zy .item .info div { font-size: 14px !important; } .dc_zy .item .info a.more2 { margin-top: 0px; width: 70px; height: 25px; line-height: 25px; font-size: 14px; } /*浜у搧涓績 缁撴潫*/ /*浜у搧璇︽儏 寮€濮?/ .product_detail .rig .tit .num { font-size: 0.32rem; } .product-detail { padding: 15px; } .product_detail { margin-top: 0; flex-direction: column; margin-bottom: 15px; } .product_detail .left { width: 100%; } .product_detail .rig { width: 100%; padding-left: 0; padding-top: 20px; } .product_detail .rig .tit .name { font-size: .32rem; } .product_detail .rig .text { font-size: 14px; line-height: 1.5; } .big-box { display: none !important; } .small-box .hover { display: none !important; } .thumbnail-box .btn { display: none; } .thumbnail-box .list { width: 90vw !important; } #magnifier { width: 100% !important; } .small-box { width: 100% !important; height: auto !important; } .product-detail .pub_tit1 { margin-top: 20px; } .product-detail .product_tz p span { font-size: 14px !important; line-height: 1.5 !important; } .product_wd { padding: 15px; /*background: #fff;*/ } .product_wd .list .item .left .name { font-size: 14px; } .product_wd .list .item { height: auto; padding: 10px 0; } .product_wd .list .item .rig a { width: 60px; height: 25px; line-height: 25px; font-size: 14px; font-weight: normal; } .dc_al1 { width: 100%; padding: 0 .3rem .3rem; } .thumbnail-box .list .item img { border: 1px solid #ddd; } .thumbnail-box .list .item-cur img { border-width: 1px; } .h5-modal { display: none; position: fixed; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); } .dc_box1 .left { background: #FFF; display: block; display: none; position: fixed; z-index: 100; left: 0; bottom: 0; top: 50px; width: 80vw; } .h5-slide-arrow { display: block; position: absolute; right: -60px; top: 20px; } .left-side-close { width: 30px; } .h5-rukou { width: 100%; display: block; padding-bottom: 15px; text-align: center; justify-content: space-between; display: flex; padding: 15px 15px; padding-top: 0; } .btn-rukou { width: 70px; height: 30px; line-height: 30px; font-size: 14px; background: #fff; border: 1px solid #CCC; margin-left: 15px; border: none; } .btn-product-center { width: 70px; height: 30px; line-height: 30px; font-size: 14px; background: #fff; border: 1px solid #CCC; border: none; color: #00A19C; } .dc_zy .item{ width: 100%; } /*澶氱骇瀵艰埅*/ .dc_box1 { margin-top: 15px !important; flex-wrap: wrap; } .dc_box1 .left .box .title { height: 30px; } .dc_box1 .left .box .text { height: 30px; } .dc_box1 .left .box .list.list1 .text span { font-size: 12px; } .dc_box1 .left .box .title span { font-size: 12px; } .dc_box1 .left .box .list .title span { font-size: 12px; } .page-wrap a { font-size: 12px !important; } .product_dc .pub_tit1 { width: calc(100vw - 30px); margin: 0 auto; margin-bottom: 15px; } .fa-swiper-boxs { padding: 0 !important; } .fa-swiper-box .swiper-button-prev, .fa-swiper .swiper-rtl .swiper-button-next{ left:-30px; } .product_dc { padding-top: 15px; } .dc_zy .item { width: 100% !important; margin-right: 0 !important; } .dc_zy .item:nth-of-type(2n) { margin-right: 0 !important; } /*浜у搧璇︽儏 缁撴潫*/ .dc_fa { padding: 15px; padding-top: 0; display: flex; flex-direction: column; } .dc_fa .item { /*width: 100%;*/ padding: 15px; height: auto; display: none !important; } .dc_fa .item:first-child{ display: flex !important; } .dc_fa .item .tit { font-size: 14px; } .product_swiper .item .text,.dc_fa .item .text { font-size: 12px; line-height: 20px; height: 60px; } .product_swiper .item a,.dc_fa .item a { width: 80px; height: 25px; line-height: 25px; font-size: 14px; } .product_dc a { font-size: 14px; } .swiper.anli { padding: 15px; } .dxan{ padding: 0 !important; } .product_swiper .item .tit, .dc_fa .item .tit, .product_swiper .item .tit, .dc_fa .item .tit{ font-size: 14px; } .product_dc .anli .swiper-slide a { width: 100%; height: auto; display: block; } .dc_al .anli .swiper-slide .item img { height: auto; } .dc_al .anli .swiper-slide .item .content .tit { font-size: 14px; } .dc_al1 .swiper-slide .item { flex-direction: column; } .dc_al1 .swiper-slide .item img { width: 100%; height: auto; } .dc_al1 .swiper-slide .item .content { width: 100%; /*padding: 15px;*/ border-left: 1px solid #EEEEEE; } .dc_al1 .swiper-slide { padding: 0; } .dc_al1 .swiper-slide .item .content .tit { font-size: 14px; } .dc_al1 .swiper-slide .item .content .text { font-size: 12px; } .product_wd { margin-top: 10px; } .product_dc a.rig { line-height: 25px; width: fit-content; } .product_dc .pub_tit1 { margin-top: .3rem; } .product_wd .pub_tit1 { margin-top: 0; } .dc_al { margin-top: 0; } .fa-swiper-box{ padding: 0 0.25rem; width: 100%; } .fa-swiper-boxs{ padding: 0 0.25rem; width: 100%; } .fa-swiper-box .swiper-button-next, .fa-swiper-box .swiper-rtl .swiper-button-prev{ right: -30px; display: none; } .yybox .swiper-button-prev:after, .de-mySwiper .swiper-button-next:after, .fa-swiper-boxs.swiper-button-prev:after{ content: none; } .yybox .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ right: 0; } .fa-swiper-boxs .fa-prev:after{ left: -46px } .yybox .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ right:-46px; display: none; } } @media screen and (min-width: 420px) and (max-width: 1024px) { .product_detail .rig .tit .num { font-size: 20px; /*font-size: 0.24rem;*/ } .product_detail .rig .tit .name{ font-size: 20px; } .product_dc .pub_tit1 span { font-size: 20px; } .product_dc .dc_fa + .pub_tit1{ margin-top: 50PX; } }