1 line
9.9 KiB
CSS
1 line
9.9 KiB
CSS
.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-ping-pu .xml-image-ping-pu-h5,.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-ping-pu .xml-image-ping-pu-pad,.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-ping-pu .xml-image-ping-pu-pc{max-width:100%;text-align:center}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-ping-pu .xml-image-ping-pu-h5+.xml-image-ping-pu-h5,.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-ping-pu .xml-image-ping-pu-pad+.xml-image-ping-pu-pad,.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-ping-pu .xml-image-ping-pu-pc+.xml-image-ping-pu-pc,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-hua-lang .image-title--under,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-lun-bo .image-title--under,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-ping-pu .image-title--under,.parent-group.xml-single-image-group+.image-container{margin-top:10px}.parent-group.xml-single-image-group .image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:hidden}.parent-group.xml-single-image-group .image-container .xml-noimage-container{background:#f4f4f4;height:315px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.parent-group.xml-single-image-group .image-container .xml-noimage-container .xml-noimage{width:244px;height:200px}.parent-group.xml-single-image-group .image-container .xml-image-dan-tu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu.hua-lang{width:auto}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu.ping-pu{width:100%}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-hualang{display:-webkit-box;display:-ms-flexbox;display:flex}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-hualang .xml-image-hua-lang-h5{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-right:15px}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-hualang .xml-image-hua-lang-h5 img{background:#f4f4f4;-o-object-fit:contain;object-fit:contain;border-radius:6px}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-hualang .xml-image-hua-lang-h5:last-child{margin-right:0}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-hualang .xml-image-hua-lang-pad{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-right:15px}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-hualang .xml-image-hua-lang-pad img{background:#f4f4f4;-o-object-fit:contain;object-fit:contain;border-radius:6px}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-hualang .xml-image-hua-lang-pad:last-child{margin-right:0}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-hualang .xml-image-hua-lang-pc{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-right:15px}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-hualang .xml-image-hua-lang-pc img{background:#f4f4f4;-o-object-fit:contain;object-fit:contain;border-radius:6px}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-hualang .xml-image-hua-lang-pc:last-child{margin-right:0}.parent-group.xml-single-image-group .image-container .xml-image-duo-tu .xml-image-ping-pu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.parent-group.xml-single-image-group .hua-lang-image-container{overflow-x:scroll}.parent-group.xml-single-image-group .hua-lang-image-container::-webkit-scrollbar{height:10px}@-webkit-keyframes scroll{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100% + var(--xml-reader-width)));transform:translateX(calc(-100% + var(--xml-reader-width)))}}@keyframes scroll{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(-100% + var(--xml-reader-width)));transform:translateX(calc(-100% + var(--xml-reader-width)))}}.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-hua-lang{position:relative}.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-hua-lang img{height:calc(100% - 34px)}.parent-group.xml-single-image-group .xml-image-duo-tu .no-title .xml-image-hua-lang img{height:100%}.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-hua-lang .image-title--lay,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-lun-bo .image-title--lay,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-ping-pu .image-title--lay{font-size:16px;color:#333;width:100%;overflow:hidden;white-space:normal;word-break:break-all}.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-hua-lang .image-title--on,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-lun-bo .image-title--on,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-ping-pu .image-title--on{margin-bottom:10px}.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-hua-lang .image-title--fixed,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-lun-bo .image-title--fixed,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-ping-pu .image-title--fixed{font-size:14px;color:#fff;position:absolute;left:0;z-index:3;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:rgba(0,0,0,.4);padding:5px 10px}.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-hua-lang .image-title--bottom,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-lun-bo .image-title--bottom,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-ping-pu .image-title--bottom{bottom:0}.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-hua-lang .image-title--top,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-lun-bo .image-title--top,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-ping-pu .image-title--top{top:0}.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-hua-lang .image-title--on,.parent-group.xml-single-image-group .xml-image-duo-tu .xml-image-hua-lang .image-title--under{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-group.xml-single-image-group .xml-image-duo-tu.lun-bo{width:100%;max-width:750px;margin:0 auto}.parent-group.xml-single-image-group .xml-image-duo-tu.lun-bo .xml-image-lun-bo{width:100%;text-align:center}.parent-group.xml-single-image-group .xml-image-duo-tu.lun-bo .xml-image-lun-bo .custom-indicator{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3;background-color:rgba(0,0,0,.4);color:#fff;font-size:12px;padding:3px 10px;border-radius:24px;min-width:48px}.parent-group.xml-single-image-group .xml-image-duo-tu.lun-bo .xml-image-lun-bo .custom-indicator.withBottomTitle{bottom:calc(100% - 32px)}.parent-group.xml-single-image-group .xml-image-duo-tu.lun-bo .xml-image-lun-bo .custom-indicator.withTopTitle{bottom:12px}.parent-group.xml-single-image-group .xml-image-duo-tu.lun-bo .xml-image-lun-bo .image-title--on,.parent-group.xml-single-image-group .xml-image-duo-tu.lun-bo .xml-image-lun-bo .image-title--under{min-height:24px}.parent-group.xml-single-image-group .xml-image-duo-tu.lun-bo .xml-image-lun-bo img{width:100%;height:100%;-o-object-fit:scale-down;object-fit:scale-down}.parent-group.xml-single-image-group .image-container-scroll{overflow-x:scroll}.el-image-viewer__wrapper .el-image-viewer__title{font-size:16px;color:#fff;position:fixed;top:20px;bottom:initial;text-align:center;width:calc(100% - 84px);overflow:hidden;text-overflow:ellipsis;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0,0,0,.6392156863);padding:0 12px;background-color:transparent;cursor:auto}.el-image-viewer__wrapper .el-image-viewer__content{font-size:14px;color:#fff;position:fixed;bottom:80px;text-align:center;line-height:22px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;background:rgba(0,0,0,.6392156863);padding:5px 15px;border-radius:0;word-break:break-all;-ms-flex-wrap:wrap;flex-wrap:wrap;cursor:auto}.el-image-viewer__wrapper .el-image-viewer__content .ellipsis-box{width:100%}.el-image-viewer__wrapper .el-image-viewer__close{top:20px;right:10px;width:32px;height:32px}.el-image-viewer__wrapper .el-image-viewer__actions .el-icon-arrow-left.is-disabled,.el-image-viewer__wrapper .el-image-viewer__actions .el-icon-arrow-right.is-disabled{color:#999}.text-ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;overflow:hidden}.el-image__placeholder{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:1000px){.el-image-viewer__wrapper .el-image-viewer__canvas{width:auto;height:auto;position:absolute;top:60px;left:100px;right:100px;bottom:140px;overflow:hidden}} |