
/*! #order start */.order-wrap{max-width:100%;padding-top:1rem;padding-bottom:1rem}.order-wrap .module-header{display:flex;flex-direction:column;align-items:center}.order-wrap .order-item{position:relative;display:flex;flex-direction:column;width:calc((100% - 1.2rem)/4);height:3rem;padding:.2rem .7rem .7rem;background-color:#fff;border-radius:.1rem;box-shadow:0 0 .1rem 0 rgba(0,0,0,.0666666667);overflow:hidden}.order-wrap .order-item:hover .ic-cover{opacity:1}.order-wrap .order-item:hover .ic-name{color:#fff;transform:translateY(-1.2rem)}.order-wrap .order-item:hover .go-detail{transform:translateY(-0.45rem);opacity:1}.order-wrap .order-swp-box{position:relative;display:flex;align-items:center}.order-wrap .order-swp{padding:.5rem .2rem}.order-wrap .pic-box{display:flex;align-items:center;justify-content:center;flex:1 0 0}.order-wrap .pic-box img{object-fit:contain}.order-wrap .order-name{padding-top:.45rem;color:#666;text-align:center;transition:.3s;z-index:1}.order-wrap .order-cover{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;padding:.3rem;background-color:rgba(var(--theme-rgb), 0.9);opacity:0;transition:.3s}.order-wrap .go-detail{display:flex;align-items:center;justify-content:center;width:.54rem;height:.54rem;padding:.19rem;background-color:#fff;border-radius:50%;margin:auto auto 0;opacity:0;transition:.3s}.order-wrap .swp-prev,.order-wrap .swp-next{width:.54rem;height:.54rem;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0px 0px 25px 0px rgba(15,91,162,.2);padding:.19rem;z-index:5;transition:.3s}.order-wrap .swp-prev:hover,.order-wrap .swp-next:hover{background-color:var(--theme-color)}.order-wrap .swp-prev:hover img,.order-wrap .swp-next:hover img{filter:grayscale(1) brightness(10)}.order-wrap .swp-prev img{transform:rotateZ(180deg)}@media(max-width: 750px){.order-wrap .order-item{height:5rem}}/*! #order end */


                .window {
                position: relative;
            }

            .share-side {
                position: absolute;
                top: 0;
                right: 0.1rem;
                display: flex;
                flex-direction: column;
                width: 2em;
                height: 100%;
                pointer-events: none;
                z-index: 50;
            }

            .share-side .share-list {
                position: sticky;
                top: 2.5rem;
                margin: 0.1rem 0;
            }

            
.share-side .share-item {position: relative;display: flex;align-items: center;justify-content: center;width: 2em;height: 2em;padding: 0.15rem;border-radius: 0.04rem;background-color: #fff;pointer-events: auto;}
.share-side .share-item:nth-child(n+2) {margin-top: 0.04rem;}
.share-side .share-item:hover .popup {transform: translateY(-50%) scaleX(1);opacity: 1;pointer-events: auto;}


           
                .detail-view-wrap {
                    padding-top: 0.8rem;
                    padding-bottom: 0.8rem;
                    background-color: #f1f5fa;
                }

                .detail-view-wrap .detail-view {
                    display: flex;
                    justify-content: space-between;
                }
                .detail-view-wrap .dv-left{
                    max-width: 7rem;
                    width: 100%;
                }
                .detail-view-wrap .dv-card {
                    width: 100%;
                    border-bottom: 0.01rem solid #f3f3f3;
                    border-radius: 0.1rem;
                    overflow: hidden;
                }

                .detail-view-wrap .dvc-header {
                    display: flex;
                    align-items: center;
                    padding: 0.3rem;
                    background-image: linear-gradient(to bottom, rgba(var(--theme-rgb), 0.2) 0%, #fff 80%);
                    border-bottom: 0.01rem solid #f3f3f3;
                }

                .detail-view-wrap .dvc-title {
                    line-height: 1.2;
                }

                .detail-view-wrap .dvch-text {
                    margin-left: 0.3rem;
                }

                .detail-view-wrap .dvc-icon {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-shrink: 0;
                    width: 1.2rem;
                    height: 1.2rem;
                    padding: 0.15rem;
                    border-radius: 50%;
                    background-color: #fff;
                }

                .detail-view-wrap .dvc-address {
                    display: flex;
                    align-items: center;
                    margin-top: 0.3rem;
                    color: #666;
                }

                .detail-view-wrap .icon-address {
                    display: block;
                    height: 1em;
                    margin-right: 0.15rem;
                }

                .detail-view-wrap .dvc-content {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    min-height: 3.4rem;
                    padding: 0.5rem;
                    background-color: #fff;
                }

                .detail-view-wrap .dvc-inner {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    flex: 1 0 0;
                }

                .detail-view-wrap .dvc-model {
                    color: var(--theme-color);
                    line-height: 1.2;
                }

                .detail-view-wrap .dvc-name {
                    line-height: 1.5;
                }

                .detail-view-wrap .dvc-info {
                    color: #222;
                    line-height: 1.5;
                    margin-top: 0.35rem;
                }

                .detail-view-wrap .dvc-info span {
                    color: var(--theme-sub-color);
                }

                .detail-view-wrap .btn-box {
                    margin-top: auto;
                    padding-top: 0.3rem;
                }

                .detail-view-wrap .go-detail {
                    display: inline-flex;
                    align-items: center;
                    justify-content: space-between;
                    min-width: 1.8rem;
                    min-height: 0.54rem;
                    padding: 0.15rem 0.4rem;
                    white-space: nowrap;
                    color: #fff;
                    background-color: var(--theme-color);
                    border-radius: 0.3rem;
                }

                .detail-view-wrap .icon-right {
                    width: 1em;
                    height: auto;
                    filter: grayscale(1) brightness(10);
                    margin-left: 0.2rem;
                }

                .detail-view-wrap .dv-right {
                    max-width: 7rem;
                    width: 100%;
                    height: 5.22rem;
                }
                .detail-view-wrap .pic-box {
                    width: 100%;
                }

                @media (max-width: 750px) {
                    .detail-view-wrap .detail-view {
                        flex-direction: column;
                    }

                    .detail-view-wrap .dv-right {
                        margin-top: 0.5rem;
                        height: auto;
                    }
                }
