body,html{height:100%;margin:0;padding:0;font-size:12px}.preview-box{position:relative;top:50px;height:calc(100% - 50px);background:#f1f3f5;overflow:auto}.preview-box .preview{height:100%;margin:0;overflow:auto}.preview-box .preview.mo,.preview-box .preview.pb{height:760px;background:#fff;margin:120px auto 0;box-shadow:0 0 8px rgba(51,51,51,.24);border-radius:10px}.preview-box .preview.mo iframe,.preview-box .preview.pb iframe{height:calc(100% - 20px);margin:10px auto;border:1px solid #e0e0e0}.preview-box .preview.pb{width:60em;height:calc(100% - 40px);margin:20px auto}.preview-box .preview.pb iframe{width:700px}.preview-box .preview.mo{width:36.667em;margin:50px auto}.preview-box .preview.mo iframe{width:420px}.preview-box .preview iframe{display:block;height:100%;margin:0 auto;padding:0;border:none}@media (max-width:1400px){.preview-box .preview.mo,.preview-box .preview.pb{height:calc(100% - 90px);margin:70px auto 0}}.switch-btn{position:fixed;top:0;width:100%;height:50px;background:#fff;z-index:99999;box-shadow:0 0 8px rgba(51,51,51,.24);text-align:center}.switch-btn ul{display:-webkit-flex;width:205px;margin:0 auto;vertical-align:top}.switch-btn ul li{position:relative;display:inline-block;width:50px;height:50px}.switch-btn ul li.active .line{display:block}.switch-btn ul li .line{position:absolute;left:0;bottom:0;display:none;width:100%;height:4px;background:#18bc9c;border-radius:2px}.switch-btn ul li:before{content:"";position:absolute;top:0;display:block;width:1px;height:18px;margin:16px 0;background:#e0e0e0}.switch-btn ul li.active a .pc-ico,.switch-btn ul li:hover a .pc-ico{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA/klEQVRIS+2UUQqCQBCGZ8QjGArRWdKyi5TeoR4CwYe6Q1sXydLOEoFLHkF2YiMMy9SVemsfd2e+mfnZfxB+dPBHXHiC40A3836ICB4AGmoFKSMCxvXLEpwgl7kF2DxsV0g0VwOWowlxzcezRQlsRZur7DQncrKJn6gUMPYbW0eMAShLXb/3AmYkL1LX66S7FZXzC8jrg0rHMvYPLhT7S9FGiodBNM3ORtOTynczjruhLkRSaZAmSxPd/QOIn/1TaWmQS0gMQiTRbQmhxrh2fl9CTaOrOrP1Xvgq2IxYjAB21TRElPCJ73yatLbjWjBAwl2vG7hJ97r31hqrFrkBQumeF7Do7E8AAAAASUVORK5CYII=) no-repeat}.switch-btn ul li.active a .pad-ico,.switch-btn ul li:hover a .pad-ico{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA5ElEQVRIS+2VUQqCQBCGZxaPYChEZ0nLLlJ6h3oIBB/qDloXydLOEoGSR5CdECpcXG0LfHNfd+ab4d+dfxB6OihwE18zynGACC4A6mo1qSCCKNfuW7D98p0jgI3zYYdEazWgGEWI+3y+2kjBZhw+qk5LIrtYeKlKAf0UWhpiAkBF5nijFnBE1UXmuKJEXyqYcTNPAMgCVLoewB+VBikGKZojo/wrVKZNFlO3AulI9waWmVCXjyhI8bJNxqxitrzWO28D65fjVOM87bTN3oweqtXEJwES/201IYtydmtfTf8+mizvCXGJtRf0KDWeAAAAAElFTkSuQmCC) no-repeat}.switch-btn ul li.active a .phone-ico,.switch-btn ul li:hover a .phone-ico{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA6UlEQVRIS+2VXQqCQBDHZ8QjGArRWdLSi5TeoR4CwYe6g1sXydLOEoFLHkGcEDJa0to+fMp93J35zcyf2RmElg4K3NhX9bwfIIILgJpcTMqIgHH1tADLzysfAazv1kskmskBRStCXPHxdF4LNqLwXGaaE1mZ4yUyAbRtaKqIMQBlqe31GsCMyofUdkWJXkQwokc/AVBnoEcsRgDznk1ECXc8q7r7HRgg4bb7HVhG548y7sDtt1un8U3jv/1517GpKGY2mhxkOkLbb4ZqUSRPx2Zrgx7K1VQMAqTivdWECuPKsXk1yZQua3MBJwjRF7BHjgsAAAAASUVORK5CYII=) no-repeat}.switch-btn ul li a{display:block;font-size:20px;color:#979797;text-decoration:none}.switch-btn ul li a i{display:block;width:22px;height:22px;margin:14px auto}.switch-btn ul li a i.pc-ico{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA4klEQVRIS+1UQRKCMAxMwCfoWzha/uITgOjBkwcN8AT/Qj3yFn2CEAcdGUEo1JEbPbbNZrPJBmGigxPhQg2slFp4nncQkQ0iLm0SisgNEc95nu+11vcqtgYmoiMAbG0AO/6emHnXAI6i6FoxLYrCT9NU2yQIgkC5rptVzOM4XrUZS3XBzD/pTkSN+E8pZuBXm9oa2TSvK37WuB7XWoq3QcqyVEmSXGw0DsNw7TiO7jOI0dIizzEHRKN/vi092RIaKt12HEfvhb8CE1EGAKqnGs3Mfl+lRsaTAQ/pbnofrbFtkgf59p8X7ljqggAAAABJRU5ErkJggg==) no-repeat}.switch-btn ul li a i.pad-ico{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAA0UlEQVRIS+2VwRHCIBBF2WAJWgtHsRdLSIIePHlQSEqwF/GYWrQEYZ2MEyfRTWCc4Rau8P8uD/gASzSg7yulXAghjoi4BYBlTE1EfADApWmag7X22WkGxkqpE2NsF2NIrDlrrfekcVmW97ZT59ymrmsbUyDPc8k5v7adG2NWYx1jO6G1HuwkVEAp9aP7RjEbvylSrEJ8x3Qz4w+BGcU0ipgrRq3pRwHJOJkxFUJTjycYQl1seu9lVVW3fudjxkVRrLMss6HYTBP0yb6mfw+N0r0AGYu6FzXi2SwAAAAASUVORK5CYII=) no-repeat}.switch-btn ul li a i.phone-ico{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAzUlEQVRIS+1Vyw3CMAy1W0aAWXok3YUR2hoOnDiA247ALg3HzlJGIDXKoYh+UCOkSEg0x/j5+fnJcRA8HXznVUqtoig6icgOEdcuNUXkjojXuq6PWutHl9MjJqIzAOxdCCcwF2Y+TBJnWdZYpcaYuCxL7VIgSRIVhmFlled5vvmkWGyAmXudzBUgolHe0IoRgIgqAFADcs3McXf3W8RzNtj4V4oXYv/jtnj88vhPX163Ntu2VUVR3FwmIk3TbRAEem5t+ln03r4ml9ZdMU/OCs4X0xIa7QAAAABJRU5ErkJggg==) no-repeat}.switch-btn ul li.active a{color:#07d0b5}.switch-btn ul li.moBtn a{position:relative;top:-1px}.switch-btn ul li.qrCodeToggle{position:relative}.switch-btn ul li.qrCodeToggle a{position:relative;top:10px;font-size:22px}.switch-btn ul li.qrCodeToggle .orc-preview{display:none;position:absolute;top:40px;right:-90px;padding:0 20px 20px;background:#fff;box-shadow:0 0 8px rgba(51,51,51,.24);border-radius:6px;z-index:9999}.switch-btn ul li.qrCodeToggle .orc-preview p{color:#333}.switch-btn ul li.qrCodeToggle:hover .orc-preview{display:block}.view-iframe{width:100%;background:#fff}.view-iframe.pc{width:100%}.view-iframe.mo,.view-iframe.pb{height:calc(100vh - 130px);padding:10px;border:1px solid #e0e0e0;box-sizing:border-box}.view-iframe.mo::-webkit-scrollbar,.view-iframe.pb::-webkit-scrollbar{display:none}