#inspectionReport { position: fixed; z-index: 6666; width: 100%; display: none; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; } #inspectionReport .layui-laypage { margin: 0.4rem auto; margin-bottom: 0.2rem; } #inspectionReport .reportPack { padding-bottom: 0.2rem; overflow: hidden; position: absolute; left: 50%; top: 50%; width: 80%; max-width: 900px; transform: translate(-50%, -50%); background: white; border-radius: 0.2rem; } #inspectionReport .reportList { height: 5rem; overflow-y: auto; } #inspectionReport .reportHead { padding: 0 0.3rem; justify-content: space-between; display: flex; align-items: center; background: #f6f5f3; height: 0.72rem; border-top: solid 0.02rem #e8e8e4; } #inspectionReport h3 { font-size: 0.36rem; color: #333; text-align: center; } #inspectionReport i { cursor: pointer; font-size: 0.3rem; } #inspectionReport i:hover { opacity: 0.8; } #inspectionReport .reportSearch { width: 80%; display: flex; justify-content: center; margin: auto; margin-top: 0.24rem; } #inspectionReport .reportSearch input { width: 70%; line-height: 0.4rem; padding: 0 0.2rem; font-size: 0.2rem; box-sizing: border-box; border: solid 1px #aaaa; } #inspectionReport .reportSearch .btn { line-height: 0.4rem; width: 28%; margin-left: 2%; background-color: #f49111; border: none; outline: none; color: white; font-size: 0.26rem; } #inspectionReport .reportRow { box-sizing: border-box; margin: auto; width: 80%; display: flex; border-bottom: dashed 0.02rem #c5c5c5; padding-bottom: 0.3rem; padding-top: 0.4rem; padding-left: 0.2rem; padding-right: 0.4rem; font-size: 0.2rem; align-items: center; color: #333; } #inspectionReport .reportRow img { width: 0.3rem; display: block; margin-left: auto; } #footer { margin-top: 0.2rem; } .stepImg { margin: 0.2rem auto; display: block; max-width: 100%; } .orderCheckStep2 .order-footer .money { border-right: 0 !important; padding-right: 0 !important; } .orderCheckStep2 .content-body { max-width: 805px; margin: auto; } .orderCheckStep2 .layui-btn { background-color: #ee770c; width: 3rem; display: block; margin: 0.2rem auto; font-size: 0.18rem; } .orderCheckStep2 .box { margin-top: 0; position: relative; background-color: #f2f2f2; padding: 0.18rem 0.28rem; margin-bottom: 0.16rem; margin-bottom: 0.2rem; box-sizing: border-box; } .orderCheckStep2 .jump { color: #f67808; } .orderCheckStep2 h2 { font-size: 0.18rem; margin-bottom: 0.1rem; } .orderCheckStep2 .text { padding-top: 0.15rem; } .orderCheckStep2 .trow { border-bottom: solid 2px #ec8e12; } .orderCheckStep2 #shoppingCart .order-footer .money { font-size: 0.16rem; border-right: none; border-top: 2px solid #eecdb2; width: 100%; text-align: right; display: block; margin-right: 0; } .orderCheckStep2 .return { display: table; margin-left: auto; } .orderCheckStep2 #shoppingCart .thead { background: transparent; color: #333; font-size: 0.16rem; } .orderCheckStep2 #shoppingCart .order-row { padding-top: 0; padding-bottom: 0; } .orderCheckStep2 #shoppingCart .trow { background-color: #eecdb2; } .orderCheckStep2 #shoppingCart .thead, .orderCheckStep2 #shoppingCart .trow { font-size: 0.16rem; padding: 0.15rem 0.2rem; } .orderCheckStep2 .tips { margin: auto; margin-bottom: 0.2rem; } #orderCheckStep1 .stepImg { margin: 0.2rem auto; display: block; } #orderCheckStep1 .content-body { max-width: 1200px; margin: auto; } #orderCheckStep1 .required { color: red; } #orderCheckStep1 .layui-input-block { margin-left: 0; } #orderCheckStep1 .layui-btn { background-color: #ee770c; width: 3rem; display: block; margin: 0.2rem auto; font-size: 0.18rem; } #orderCheckStep1 .layui-form-item { margin-bottom: 0.3rem; } .orderCheckStep2 .content-body { max-width: 1200px; margin: auto; } .orderCheckStep2 .layui-btn { background-color: #ee770c; width: 3rem; display: block; margin: 0.2rem auto; font-size: 0.18rem; } .orderCheckStep2 .box { margin-top: 0; position: relative; background-color: #f2f2f2; padding: 0.18rem 0.28rem; margin-bottom: 0.16rem; margin-bottom: 0.2rem; } .orderCheckStep2 .jump { color: #f67808; } .orderCheckStep2 h2 { font-size: 0.18rem; } .orderCheckStep2 .text { padding-top: 0.15rem; } .orderCheckStep2 #shoppingCart .order-footer .money { font-size: 0.16rem; border-right: none; border-top: 2px solid #eecdb2; width: 100%; text-align: right; display: block; margin-right: 0; } .orderCheckStep2 .return { display: table; margin-left: auto; } .orderCheckStep2 #shoppingCart .thead { background: transparent; color: #333; font-size: 0.16rem; } .orderCheckStep2 #shoppingCart .order-row { padding-top: 0; padding-bottom: 0; } .orderCheckStep2 #shoppingCart .trow { background-color: #eecdb2; } .orderCheckStep2 #shoppingCart .thead, .orderCheckStep2 #shoppingCart .trow { font-size: 0.16rem; padding: 0.15rem 0.2rem; } .box { margin-top: 0.5rem; } .box .content-menu { width: 22.5%; max-width: 3.4rem; } .box .content-menu .item { color: #6A6969; font-size: 0.16rem; display: block; margin-bottom: 0.04rem; justify-content: space-between; cursor: pointer; flex-wrap: wrap; } .box .content-menu .item .text { background: #F2F2F2; padding-left: 0.16rem; padding-right: 0.16rem; width: 100%; box-sizing: border-box; display: flex; height: 0.57rem; align-items: center; } .box .content-menu .item .text img { width: 0.3rem; display: block; margin-right: 0.11rem; } .box .content-menu .item .text p { white-space: nowrap ; overflow: hidden; text-overflow: ellipsis; } .box .content-menu .item .text i { margin-left: auto; } .box .content-menu .extend:hover > .text, .box .content-menu .active > .text { background: #FF6700; color: white; } .box .content-menu .open > .subset { display: block; } .box .content-menu .subset { display: none; width: 100%; margin-top: 0.04rem; } .box .content-menu .subset .item { line-height: 0.57rem; padding-left: 0.5rem; background: #F2F2F2; white-space: nowrap ; overflow: hidden; text-overflow: ellipsis; } .box .content-menu .subset .level3 { padding-left: 0; } .box .content-menu .subset .level3 .text { padding-left: 0.5rem; } .box .content-menu .subset .level3 .item { margin: 0; border-top: solid 0.04rem white; padding-left: 1rem; } .box .content-menu .level1 .active, .box .content-menu .level1 .item:hover { background: #B7B7B7; color: white; } .box .content-menu .level3:hover { background: #F2F2F2 !important; } .box .content-menu .level3:hover .subset { margin-top: 0; } .box .content-menu .subset.show { display: block; } .box .content-menu h2 { font-size: 0.27rem; color: #FF6700; padding-bottom: 0.26rem; } .box .content-body { max-width: 12.36rem; width: 75%; margin-left: auto; padding-top: 0.58rem; } .box .content-body .body-top { width: 100%; height: 0.57rem; } .box .content-body .body-top .search { position: relative; } .box .content-body .body-top .search input { width: 3.7rem; background: #EBEBEB; font-size: 0.18rem; padding-left: 0.44rem; line-height: 0.57rem; height: 0.57rem; } .box .content-body .body-top .search i { cursor: pointer; font-size: 0.24rem; position: absolute; right: 0.3rem; top: 50%; transform: translateY(-50%); } .box .content-body .layui-breadcrumb { margin-bottom: 0; } #product_all .box h3 { font-size: 0.18rem; margin-bottom: 0.5rem; font-weight: bold; } #product_all .box ul { display: flex; flex-wrap: wrap; padding-left: 0.15rem; } #product_all .box ul li { width: 33.3%; font-size: 0.16rem; color: #221815; display: flex; align-items: center; margin-bottom: 0.7rem; } #product_all .box ul li::before { width: 0.05rem; height: 0.05rem; background: #FF6700; content: ''; display: block; margin-right: 0.1rem; } #product_list .box .h3 { font-weight: bold; margin-bottom: 0.1rem; } #product_list .box .row { margin-bottom: 0.2rem; } #product_list .box .row a { display: flex; } #product_list .box .row a p { padding-right: 0.1rem; } #product_list .search-page .box { min-height: 5rem; } #product_list .search-page .row a { display: block; } #product_list .brief { font-size: 0.18rem; color: #666666; margin-bottom: 0.6rem; padding-top: 0.5rem; } #product_list .row { font-size: 0.18rem; display: flex; align-items: center; margin-bottom: 0.7rem; } #product_list .row::before { width: 0.05rem; height: 0.05rem; background: #FF6700; content: ''; display: block; margin-right: 0.1rem; } #product_list .product_list_page .h3 { font-weight: inherit; margin-top: 0.2rem; margin-bottom: 0.3rem; } #product_list .product_list_page .row { margin-bottom: 0.3rem; } #product_details .content-body .swiper-container-free-mode > .swiper-wrapper { justify-content: center; } #product_details .content-body .pay-footer { display: none; position: fixed; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; z-index: 22; } #product_details .content-body .pay-footer .item { height: 0.86rem; line-height: 0.86rem; width: 37.5%; text-align: center; font-size: 0.32rem; color: white; background: #FF6700; } #product_details .content-body .pay-footer .pay { border-left: solid 1px white; color: white; background: #FF6700; } #product_details .content-body .pay-footer .home { font-size: 0.18rem; color: #4D4D4D; line-height: 0.33rem; padding-top: 0.1rem; box-sizing: border-box; background: white; width: 25%; } #product_details .content-body .pay-footer { display: none; } #product_details .content-body img { max-width: 100%; } #product_details .content-body .body-box { display: flex; justify-content: space-between; align-items: flex-start; } #product_details .content-body .left { width: 55%; max-width: 7.15rem; } #product_details .content-body .info { max-width: 5.18rem; width: 43%; } #product_details .content-body .info .name { font-size: 0.26rem; padding-bottom: 0.1rem; color: #F49110; } #product_details .content-body .info .breif { font-size: 0.18rem; } #product_details .content-body .info .more { background: #F0F0F0; padding: 0.18rem 0.16rem; font-size: 0.17rem; line-height: 2; margin-top: 0.2rem; } #product_details .content-body .info .more p { display: flex; align-items: center; } #product_details .content-body .info .more .money { line-height: 1.3; font-size: 0.34rem; color: #B81E20; } #product_details .content-body .info .subhead { margin-top: 0.3rem; margin-bottom: 0.3rem; padding-left: 0.2rem; font-size: 0.18rem; } #product_details .content-body .info .specifications { display: flex; flex-wrap: wrap; padding-bottom: 0.2rem; margin-left: 0.2rem; } #product_details .content-body .info .specifications .item { box-sizing: border-box; padding: 0 0.05rem; cursor: pointer; min-width: 1.2rem; line-height: 0.39rem; border: 1px solid #D6D6D6; text-align: center; margin-right: 0.1rem; color: pointer; margin-bottom: 0.1rem; } #product_details .content-body .info .specifications .item:hover, #product_details .content-body .info .specifications .active { border-color: #FF6700; } #product_details .content-body .info .number { margin-left: 0.2rem; display: flex; } #product_details .content-body .info .number .item { width: 0.4rem; line-height: 0.39rem; border: 1px solid #D6D6D6; text-align: center; margin-right: 0.1rem; font-size: 0.19rem; } #product_details .content-body .info .number .btn { cursor: pointer; } #product_details .content-body .info .number .btn:hover { opacity: 0.8; } #product_details .content-body .info .number input.item { width: 1.06rem; } #product_details .content-body .info .btns { flex-wrap: wrap; margin-top: 0.6rem; display: flex; margin-left: 0.09rem; position: relative; } #product_details .content-body .info .btns .downloadSelect { display: none; position: absolute; top: 0rem; right: 0; background: #eeeff0; padding-bottom: 0.15rem; } #product_details .content-body .info .btns .downloadSelect .headStyle { width: 100%; height: 0.3rem; background: linear-gradient(to bottom, white, #eeaf5e); margin-bottom: 0.2rem; } #product_details .content-body .info .btns .downloadSelect .item { display: block; line-height: 0.4rem; width: 1.3rem; margin: 0.1rem 0.7rem; background: #b0a69f; color: #eee; border-radius: 30px; font-size: 16px; } #product_details .content-body .info .btns .item { width: 45%; cursor: pointer; text-align: center; line-height: 0.59rem; background: #FF6700; font-size: 0.26rem; color: white; margin-right: 0.2rem; margin-bottom: 0.12rem; } #product_details .content-body .info .btns .item:hover { opacity: 0.8; } #product_details .content-body .info .tips { margin-left: 0.06rem; font-size: 0.16rem; margin-top: 0.2rem; } #product_details .content-body .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } #product_details .content-body .swiper-slide { background-size: cover; background-position: center; } #product_details .content-body .swiper-slide img { max-width: 100%; cursor: pointer; } #product_details .content-body .gallery-top { height: 80%; width: 100%; border: solid 1px #E3E3E3; } #product_details .content-body .gallery-thumbs { padding: 0 0.16rem; max-height: 1.24rem; height: 40%; box-sizing: border-box; margin-top: 0.32rem; } #product_details .content-body .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; border: solid 1px #E3E3E3; } #product_details .content-body .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; border: solid 1px #EE770B; } #product_details .content-body .page-title { display: flex; align-items: flex-end; margin-top: 0.3rem; margin-bottom: 0.6rem; } #product_details .content-body .page-title h3 { width: 1.63rem; line-height: 0.45rem; background: #FF6700; text-align: center; font-size: 0.16rem; color: white; } #product_details .content-body .page-title .solid { height: 0.02rem; background: #FF6700; flex: 1; margin-left: 0.2rem; } #product_details .content-body .region-title { padding: 0.1rem 0; font-size: 0.16rem; color: #555; text-align: center; background-color: #F8F8F8; border: 1px #E8e8E8 solid; margin: 0.2rem auto; } #product_details .content-body .text { font-size: 0.16rem; color: #444; } #product_order .content-body .layui-breadcrumb { padding-bottom: 0.1rem; border-bottom: solid 2px #eee; } #product_order .content-body .order-row { padding-top: 0.4rem; border-bottom: solid 2px #eee; padding-bottom: 0.2rem; } #product_order .content-body .order-head { display: flex; justify-content: space-between; font-size: 0.16rem; padding-bottom: 0.1rem; } #product_order .content-body .thead, #product_order .content-body .trow { display: flex; justify-content: space-between; font-size: 0.18rem; padding: 0.1rem 0.2rem; align-items: center; margin-bottom: 0.02rem; } #product_order .content-body .thead .item, #product_order .content-body .trow .item { width: 12%; text-align: center; } #product_order .content-body .trow { padding: 0.2rem 0.2rem; } #product_order .content-body .del-btn { cursor: pointer; } #product_order .content-body .del-btn:hover { opacity: 0.8; } #product_order .content-body .thead .item:nth-child(1), #product_order .content-body .trow .item:nth-child(1) { width: 40%; text-align: left; } #product_order .content-body .thead { background: #FF6700; color: white; } #product_order .content-body .trow { background: #F2F2F2; color: #333; } #product_order .content-body .money { text-align: right; font-size: 0.16rem; padding-top: 0.22rem; } #shoppingCart .layui-breadcrumb { padding-bottom: 0.1rem; border-bottom: solid 2px #eee; } #shoppingCart .order-row { padding-top: 0.4rem; padding-bottom: 0.2rem; } #shoppingCart .thead, #shoppingCart .trow { display: flex; justify-content: space-between; font-size: 0.18rem; padding: 0.2rem 0.2rem; margin-bottom: 0.02rem; align-items: center; } #shoppingCart .thead .item, #shoppingCart .trow .item { width: 15%; text-align: center; } #shoppingCart .del-btn, #shoppingCart .del { cursor: pointer; } #shoppingCart .del-btn:hover, #shoppingCart .del { opacity: 0.8; } #shoppingCart .thead .item:nth-child(2), #shoppingCart .trow .item:nth-child(2) { width: 30%; text-align: left; } #shoppingCart .number { display: flex; justify-content: center; align-items: center; } #shoppingCart .number .num, #shoppingCart .number .btn { text-align: center; } #shoppingCart .number .num { margin: 0 0.1rem; } #shoppingCart .number .btn { cursor: pointer; background: #bbb; height: 0.17rem; line-height: 0.17rem; padding: 0 0.05rem; color: white; } #shoppingCart .thead { background: #FF6700; color: white; } #shoppingCart .trow { background: #F2F2F2; color: #333; } #shoppingCart .order-footer { padding-top: 0.4rem; display: flex; justify-content: flex-end; align-items: center; } #shoppingCart .order-footer .money { font-size: 0.25rem; border-right: solid 1px #aaa; padding-right: 0.25rem; margin-right: 0.25rem; line-height: 2; } #shoppingCart .order-footer .pay-btn { padding: 0.1rem 0.3rem; background: #FF6700; color: #333; cursor: pointer; font-size: 0.25rem; color: white; } @media (max-width: 1200px) { .box .content-menu .item { padding: 0 0.2rem; font-size: 0.16rem; } #product_details .content-menu { display: none; } #product_details .box .content-body { width: 100%; } } @media (max-width: 768px) { #inspectionReport .reportRow, #inspectionReport .reportSearch { width: 90%; } #inspectionReport .reportRow { padding-left: 0; padding-right: 0; } #inspectionReport .reportRow p { padding-right: 0.2rem; } #inspectionReport .reportSearch .btn { line-height: 0.5rem; font-size: 0.26rem; } #inspectionReport .reportSearch input { line-height: 0.5rem; } #product_list .product_list_page .h3 { font-size: 0.28rem !important; font-weight: 600; } #orderCheckStep1 .content-body { margin-top: 0.2rem; } .orderCheckStep2 h2 { font-size: 0.3rem; } .stepImg { display: none !important; } #shoppingCart .order-footer { margin-bottom: 0.2rem; } .box .content-menu { display: none; } .box { margin-top: 0rem; width: 100%; display: block; } .box .content-body .body-top .search { width: 100%; } .box .content-body .body-top .search input { width: 100%; } .box .content-body { max-width: 100%; width: 100%; margin-left: 0; padding-top: 0.17rem; } .box .content-body .body-top { display: none; margin-bottom: 0.4rem; } .layui-breadcrumb { display: none; } .layui-laypage { margin-top: 0.5rem; margin-bottom: 0.25rem; } #product_all .box h3 { font-size: 0.32rem; margin-bottom: 0.3rem; } #product_all .box ul { padding-left: 0.15rem; } #product_all .box ul li { width: 100%; font-size: 0.28rem; color: #221815; display: flex; align-items: center; margin-bottom: 0.4rem; } #product_all .box ul li::before { width: 0.05rem; height: 0.05rem; background: #FF6700; content: ''; display: block; margin-right: 0.1rem; } #product_list .brief { font-size: 0.3rem; color: #666666; margin-bottom: 0.6rem; padding-top: 0rem; } #product_list .row { font-size: 0.28rem; margin-bottom: 0.7rem; } #product_details { padding-bottom: 0.86rem; } #product_details .content-body .info .btns .item { background: white; border-radius: 0.3rem; border: solid 1px #FF6700; color: #FF6700; } #product_details .content-body .info .btns .pay, #product_details .content-body .info .btns .join { display: none; } #product_details .content-body .info .btns .downloadSelect .headStyle { height: 0.65rem; } #product_details .content-body .info .btns .downloadSelect .item { font-size: 14px; width: 2.4rem; line-height: 0.6rem; border: none; } #product_details .content-body .pay-footer { display: flex !important; } #product_details .content-body .left { width: 100%; } #product_details .content-body .body-box { display: block; } #product_details .content-body .info { width: 100%; max-width: 100%; margin-top: 0.2rem; } #product_details .content-body .info .name { font-size: 0.32rem; } #product_details .content-body .info .more p { font-size: 0.28rem; } #product_details .content-body .info .subhead { font-size: 0.26rem; } #product_details .content-body .info .tips { font-size: 0.24rem; } #product_details .content-body .info .number input.item { width: 2.06rem; } #product_details .content-body .info .number .item { width: 0.6rem; line-height: 0.6rem; } #product_details .content-body .gallery-thumbs { display: none; } #product_details .content-body .page-title h3 { width: 2.63rem; line-height: 0.6rem; font-size: 0.28rem; } #product_details .content-body .region-title { padding: 0.2rem 0; font-size: 0.28rem; } #product_details .content-body .text { font-size: 0.26rem; } #product_details .content-body .info .number .item { font-size: 0.28rem; } #product_details .content-body .info .specifications .item { margin-right: 0rem; font-size: 0.28rem; max-width: inherit; line-height: 0.6rem; width: 100%; } #product_details .content-body .gallery-top { border: none; } }