ag-special-sale/public/qc/main.css

.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
}