.index-loading-wrapper{position:fixed;left:0;top:0;bottom:0;right:0;background:#fff}.index-loading-wrapper .svg-loading-wrapper{position:absolute;top:40%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.svg-loading-wrapper .svg-loading{width:100px;height:100px;transform:translateY(0);-webkit-animation:bounce .8s ease-in-out infinite;animation:bounce .8s ease-in-out infinite}.svg-loading-wrapper .shadow{width:10px;height:8px;left:0;right:0;margin:-5px auto auto auto;border-radius:50%;background:#ddd;box-shadow:0 0 8px #999;-webkit-animation:shadow .8s ease-in-out infinite;animation:shadow .8s ease-in-out infinite}@-webkit-keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-50px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-50px)}}@-webkit-keyframes shadow{0%,to{transform:scaleX(3.8)}50%{transform:scaleX(1)}}@keyframes shadow{0%,to{transform:scaleX(3.8)}50%{transform:scaleX(1)}}.dd-mainpic-container{height:300px;background:#fff;overflow:hidden;position:relative;background-image:url(../img/pic-placeholder.a2e1ca19.png);background-repeat:no-repeat;background-position:50%;background-size:80%}.dd-mainpic-container h3{text-align:center}.dd-mainpic-container .mian-pic{display:inline-block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:50%}.dd-mainpic-container .fixed-box{position:absolute;right:10px;bottom:10px;display:inline-block;background:rgba(0,0,0,.3);border-radius:7px;padding:1px 7px;font-size:9px;font-weight:400;color:#fff}.dd-title-line{width:100%;height:21px;line-height:21px;text-align:center}.dd-title-line .title-text{font-size:15px;color:#333}.dd-title-line:before{right:19px}.dd-title-line:after,.dd-title-line:before{content:"";position:relative;top:-4px;display:inline-block;width:95px;height:0;border:1px solid #eee}.dd-title-line:after{left:19px}.dd-qrcode-container{width:120px;padding-bottom:20px}.qrcode-box{height:120px;background:url(../img/img_qrcode_bg@2x.df727521.png);background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;align-items:center}.qrcode-desc{margin-top:10px;font-size:12px;text-align:center;color:#666}.van-popup.van-popup--center.van-dialog{border-radius:6px;width:260px}.van-popup.van-popup--center.van-dialog .van-dialog__content{min-height:auto}.van-popup.van-popup--center.van-dialog .van-dialog__content .van-dialog__message{padding:20px 18px}.main-container{display:flex;flex-direction:column;height:100vh}.disablecopy{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-skuname{background-color:#fff;height:52.5px;line-height:52.5px;font-size:16px;color:#333;padding-left:16px}.main-qrcode-container{flex:1;margin-top:10px;background-color:#fff;padding-top:12.5px}.qrcode-list{padding:49px 30px 73px 30px}.qrcode-list .traces-single{display:flex;justify-content:center}.qrcode-list .traces-columns{display:grid;grid-template-columns:repeat(2,1fr)}.main-footer,.qrcode-list .grid-box{display:flex;justify-content:center;align-items:center}.main-footer{height:55px}.footer-img{width:110px;height:auto}