.full-body-loading { height: 100vh; width: 100vw } .ant-input-focused, .ant-input:focus { border-color: #0cc99b; box-shadow: none } .ant-input:hover { border-color: #0cc99b } html { font-size: 13.333333vw } body { font-size: .28rem; background: #f8f8f8; box-sizing: border-box; padding: 0; margin: 0; color: #333 } .fs-button { border-radius: 2rem; font-size: .32rem; display: flex; align-items: center; justify-content: center } .fs-button.primary { border: .02rem solid #f6cd48; background: #f6cd48 } .fs-button.ignore { border: .02rem solid #999; background-color: #999; color: #fff } .fs-button.ghost { background: #fff } .fs-button.ignore.ghost { color: #999 } .ant-steps-item-icon .ant-steps-icon { line-height: inherit } .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon, .ant-cascader-menu-item-loading-icon { top: 10px } input { -webkit-appearance: none; -moz-appearance: none; appearance: none } .padding-bottom-full-screen { padding-bottom: env(safe-area-inset-bottom) } .titleContainer { width: 100%; height: .8rem; display: flex; flex-direction: row; align-items: center } .titleContainer .line { width: .06rem; height: .28rem; border-radius: .04rem; background-color: #61c890; display: inline-block; margin-right: .12rem } .titleContainer .title { font-size: .3rem; font-weight: 600; color: #333 } .video-box { width: 6.9rem; height: 3.3rem; border-radius: .16rem; background-color: rgba(0, 0, 0, .5); margin-bottom: .3rem } .onePrice-desc { display: inline-block; font-weight: 400; color: #666; font-size: .28rem } .onePrice-button-wrap { display: flex; justify-content: center; align-items: center; margin-top: .4rem } .onePrice-button-wrap .onePrice-button { background: linear-gradient(355deg, #00e49c, #2ed3a1 100%, #2ed3a1 0); border-radius: .42rem; width: 5.38rem; height: .8rem; font-weight: 500; font-size: .3rem; color: #fff; border: none } .uniformlyGoodsContainer .uniformlyGoods-desc-wrap span { font-size: .28rem; color: #666; font-weight: 400; display: inline-block; margin-bottom: .08rem } table.table-wrap { width: 6.9rem; border: 1px solid #e4e2e2; border-radius: .04rem; border-collapse: collapse; margin: .15rem auto 0 } table.table-wrap .table-tr-wrap th { font-weight: 400; color: #888; font-size: .2rem; text-align: center; width: 25%; height: .58rem } table.table-wrap .table-tr-wrap td { font-weight: 400; color: #333; font-size: .24rem; text-align: center } table.table-wrap td, table.table-wrap th { border: 1px solid #e4e2e2; padding: .25rem .1rem } table.table-wrap th { font-weight: 400 } .tips-title { margin-top: .3rem; color: #333 } .tips-desc, .tips-title { font-weight: 400; font-size: .28rem } .tips-desc { color: #666; display: inline-block; margin: .1rem 0 } .tips-desc-highlight { color: #ff4000 } .operationGuideContainer { background-color: #fff; min-height: 100vh; padding: 0 .3rem } .order-info-modal-cmpt .row { display: flex; align-items: center; justify-content: space-between; margin: .1rem 0; font-size: .26rem } .fill-number-modal-cmpt .ant-modal-content { border-radius: .16rem; overflow: hidden } .fill-number-modal-cmpt .ant-modal-footer { text-align: center; border-width: 0; white-space: nowrap } .fill-number-modal-cmpt .ant-modal-footer .ant-btn:first-child { background: #f5f5f5; border: none; height: .64rem; width: 2.3rem; border-radius: .4rem; color: #999 } .fill-number-modal-cmpt .ant-modal-footer .ant-btn:last-child { background: linear-gradient(341deg, #fe483d, #ff6e35); border: none; height: .64rem; width: 2.3rem; border-radius: .4rem } .fill-number-modal-cmpt .ant-modal-header { border-width: 0; min-height: 2.16rem; padding: 0; background: url(https://cdn1.shanhs.com/static/test/20230218/69656edc170246b9808430cb03710146.png) no-repeat 0 0/contain } .fill-number-modal-cmpt .ant-modal-header .ant-modal-title { font-size: .32rem; font-weight: 600; text-align: center; padding-top: .4rem } .fill-number-modal-cmpt .ant-modal-body { margin-top: -1.4rem; padding: .3rem } .fill-number-modal-cmpt .input-content { box-sizing: border-box; margin: 0; position: relative; display: inline-block; width: 100%; min-width: 0; padding: 4px 11px; font-size: 14px; line-height: 1.5715; color: #999; background-color: #fff; background-image: none; border: .01rem solid #ccc; border-radius: .08rem; transition: all .3s } .fill-number-modal-cmpt .input-content.hascontent { color: rgba(0, 0, 0, .85) } .fill-number-modal-cmpt .fill-number-input { position: fixed; top: .5rem; left: 0; width: 100%; height: .8rem } .fill-number-modal-cmpt .row { display: flex; flex-flow: row nowrap; margin: .2rem 0; font-size: .26rem } .fill-number-modal-cmpt .row div { display: inline-block } .fill-number-modal-cmpt .row #copy1, .fill-number-modal-cmpt .row #copy2, .fill-number-modal-cmpt .row #copy3 { color: #333 !important; font-size: .24rem } .fill-number-modal-cmpt .row .lable { color: #666; font-size: .26rem; flex-basis: 1.4rem; width: 1.4rem; flex-shrink: 0; white-space: nowrap } .fill-number-modal-cmpt .text { margin: .2rem 0; font-size: .2rem; font-weight: 400; color: #999 } @keyframes marqueeAnim { 0% { transform: translateX(100vw) } to { transform: translateX(-100%) } } .marquee-content { white-space: nowrap; display: inline-block; animation: marqueeAnim 5s linear 0s infinite; font-size: .24rem; font-family: PingFang SC; font-weight: 500; color: #04a9d7 } .marquee-root { width: 100%; text-align: left; line-height: .5rem; overflow: hidden; background: #c4f0f4; opacity: .7; height: .5rem; position: absolute; top: 0; left: 0; z-index: 99 } .marquee-icon { width: .28rem; height: .28rem } .marquee-item { display: flex; flex-direction: row; align-items: center; margin: 0 1rem } .detection-report-wrapper { background-color: #fff; height: 100vh; display: flex; flex-direction: column; align-items: center } .detection-report-navigator { box-sizing: border-box; width: 100%; padding: .88rem .28rem 0; height: 1.76rem; display: flex; align-items: center; flex-direction: row } .detection-report-navigator .navigator__back { width: .48rem; flex-shrink: 0 } .detection-report-navigator .navigator__back__img { width: .48rem; height: .48rem } .detection-report-navigator .navigator__title { margin: 0; flex: 1; text-align: center; line-height: 1; font-weight: 700; color: #333; font-size: .34rem } .detection-report-navigator .navigator__box { width: .48rem; flex-shrink: 0 } .detection-report-navigator .navigator__box__img { width: .48rem; height: .48rem } .detection-report-main { flex: 1; width: 100%; overflow: auto; background-color: #fff; padding: 0 .32rem 1.1rem } .detection-report-main .main__wrapper { margin-top: .32rem } .detection-report-main .main__bg { background-color: #15181f; border-radius: .16rem; padding: 0 .16rem } .detection-report-main .main__top { display: flex; justify-content: space-between; padding: .42rem 0 0 .32rem } .detection-report-main .main__report { height: 1.28rem; display: flex; align-items: center; flex-direction: row; font-weight: 400; justify-content: center; margin-bottom: 0; color: #fff; opacity: .4; font-size: .24rem } .detection-report-main .main__detail { background-color: #fff; position: relative; overflow: hidden; margin-top: -.24rem; border-top-left-radius: .08rem; border-top-right-radius: .08rem } .detection-report-main .main__tipmsg { color: #a3a3a3; font-weight: 400; margin-bottom: 0; padding: .32rem; line-height: .34rem; font-size: .24rem } .detection-report-main .detail__list { margin-bottom: .2rem } .detection-report-main .detail__top { height: .72rem; padding-left: .32rem; display: flex; align-items: center; flex-direction: row; background-position: 0 0; background-repeat: no-repeat; background-size: cover } .detection-report-main .detail__wrapper { padding: 0 .28rem 0 .32rem } .detection-report-main .detail__qualityinfo { padding-bottom: .48rem } .detection-report-main .detail__qualitymessage { color: #1a1a1a; font-weight: 400; line-height: .4rem; padding-bottom: .32rem; font-size: .26rem; position: relative } .detection-report-main .detail__qualitymessage:after { content: ""; width: 100%; position: absolute; left: 0; bottom: 0; border-color: transparent; border-top: 1px solid rgba(0, 0, 0, .08); transform: scaleY(.5); transform-origin: 0 0 } .detection-report-main .detail__appearance { padding: .48rem 0 .64rem } .detection-report-main .detail__appearance>p { padding-bottom: .32rem } .detection-report-main .detail__all { background-color: #fff } .detection-report-main .detail__expands { padding-top: .16rem } .detection-report-main .top__title { width: 4.02rem; height: 1.02rem } .detection-report-main .top__fish { width: 1.62rem; height: 1.44rem; margin-top: .22rem } .detection-report-main .top__codetext { font-size: .24rem; font-weight: 500; line-height: 1; color: #1a1a1a } .detection-report-main .top__copymain { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex-shrink: 0; flex-grow: 0; line-height: 1; font-weight: 500; max-width: 4.4rem } .detection-report-main .top__copy { width: .32rem; height: .32rem; margin: 0 .08rem } .detection-report-main .prodinfo__phoneinfo { display: flex; align-items: center; flex-direction: row; padding: .32rem 0; position: relative } .detection-report-main .prodinfo__phoneinfo:after { content: ""; width: 100%; position: absolute; left: 0; bottom: 0; border-color: transparent; border-top: 1px solid rgba(0, 0, 0, .08); transform: scaleY(.5); transform-origin: 0 0 } .detection-report-main .prodinfo__cover { overflow: hidden; object-fit: cover; border-radius: .08rem; width: .8rem; height: .8rem } .detection-report-main .prodinfo__wrap { padding-left: .16rem } .detection-report-main .prodinfo__name { color: #1a1a1a; margin-bottom: 0; font-weight: 500; font-size: .28rem } .detection-report-main .prodinfo__imei { color: #a3a3a3; margin-bottom: 0; font-weight: 400; font-size: .22rem } .detection-report-main .qualityinfo__wrap { display: inline-flex; align-items: flex-end; position: relative; box-sizing: content-box; z-index: 1; padding-bottom: .03rem; padding-top: .52rem } .detection-report-main .qualityinfo__wrap:after { content: ""; position: absolute; z-index: -1; bottom: 0; left: 0; width: 101%; background-color: #5ce671; transform: skewX(-12deg); height: .12rem } .detection-report-main .qualityinfo__score { color: #1a1a1a; font-weight: 300; line-height: 1; margin-bottom: .02rem; font-family: rubik-blod; margin-right: .08rem; font-size: .72rem } .detection-report-main .qualityinfo__level { color: #1a1a1a; display: flex; flex-direction: column; justify-content: flex-end; font-weight: 600; line-height: 0 } .detection-report-main .qualityinfo__level span { font-size: .28rem; line-height: 1 } .detection-report-main .appearance__previews { display: flex; flex-direction: row } .detection-report-main .previews__box { border-radius: .04rem; overflow: hidden; position: relative } .detection-report-main .previews__left { flex-shrink: 0; flex-grow: 0; flex-basis: 2.32rem; height: 2.32rem; width: 2.32rem; margin-right: .08rem } .detection-report-main .previews__countplace { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; pointer-events: none; font-size: .28rem; background-color: rgba(0, 0, 0, .7); display: flex; align-items: center; flex-direction: row; justify-content: center } .detection-report-main .previews__img { width: 100%; height: 100%; object-fit: cover } .detection-report-main .previews__imgNone { display: none } .detection-report-main .previews__right { flex: 1; display: flex; flex-wrap: wrap } .detection-report-main .previews__sitem { flex-shrink: 0; flex-grow: 0; width: 1.12rem; height: 1.12rem; margin-right: .08rem; margin-bottom: .08rem } .detection-report-main .previews__sitem:nth-of-type(3n) { width: 1.1rem; margin-right: 0 } .detection-report-main .previews__sitem:nth-of-type(n+4) { margin-bottom: 0 } .detection-report-main .previews__sitem .ant-image { width: 100%; height: 100% } .detection-report-main .list__wrap { margin-bottom: .36rem } .detection-report-main .list__wrap>p { margin-bottom: .24rem } .detection-report-main .list__itemwrap { display: flex; flex-direction: column } .detection-report-main .list__title { color: #1a1a1a; line-height: 1; font-size: .28rem; margin-bottom: 0; height: auto; color: #fa6400; font-weight: 500; font-size: .24rem; line-height: .4rem } .detection-report-main .list__item { display: flex; align-items: center; flex-direction: row; align-items: baseline; flex-wrap: wrap } .detection-report-main .list__content { color: #a8a8a8; margin-bottom: 0; flex: 1; width: 100%; word-break: break-all; word-wrap: break-word; padding: .16rem 0; line-height: .4rem; font-size: .24rem; display: flex; align-items: flex-start } .detection-report-main .list__desc { font-weight: 400; padding-left: .08rem } .detection-report-main .list__dot { flex-shrink: 0; flex-grow: 0; background-color: #fa6400; width: .08rem; height: .08rem; border-radius: 50%; margin-top: .16rem } .detection-report-main .list__preview { width: 100%; flex: 0 0 100%; padding-left: .24rem; margin-top: .12rem } .detection-report-main .list__previewimg { width: 1rem; height: 1rem; border-radius: .08rem; margin-right: .08rem; margin-bottom: .08rem; overflow: hidden } .detection-report-main .expands__row { height: .72rem; color: #1a1a1a; font-weight: 500; line-height: 1; font-size: .28rem; margin-bottom: 0 } .detection-report-main .expands__titlewrap { display: flex; align-items: center; flex-direction: row; justify-content: space-between; width: 100%; background-color: #fff; padding: 0 .32rem; height: .6rem } .detection-report-main .expands__titlewrap p { margin-bottom: 0 } .detection-report-main .expands__levelTitle { height: .56rem } .detection-report-main .expands__right { display: flex; align-items: center; flex-direction: row } .detection-report-main .expands__arrow { margin-left: .12rem; width: .32rem; height: .32rem } .detection-report-main .expands__item { padding: 0 .56rem; height: .6rem; display: flex; align-items: center; flex-direction: row; background-color: #fff } .detection-report-main .expands__itemlabel { font-size: .26rem; line-height: .52rem; color: #a3a3a3; margin-bottom: 0; font-weight: 400 } .detection-report-main .expands__preview { padding: 0 .76rem; display: flex; align-items: center; flex-direction: row; justify-content: flex-end; background-color: #fff } .detection-report-main .expands__previewimg { width: 1.08rem; height: 1.08rem; border-radius: .08rem; margin-left: .08rem; overflow: hidden } .detection-report-main .expands__cols { overflow: hidden; transition: height .2s ease } .detection-report-main .expands__cols.expand { transition: height .2s ease } .detection-report-main .expands__remark { font-size: .26rem; padding: 0 .56rem; background-color: #fff; overflow: hidden } .detection-report-main .expands__remark p { text-align: right; line-height: .3rem; word-break: break-all; display: inline-block; float: right; word-wrap: break-word; color: #a3a3a3; margin-bottom: 0; font-size: .24rem; line-height: .4rem; padding: .04rem .16rem; background-color: #fafafa; font-weight: 400; border-radius: .08rem } .detection-report-main .expands__itemvalue { font-size: .26rem; line-height: .52rem; color: rgba(26, 26, 26, .6); margin-bottom: 0; font-weight: 400 } .detection-report-main .expands__stroke { color: #fa6400 } .detection-report-main .expands__itemdivider { border-bottom: 1px dotted #e0e0e0; flex: 1; margin: 0 .16rem } .detection-report-main .all__title { color: #1a1a1a; line-height: 1; font-size: .28rem; margin-bottom: 0; font-weight: 500; background-color: #fff; padding: 0 .32rem .16rem } .detection-report-footer .footer__line { width: 103%; margin-left: -.11rem; margin-top: -.02rem } .detection-report-footer .footer__line img { width: 100% } .detection-report-footer .footer__content { display: flex; flex-direction: column; background-color: #fff; overflow: hidden; margin-top: -.01rem; border-bottom-right-radius: .08rem; border-bottom-left-radius: .08rem; padding: 0 .32rem } .detection-report-footer .footer__logo { width: .96rem; height: .96rem; object-fit: cover; border-radius: 50% } .detection-report-footer .footer__appinfo { display: flex; flex-direction: column; margin-left: .24rem; flex: 1; align-self: flex-end } .detection-report-footer .content__customer { position: relative; padding: .28rem 0 .32rem; display: flex; align-items: center; flex-direction: row } .detection-report-footer .content__customer:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-color: transparent; border-top: 1px solid rgba(0, 0, 0, .08); transform: scaleY(.5); transform-origin: 0 0 } .detection-report-footer .content__disclaimer { width: 100%; flex: 1; padding: .32rem .08rem .4rem } .detection-report-footer .content__disclaimer img { width: 100% } .detection-report-footer .appinfo__title { color: #1a1a1a; line-height: 1; font-size: .28rem; margin-bottom: 0; font-weight: 500; height: auto; padding: 0; line-height: .4rem } .detection-report-footer .appinfo__desc { color: #a3a3a3; margin-bottom: 0; margin-top: .12rem; font-size: .22rem; line-height: .32rem } .detection-report-footer .appinfo__button { display: flex; align-items: center; flex-direction: row; color: #1a1a1a; line-height: 1; margin-bottom: 0; font-weight: 500; width: 1.6rem; height: .64rem; font-size: .28rem; color: #222; justify-content: center; position: relative } .detection-report-footer .appinfo__button:after { content: ""; width: 200%; position: absolute; left: 0; top: 0; height: 200%; border-radius: 2rem; border: 1px solid #000; opacity: .2; transform-origin: 0 0; transform: scale(.5) } .detection-report-footer .appinfo__button:active, .detection-report-footer .appinfo__button:hover { text-decoration: none; color: #222 } .imageloader__wrapper { width: 100%; height: 100%; position: relative; overflow: hidden } .imageloader__kep { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 1 } .rowTitle { color: #1a1a1a; font-weight: 500; line-height: 1; font-size: .28rem; margin-bottom: 0 } .collspae-title { font-size: .26rem } .tip-default { color: #49cc6a } .tip-default, .tip-wran { font-weight: 500; font-size: .24rem } .tip-wran { color: #fa6400; margin-left: .2rem } .ant-image-preview-root .ant-image-preview-mask { background: #000 } .ant-image-preview-root .ant-image-preview-operations .ant-image-preview-operations-operation { display: none } .ant-image-preview-root .ant-image-preview-operations .ant-image-preview-operations-operation:first-child { display: block } .ant-image img { max-width: 100% } .ant-image-mask:hover { opacity: 0 !important } .ant-image-preview-operations { right: 16px !important; top: 46px !important } @font-face { font-family: rubik-blod; src:url(https://erp-temporary-file.oss-cn-hangzhou.aliyuncs.com/xy_common/xy.ttf) format("truetype"), url(https://erp-temporary-file.oss-cn-hangzhou.aliyuncs.com/xy_common/xy.woff) format("woff"); font-weight: 400; font-style: normal }