/* Custom loading bar style for model-viewer */ 
                model-viewer::part(default-progress-bar) { background-color: #666666; } 
                model-viewer::part(default-progress-bar)::-webkit-progress-bar { background-color: #f0f0f0; } 
                model-viewer::part(default-progress-bar)::-webkit-progress-value { background-color: #666666; } /*模型查看器大小*/ /* 超小型设备（手机，600px及以下）*/ @media屏幕和（最大宽度：600像素）{ .ardisplay_viewer{ 最小高度：300像素; 高度：300像素; 宽度：100%; } } /* 小型设备（竖屏和大手机，600px及以上）*/ @media屏幕和（最小宽度：600px）{ .ardisplay_viewer{ 最小高度：400像素; 高度：400像素; 宽度：100%; } } /* 中等设备（横向平板，768px及以上）*/ @media仅屏幕和（最小宽度：768px）{ .ardisplay_viewer{ 最小高度：500像素; 高度：500像素; 宽度：100%; } } /* 大型设备（笔记本/台式机，992px及以上）*/ @media屏幕和（最小宽度：992像素）{ .ardisplay_viewer{ 最小高度：600像素; 高度：600像素; 宽度：100%; } } /*维度*/ .dot{ 宽度：10px; 高度：10像素; 盒影：0 2px 4px RGBA（0， 0， 0， 0.25）; 背景：#fff; } .dimension{ 背景：#fff; 边界半径：4px; 盒影：0 2px 4px RGBA（0， 0， 0， 0.25）; 颜色：RGBA（0， 0， 0， 0.8）; 字体家族：Futura，Helvetica Neue，无衬线体; 字体大小：12px; 字体粗大：600; 最大宽度：128像素; 缓冲：0.25 马克 0.5马克; } /*热点*/ .hotspot{ 字体大小：12px; } /*行动号召按钮 */ .ar_cta_button{ 字体大小：12px; } .ar-reset { 位置：绝对; 顶部：6人; 左：6像素; 宽度：40像素; 高度：40像素; 背景大小：包含; 背景重复：无重复; 背景-位置：中心; 背景：无; /*margin-right： 4px;*/ 边界半径：4px; 边界：无; 光标：指针; }