arch_box dt{display:none;} .product_case_sort{font-size: 15px; } .product_case_sort dl{ padding-top: 10px; padding-bottom: 10px;} .product_case_sort dd{ padding-left: 80px;} .product_case_sort ul{ padding-left: 45px} .product_case_box .search_box .search{ margin-top: 3%} .product_case_box .search_box .search, .product_case_box .search_box ul, .product_case_box .search_box ul, .product_case_box .search_box .search{ width: 45%; } .product_case_sort#ProSort{display:none;position: fixed;z-index: 100;width: 100vw;height: 100vh;top: 0;left: 0;margin: 0;padding-top: 30px;overflow: auto;} .product_case_sort#CaseSort{z-index: 5; width: 100%;top: 0;padding: 2% 2% 2%; border-bottom: 1px solid #eee;} .product_case_sort#CaseSort{display: flex;} .product_case_sort#CaseSort dl{width: auto; flex:1;} .filter{display: none;} .product_case_sort .more{display: none !important;} /* .filter{display: block;} */ .product_case_sort#CaseSort dl:not(.search_box) dt{ text-align: center; width: auto; position: static;background-color: #fff ; color: #333; cursor: pointer;} .product_case_sort dd{width: 100vw; position: absolute; left: -4%; height: auto; padding-left: 0; background-color: #fff; z-index: 5;} .product_case_sort .all{position: static; display: block; padding-left: 4%;} .product_case_sort#CaseSort dl:not(.search_box){padding: 0;} .product_case_sort#CaseSort dl:not(.search_box) dt:before{display: none;} .product_case_sort ul{padding-left: 0;} /* .search_box{display: none;} */ .product_case_sort ul li{width: 50%; float: left; line-height: 50px; border-bottom: 1px solid #eee; padding-left: 4%;} .product_case_sort dl{position: static;} .product_case_sort#CaseSort a.on:after{left: 0;} .product_case_sort ul li a{margin: 0;} .product_case_sort#CaseSort dl:not(.search_box) dt span{position: relative;} .product_case_sort#CaseSort dl:not(.search_box) dt span::after{content: ''; width: 0; height: 0; border: 5px solid transparent; border-top-color: #c8192a ; position: absolute; right: -20px; top: 8px; margin: auto; transition: all .3s; transform-origin: center 3px;} .product_case_sort#CaseSort dl.on dt span::after{transform: rotateZ(180deg);} .product_case_sort dd{display: none;} .product_case_box .search_box{padding: 20px 0;} .product_case_box .search_box dd{padding-left: 80px;} .product_case_box .search_box dt{position: absolute; } .product_case_box .search_box ul li{float: left;} /* .product_case_box .search_box .search{display: none;} */ } @media(max-width:768px){ .menu_location .auto-inner{width: 100%;} .wapmenu{padding-left: 4%;} .menu_location .menu ul{position: static; width: 100%; display: block;} .product_case_box .search_box dt{display: none;} .product_case_box .search_box ul{display: none;} .product_case_box .search_box .search{width: 100%; float: none;} .product_case_box .search_box dd{padding-left: 0;} } @media(max-width:640px){ .product_case_sort dt{ position: relative} .product_case_sort dl.search_box dt{display:none;} .product_case_sort dd{ padding-left: 0; min-height: 0;} .product_case_sort dd.dd_hide{height: 0!important} /* .product_case_sort .all, .product_case_sort dd ul{ display: none} */ .product_case_sort .show .all, .product_case_sort .show ul{ display: block} /* .product_case_sort .more{ display: block!important} */ .product_case_sort .search_box dd{ height: auto} .product_case_sort#CaseSort dl:not(.search_box) dt{ top:0} .product_case_sort#CaseSort dl.search_box{ padding-top: 10px} .product_case_box .search_box dt{display: none;} .product_case_box .search_box dd{padding-left: 0;} } .product_list{ padding-top: 5%;} .product_list li{ float: left; width: 23.59%; margin-left: 1.88%; margin-bottom: 1.88%} .product_list li:nth-child(4n+1){ clear: both; margin-left: 0} .product_list li a{ display: block; position: relative} .product_list li .pic{ position: relative; width: 100%; top: 0; padding-bottom: 100%; background: no-repeat center center; background-size: cover; transition: 0.3s} .product_list li .pic .isimg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .product_list li .pic_pro:before{ content: ''; display: block; position: absolute; width:14.674%; height:14.674%; right: 0; background: url(/static/default/images/pro_icon.png) no-repeat; background-size: contain} .product_list li .pic_room{ position: absolute; opacity: 0;} .product_list li .info{box-sizing: border-box; position: absolute; bottom: 0; width: 100%; padding:3.126% 5%; background-color: rgba(255,255,255,0.6);} .product_list li h3{ padding: 0; margin: 0; font-size: 18px; font-weight: normal} .product_list li p{ padding-top:8px; margin: 0; opacity: 0.8} .product_list li.show .pic_room, .product_list li:hover .pic_room{ opacity: 1} .product_list li.show .info, .product_list li:hover .info{ color: #fff; background: #c8192a} @media(max-width:960px){ .product_list li{ width: 49%; margin-left: 2%} .product_list li:nth-child(2n+1){ clear: both; margin-left: 0} .product_list li h3{font-size: 16px;} } @media(max-width:640px){ .product_list li h3{font-size: 14px;} } .menu_location .category{ color: #c8192a; font-size: 24px; float: left; padding-bottom: 20px; border-bottom: solid 2px #c8192a} .product_details .tips{ padding-top: 1%; padding-bottom: 0.5%} .product_details .photo_info{ background-color: #fafafa} .product_details .photo{ float: left; width:44.872%; padding-bottom: 10px} .product_details .photo img{ width: 100%;position:absolute;opacity:0;left:0;top:0;} .product_details .photo .num{ height:10px; position: relative;} .product_details .photo .num span{ position: absolute; top: -30px; line-height: 30px; padding: 0 2%; z-index: 5;} .product_details .photo .slider-for .item .pic {padding-top: 100%;background: no-repeat center center;position:relative;} .product_details .photo .slider-for .item .pic span {position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.5);padding: 1%;opacity: 0;transition: 0.5s 0.3s ease;color: #fff} .product_details .photo .slider-for .item.slick-active .pic span {opacity: 1;} .product_details .photo .slider-nav{ padding: 0 12%} .product_details .photo .slider-nav .item{ padding: 20px 2px;} .product_details .photo .slider-nav .item a{ cursor: pointer;width: 90%; margin: auto; display: block; padding-bottom: 80%; background: no-repeat center center; background-size:cover;position: relative} .product_details .photo .slider-nav .item a span {font-size: 14px;position: absolute;left: 0; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;text-align: center; padding: 0 5px;} .product_details .photo .slider-nav .slick-current a{ position: relative; box-shadow: 0 0 0 2px #c8192a} .product_details .photo .slider-nav .slick-current a:before{ content: ''; position: absolute; left: 50%; margin-left: -12px; top: -24px; border: solid 12px transparent; border-bottom-color:#c8192a } .product_details .photo .slider-nav .slick-arrow{cursor: pointer; width: 7%; height: 80%; border: solid 1px #eeeeee; background: no-repeat center center; background-size:auto} .product_details .photo .slider-nav .slick-prev{ left: 3%; background-image: url(../images/pro_info_prev.png)} .product_details .photo .slider-nav .slick-next{ right: 3%; background-image: url(../images/pro_info_next.png)} .product_details .info{ float: right; width: 55.128%; font-size: 16px; padding:4% 5%} .product_details .info .name{ font-size: 28px; padding: 1%; margin: 0; font-weight: normal} .product_details .info .txt{ padding-bottom: 4%; margin-bottom: 4%; border-bottom: solid 1px #e1e1e1} .product_details .info ul li{ position: relative; padding-left: 100px; padding-bottom: 30px; min-height: 58px;} .product_details .info ul li .text {margin: 0;display: none;} .product_details .info ul li b{ position: absolute; left: 0; font-weight: normal; color: #999999} .product_details .info ul.ul_txt1 li{ width: 50%; float: left; padding-right: 5%} .product_details .info ul.ul_txt1 li:nth-child(2n+1){ clear: both} .product_details .info ul.ul_txt2 span{ display:block; float: left; width: 50px; text-align: center} .product_details .info ul.ul_txt2 span img{ width: 44px; height: 44px; border: solid 1px #000} .product_details .