.detail-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:center;align-content:center;min-height:4.5rem}.detail-head .text-money{color:#d80032!important;font-size:.18rem;font-weight:bolder}.detail-head .status{--status-main-color:rgba(var(--app-color-primary), 1);position:absolute;left:0;top:0;right:auto;bottom:auto;width:auto;height:auto;z-index:5;background-color:var(--status-main-color);line-height:.34rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;color:#fff;font-weight:bolder;padding-left:.2rem;padding-right:.1rem}.detail-head .status .sinofont{margin-right:.03rem;font-size:.16rem;font-weight:400}.detail-head .status:before{content:"";background-color:var(--status-main-color);position:absolute;left:-.2rem;top:0;right:auto;bottom:0;width:50%;height:auto;z-index:-1;transform:skewX(-30deg);-webkit-transform:skewX(-30deg);-moz-transform:skewX(-30deg)}.detail-head .status .icon-triangle{display:block;position:absolute;left:auto;top:0;right:-.33rem;bottom:auto;width:0;height:0;z-index:-1;-webkit-box-sizing:content-box;box-sizing:content-box;border:.17rem solid transparent;border-left-color:var(--status-main-color)}.detail-head .status:after{content:attr(data-text)}.detail-head .detail-head-content{-webkit-box-flex:0;-ms-flex:0 0 9.24rem;flex:0 0 9.24rem;background-color:#fff;border-radius:.08rem;-webkit-border-radius:.08rem;-moz-border-radius:.08rem;box-shadow:0 .03rem .15rem rgba(0,0,0,.05);-moz-box-shadow:0 .03rem .15rem rgba(0,0,0,.05);-webkit-box-shadow:0 .03rem .15rem rgba(0,0,0,.05);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:center;align-content:center;overflow:hidden}.detail-head .detail-head-content[data-status="05"] .status{--status-main-color:#ffb400}.detail-head .detail-head-content[data-status="05"] .count-down{background-color:rgba(51,51,51,.05);border:.01rem solid rgba(51,51,51,.1);color:rgba(51,51,51,.8)}.detail-head .detail-head-content[data-status="07"] .status,.detail-head .detail-head-content[data-status="08"] .status{--status-main-color:#a4a4a4}.detail-head .detail-head-content[data-status="07"][data-resultsway=false] .user-controller,.detail-head .detail-head-content[data-status="08"][data-resultsway=false] .user-controller{padding-right:1.4rem;min-height:1.6rem}.detail-head .detail-head-content[data-status="07"][data-resultsway=false] .user-controller:after,.detail-head .detail-head-content[data-status="08"][data-resultsway=false] .user-controller:after{content:"";position:absolute;left:auto;top:50%;right:.2rem;bottom:auto;width:1rem;height:1rem;z-index:-1;display:block;background-position:center center;background-size:contain;background-repeat:no-repeat;background-image:url(/static/images/common/icon-failed.png);margin-top:-.5rem}.detail-head .detail-head-content[data-status="07"][data-resultsway=true] .user-controller,.detail-head .detail-head-content[data-status="08"][data-resultsway=true] .user-controller{padding-right:1.4rem;min-height:1.6rem}.detail-head .detail-head-content[data-status="07"][data-resultsway=true] .user-controller:after,.detail-head .detail-head-content[data-status="08"][data-resultsway=true] .user-controller:after{content:"";position:absolute;left:auto;top:50%;right:.2rem;bottom:auto;width:1rem;height:1rem;z-index:-1;display:block;background-position:center center;background-size:contain;background-repeat:no-repeat;background-image:url(/static/images/common/icon-succeed.png);margin-top:-.5rem}.detail-head .detail-head-content.flash-scale[data-status="40"] .status,.detail-head .detail-head-content.flash-scale[data-status="45"] .status,.detail-head .detail-head-content.group-scale[data-status="40"] .status,.detail-head .detail-head-content.group-scale[data-status="45"] .status{--status-main-color:#ffb400}.detail-head .detail-head-content.flash-scale[data-status="60"] .status,.detail-head .detail-head-content.group-scale[data-status="60"] .status{--status-main-color:#a4a4a4}.detail-head .detail-desc,.detail-head .detail-main{-webkit-box-flex:1;-ms-flex:1;flex:1}.detail-head .count-down{background-color:rgba(var(--app-color-primary),.1);border:.01rem solid rgba(var(--app-color-primary),.2);margin-top:.1rem;line-height:.4rem;text-align:center;color:rgba(var(--app-color-primary),1);font-size:.16rem;font-weight:bolder}.detail-head .detail-desc{padding:.15rem .25rem .2rem .25rem;overflow:hidden;position:relative;z-index:1}.detail-head .detail-desc .detail-desc-title{white-space:normal;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;-webkit-box-orient:vertical;line-height:.24rem;max-height:.48rem;font-size:.16rem;font-weight:bolder}.detail-head .detail-desc .atts-table{border-collapse:collapse;width:100%;overflow:hidden;white-space:normal;word-break:break-all;font-size:.14rem;line-height:.2rem;margin-top:.1rem}.detail-head .detail-desc .atts-table tbody tr+tr td,.detail-head .detail-desc .atts-table tbody tr+tr th{padding-top:.15rem}.detail-head .detail-desc .attr-label{font-weight:400;white-space:nowrap;overflow:hidden;margin:0;margin-bottom:-.01rem;position:relative;z-index:1;padding-left:.1rem;padding-right:.1rem;color:rgba(51,51,51,.5)}.detail-head .detail-desc .attr-label:before{content:"";display:inline-block;position:absolute;left:0;top:50%;right:auto;bottom:auto;width:.03rem;height:.12rem;z-index:-1;margin-top:-.06rem;background-color:rgba(var(--app-color-primary),1);border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem}.detail-head .detail-desc .attr-item{white-space:nowrap;overflow:hidden;margin:0;padding-right:.1rem;font-size:.15rem}.detail-head .detail-desc .user-controller{position:relative;z-index:2;border-radius:.06rem;-webkit-border-radius:.06rem;-moz-border-radius:.06rem;background-color:rgba(var(--app-color-primary),.03);border:1px solid rgba(var(--app-color-primary),.05);padding:.2rem;margin-top:.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;font-size:.15rem}.detail-head .detail-desc .user-controller .el-input-number.is-controls-right .el-input__inner{font-size:.16rem;font-weight:bolder;color:rgba(var(--app-color-primary),.9)}.detail-head .detail-desc .user-controller .auction-result{font-weight:400;font-size:.15rem;line-height:.24rem;color:#ee6055}.detail-head .detail-desc .user-controller .auction-result+.auction-result{margin-top:.1rem}.detail-head .detail-desc .user-controller table{margin:0 auto;margin-bottom:.1rem}.detail-head .detail-desc .user-controller table .form-group{margin:0}.detail-head .detail-desc .user-controller table .control-label{font-weight:400;margin-left:.1rem;color:rgba(51,51,51,.8)}.detail-head .detail-desc .user-controller table tbody tr+tr td,.detail-head .detail-desc .user-controller table tbody tr+tr th{padding-top:.1rem}.detail-head .detail-desc .user-controller table tbody th{padding-right:.1rem;line-height:.4rem}.detail-head .detail-desc .user-controller table tbody td,.detail-head .detail-desc .user-controller table tbody th{vertical-align:middle;font-size:.15rem;font-weight:400;line-height:.2rem}.detail-head .detail-desc .button-block{padding:.1rem;margin:0 auto;width:80%}.detail-head .detail-desc .button-block .btn{display:block;width:100%;padding:0 0;font-size:.18rem;line-height:.48rem;border-radius:.06rem}.detail-head .detail-main{-webkit-box-flex:0;-ms-flex:0 0 35%;flex:0 0 35%;border-right:.01rem solid rgba(var(--app-color-primary),.1);overflow:hidden}.detail-head .detail-main dl{display:block}.detail-head .detail-main dl dd{display:block;padding-top:100%;border-bottom:.01rem solid rgba(var(--app-color-primary),.1);overflow:hidden;position:relative;z-index:1}.detail-head .detail-main dl dd .img-responsive{display:block;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:-1;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.detail-head .detail-main dl dd .swiper{position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;width:auto;height:auto;z-index:-1}.detail-head .detail-main dl dd .swiper .swiper-wrapper .swiper-slide{position:relative;z-index:1;overflow:hidden}.detail-head .detail-main dl dt{overflow:hidden;position:relative;z-index:1;padding:0 .3rem;margin-top:.1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.detail-head .detail-main dl dt .swiper-button-next,.detail-head .detail-main dl dt .swiper-button-prev{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;position:absolute;left:.06rem;top:50%;right:auto;bottom:auto;width:.2rem;height:50%;z-index:2;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);color:#333;outline:0;margin:0}.detail-head .detail-main dl dt .swiper-button-next:after,.detail-head .detail-main dl dt .swiper-button-prev:after{display:none}.detail-head .detail-main dl dt .swiper-button-next .sinofont,.detail-head .detail-main dl dt .swiper-button-prev .sinofont{font-size:.2rem;display:inline-block;transform:scaleY(1.1);-webkit-transform:scaleY(1.1);-moz-transform:scaleY(1.1)}.detail-head .detail-main dl dt .swiper-button-next.swiper-button-disabled,.detail-head .detail-main dl dt .swiper-button-prev.swiper-button-disabled{pointer-events:none;opacity:.2}.detail-head .detail-main dl dt .swiper-button-next{left:auto;right:.06rem}.detail-head .detail-main dl dt .swiper{width:100%;height:100%}.detail-head .detail-main dl dt .swiper .swiper-wrapper .swiper-slide{position:relative;z-index:1;padding:.05rem}.detail-head .detail-main dl dt .swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .preview{opacity:1;box-shadow:0 0 .1rem rgba(0,0,0,.1);-moz-box-shadow:0 0 .1rem rgba(0,0,0,.1);-webkit-box-shadow:0 0 .1rem rgba(0,0,0,.1)}.detail-head .detail-main dl dt .swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .preview:after{visibility:visible;opacity:1}.detail-head .detail-main dl dt .swiper .preview{position:relative;z-index:1;padding-top:100%;overflow:hidden;background-color:rgba(var(--app-color-primary),.07);border-radius:.05rem;-webkit-border-radius:.05rem;-moz-border-radius:.05rem;transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;opacity:.7;cursor:pointer}.detail-head .detail-main dl dt .swiper .preview:after{content:"";display:block;visibility:hidden;opacity:0;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:1;border-radius:.05rem;-webkit-border-radius:.05rem;-moz-border-radius:.05rem;transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;border:.04rem solid rgba(var(--app-color-primary),1)}.detail-head .detail-main dl dt .swiper .preview .img-responsive{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:-1;margin:0 auto;-o-object-position:center center;object-position:center center;-o-object-fit:contain;object-fit:contain}.detail-head .detail-head-aside{margin-left:.2rem;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#fff;border-radius:.08rem;-webkit-border-radius:.08rem;-moz-border-radius:.08rem;box-shadow:0 .03rem .15rem rgba(0,0,0,.05);-moz-box-shadow:0 .03rem .15rem rgba(0,0,0,.05);-webkit-box-shadow:0 .03rem .15rem rgba(0,0,0,.05);padding:.05rem .2rem}.detail-head .aside-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.detail-head .aside-tabs a{display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;border-bottom:.03rem solid rgba(var(--app-color-primary),.2);text-align:center;line-height:.38rem;font-size:.15rem;color:rgba(var(--app-color-primary),.5);transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease;padding-bottom:.03rem}.detail-head .aside-tabs a:hover{color:rgba(var(--app-color-primary),.7)}.detail-head .aside-tabs a.current{border-color:rgba(var(--app-color-primary),1);color:rgba(var(--app-color-primary),1);font-weight:bolder}.detail-head .aside-content{padding:.15rem 0}.detail-head .info-table{width:100%;border-collapse:collapse}.detail-head .info-table tbody td,.detail-head .info-table tbody th{font-size:.14rem;color:#333;line-height:.24rem;padding-top:.05rem;padding-bottom:.05rem}.detail-head .info-table tbody th{padding-right:.05rem;font-weight:400;color:rgba(51,51,51,.7)}.detail-head .info-table tbody td{text-align:right;padding-left:.05rem;color:#333}.detail-head .info-table tbody tr{transition:background-color .2s ease;-moz-transition:background-color .2s ease;-o-transition:background-color .2s ease;-webkit-transition:background-color .2s ease}.detail-head .info-table tbody tr:hover{background-color:rgba(var(--app-color-primary),.05)}.detail-head .offer-table{width:100%;border-collapse:collapse;margin-top:-.15rem}.detail-head .offer-table td,.detail-head .offer-table th{font-size:.14rem;color:rgba(51,51,51,.7);line-height:.3rem;padding:.06rem;font-weight:400}.detail-head .offer-table thead{background-color:rgba(var(--app-color-primary),.05)}.detail-head .offer-table thead th{line-height:.3rem}.detail-head .offer-table tbody tr:hover{background-color:rgba(var(--app-color-primary),.03)}.detail-body{background-color:#fff;position:relative;overflow:hidden;border-radius:.08rem;-webkit-border-radius:.08rem;-moz-border-radius:.08rem;box-shadow:0 .03rem .15rem rgba(0,0,0,.05);-moz-box-shadow:0 .03rem .15rem rgba(0,0,0,.05);-webkit-box-shadow:0 .03rem .15rem rgba(0,0,0,.05);margin-top:.2rem}.detail-body .detail-body-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-line-pack:center;align-content:center;position:relative;z-index:1}.detail-body .detail-body-tabs .nav-tabs{border:0}.detail-body .detail-body-tabs .nav-tabs li{margin:0}.detail-body .detail-body-tabs .nav-tabs li a{padding:0 .2rem;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;line-height:.5rem;font-size:.15rem;border:0;padding-bottom:.01rem;color:rgba(51,51,51,.7);position:relative;overflow:hidden;z-index:1}.detail-body .detail-body-tabs .nav-tabs li a:hover{background-color:transparent;color:rgba(51,51,51,.9)}.detail-body .detail-body-tabs .nav-tabs li a:after{content:"";position:absolute;left:.15rem;top:auto;right:.15rem;bottom:0;width:auto;height:.03rem;z-index:-1;background-color:transparent;display:block;transition:all .3s ease .1s;-moz-transition:all .3s ease .1s;-o-transition:all .3s ease .1s;-webkit-transition:all .3s ease .1s;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;opacity:0;transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);visibility:hidden}.detail-body .detail-body-tabs .nav-tabs li.active a{border:0;color:rgba(var(--app-color-primary),1);font-weight:bolder}.detail-body .detail-body-tabs .nav-tabs li.active a:after{visibility:visible;background-color:rgba(var(--app-color-primary),1);opacity:1;transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1)}.detail-body .detail-body-tabs:after{content:"";display:block;position:absolute;left:0;top:auto;right:0;bottom:.01rem;width:auto;height:.01rem;z-index:-1;background-color:rgba(var(--app-color-primary),.04)}.detail-body .tab-content{padding:.3rem;overflow:hidden;position:relative;z-index:1}.detail-body .tab-pane{font-size:.14rem;line-height:.24rem}.detail-body .tab-pane p{padding:.2rem 0}.detail-body .tab-pane p+p{margin-top:-.2rem}.detail-body .tab-pane .attr-item{display:inline-block;vertical-align:top}.detail-body .tab-pane .attr-item+.attr-item{margin-left:.4rem}.detail-flowpath{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;background-color:#fff;border-radius:.08rem;-webkit-border-radius:.08rem;-moz-border-radius:.08rem;box-shadow:0 .03rem .15rem rgba(0,0,0,.05);-moz-box-shadow:0 .03rem .15rem rgba(0,0,0,.05);-webkit-box-shadow:0 .03rem .15rem rgba(0,0,0,.05);margin-top:.2rem;padding:.25rem 0;padding-left:.2rem}.detail-flowpath h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;white-space:nowrap;-webkit-box-flex:0;-ms-flex:0 0 2.2rem;flex:0 0 2.2rem}.detail-flowpath h4 span{font-size:.2rem;color:#333;background-color:rgba(var(--app-color-primary),.08);display:inline-block;vertical-align:top;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;line-height:.45rem;padding:0 .24rem;font-weight:400;font-style:italic}.detail-flowpath h4:after{content:"";background-color:rgba(var(--app-color-primary),.15);width:.01rem;display:inline-block;height:.5rem;transform:rotate(15deg);-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg)}.detail-flowpath .path-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:center;align-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:-.2rem}.detail-flowpath .path-list li{text-align:center;font-size:.14rem;position:relative;z-index:1;padding:0 .5rem}.detail-flowpath .path-list li .sinofont{display:block;margin:0 auto;font-size:.36rem;color:rgb(var(--app-color-primary));min-width:.6rem}.detail-flowpath .path-list li span{display:block;margin-top:.05rem;white-space:normal;overflow:hidden}.detail-flowpath .path-list .li-split{display:block;text-align:center;vertical-align:middle;border:.01rem solid transparent;border-top-color:rgba(var(--app-color-primary),.15);border-right-color:rgba(var(--app-color-primary),.15);-webkit-box-flex:0;-ms-flex:0 0 .3rem;flex:0 0 .3rem;height:.3rem;margin:auto -.15rem auto -.3rem;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}.product-desc-table{width:100%;margin:0 auto;border-collapse:collapse;table-layout:fixed;border:1px solid rgba(var(--app-color-primary),.1)}.product-desc-table th{background-color:rgba(var(--app-color-primary),.05);color:rgba(51,51,51,.7)}.product-desc-table td,.product-desc-table th{font-size:.14rem;font-weight:400;white-space:normal;word-break:break-all;line-height:.24rem;padding:.15rem .2rem;-webkit-box-sizing:content-box;box-sizing:content-box;border:1px solid rgba(var(--app-color-primary),.1)}.preview-list{display:block;font-size:0;white-space:normal;overflow:hidden}.preview-list li{display:inline-block;vertical-align:top;padding:.1rem;width:25%;overflow:hidden}.preview-list li a{display:block;padding-top:100%;overflow:hidden;position:relative;z-index:1;border:1px solid rgba(var(--app-color-primary),.1)}.preview-list li a .img-responsive{display:block;position:absolute;left:0;top:0;right:0;bottom:0;width:auto;height:auto;z-index:1;max-width:100%;max-height:100%;margin:auto;-o-object-position:center center;object-position:center center;-o-object-fit:contain;object-fit:contain}