.comp-preview-screen-dialog .preview-dialog{height:72%;position:relative;background:transparent}.comp-preview-screen-dialog .preview-dialog__img{position:absolute;top:0;left:0;width:100%;height:100%;background:#171b22}.comp-preview-screen-dialog .preview-dialog__img>img{width:100%;height:100%}.comp-preview-screen-dialog .preview-dialog__top{width:100%;height:11%;position:absolute;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent)}.comp-preview-screen-dialog .preview-dialog__top>i{position:absolute;right:23px;top:23px;width:10px;height:10px;cursor:pointer}.comp-preview-screen-dialog .preview-dialog__content{width:100%;height:30%;position:absolute;bottom:0;background:linear-gradient(180deg,transparent 1%,#000)}.comp-preview-screen-dialog .preview-dialog__content .content-wrap__des{position:absolute;bottom:65px;left:14px;text-align:left;margin-right:20px;color:#fff}.comp-preview-screen-dialog .preview-dialog__content .content-wrap__bottom{position:absolute;bottom:20px;right:20px}.comp-preview-screen-dialog .preview-dialog__content .content-wrap__price{text-align:left;font-size:12px;float:right;margin-right:20px;margin-top:8px;color:#ff923f}.comp-preview-screen-dialog .preview-dialog__content .content-wrap__price>span{font-size:22px;margin-left:-4px}.comp-preview-screen-dialog .preview-dialog__content .content-wrap__btnlft{float:right;width:100px}.comp-preview-screen-dialog .preview-dialog__content .content-wrap__btnlft>.el-button{height:32px!important}.comp-preview-screen-dialog .preview-dialog .el-dialog__header{padding:0}.comp-preview-screen-dialog .preview-dialog .el-dialog__header .el-dialog__headerbtn{z-index:1}.comp-preview-screen-dialog .preview-dialog .el-dialog__header .el-dialog__close{color:#fff}.comp-preview-screen-dialog .preview-dialog .el-dialog__body{padding:0}.comp-preview-screen-dialog .preview-dialog .fade-enter-active,.comp-preview-screen-dialog .preview-dialog .fade-leave-active{transition:opacity .5s}.comp-preview-screen-dialog .preview-dialog .fade-enter,.comp-preview-screen-dialog .preview-dialog .fade-leave-active{opacity:0}.template-market__list{display:flex;flex-wrap:wrap;padding:40px 10px}.template-market__list .list-container{padding:10px}.template-market__list .list-container__content{position:relative;border:1px solid #3a4659;border-bottom-style:none;background:#171b22}.template-market__list .list-container__content-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.template-market__list .list-container__content-state{position:absolute;right:5px;top:5px;width:40px;height:21px}.template-market__list .list-container__toolbar{text-align:left;font-size:12px;padding:0 0 0 10px;display:flex;align-items:center;justify-content:space-between;border:1px solid #3a4659;border-top-style:none;color:#ccc}.template-market__list .list-container__toolbar>p{width:200px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-market__list .list-container__mask{position:absolute;top:0;left:0;background:rgba(0,0,0,.8)}.template-market__list .list-container__mask .mask-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.template-market__list .list-container__mask .mask-container .btn--confirm,.template-market__list .list-container__mask .mask-container .btn--default{width:100px;height:32px;margin:5px}@media screen and (max-width:1160px){.template-market__list .list-container{width:33.33%}.template-market__list .list-container__content{width:100%;height:17.29vw}.template-market__list .list-container__toolbar{width:100%;height:3.46vw}.template-market__list .list-container__mask{width:100%;height:17.29vw}}@media screen and (min-width:1160px){.template-market__list .list-container{width:25%}.template-market__list .list-container__content{width:100%;height:13vw}.template-market__list .list-container__toolbar{width:100%;height:2.6vw}.template-market__list .list-container__mask{width:100%;height:13vw}}@media screen and (min-width:1540px){.template-market__list .list-container{width:20%}.template-market__list .list-container__content{width:100%;height:10.42vw}.template-market__list .list-container__toolbar{width:100%;height:2.1vw}.template-market__list .list-container__mask{width:100%;height:10.42vw}}.template-market__empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#7b7a7a}.template-market__empty>img{width:310px;height:210px}