/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
*{margin:0;padding:0;box-sizing:border-box}body{background:#fff;font-size:16px;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Segoe UI,Arial,Roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif}.page-components{display:flex}.site-header{width:100%;height:60px;background-color:#001938;padding:20px;z-index:100;position:fixed;top:0}.site-header a{color:#fff;margin-left:20px}.site-main{margin:60px 0px;padding:20px;background:#f7f8fa;min-height:100vh;height:100%}.sidebar{position:fixed;top:80px;bottom:0;z-index:1;min-width:220px;max-width:220px;padding:24px 20px 70px;overflow-y:scroll;background-color:#fff;border-radius:10px}.sidebar::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:6px}.sidebar:hover::-webkit-scrollbar-thumb{background-color:rgba(69,90,100,.2)}.sidebar .nav-title{padding:8px 0 8px 24px;color:#455a64;font-weight:600;font-size:15px;line-height:28px}.sidebar .nav-group{margin-bottom:16px;padding-left:6px}.sidebar .nav-link{display:block;margin:8px 0;padding:8px 0 8px 24px;color:#455a64;font-size:13px;line-height:20px}.sidebar .nav-link.active{font-weight:600;background-color:#ebfff0;border-radius:999px;color:#4fc08d}.main{display:flex}.doc{box-sizing:border-box;padding:20px;min-width:800px;max-width:900px;margin:0px 10px 30px 240px;overflow:hidden;background:#fff;border-radius:10px;line-height:30px;height:100%}.simulator{position:relative}.simulator .home{cursor:pointer}.simulator .control{position:absolute;right:0;top:0;width:30px;height:30px;cursor:pointer;color:#00bc71}.simulator .control svg{fill:#666}.simulator.fixed{position:fixed;top:80px;right:10%}.simulator.fixed .control svg{fill:red}
IFRAME{background-color:#fff;width:100%;height:100%;overflow-y:scroll}.marvel-device{transform:scale(0.85);transform-origin:50% 0%;box-shadow:8px 8px 18px 6px rgba(0,0,0,.28) !important}@media(max-width: 900px){.marvel-device{transform:scale(0.9);width:85% !important;max-width:460px}}.marvel-device{display:inline-block;position:relative;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.marvel-device .screen{width:100%;position:relative;height:100%;z-index:3;background:#fff;overflow:hidden;display:block;border-radius:1px;-webkit-box-shadow:0 0 0 3px #111;box-shadow:0 0 0 3px #111;overflow:none;-webkit-overflow-scrolling:touch}.marvel-device .top-bar,.marvel-device .bottom-bar{height:3px;background:#000;width:100%;display:block}.marvel-device .middle-bar{width:3px;height:4px;top:0px;left:90px;background:#000;position:absolute}.marvel-device.iphone8{width:375px;height:667px;padding:105px 24px;background:#d9dbdc;border-radius:56px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.2);box-shadow:inset 0 0 3px 0 rgba(0,0,0,.2)}.marvel-device.iphone8:before{width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;content:"";left:6px;border-radius:50px;background:#f8f8f8;z-index:1}.marvel-device.iphone8:after{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;content:"";left:8px;border-radius:48px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #fff;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #fff;z-index:2}.marvel-device.iphone8 .home{border-radius:100%;width:68px;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:22px;z-index:3;background:#303233;background:linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%)}.marvel-device.iphone8 .home:before{background:#f8f8f8;position:absolute;content:"";border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}.marvel-device.iphone8 .top-bar{height:14px;background:#bfbfc0;position:absolute;top:68px;left:0}.marvel-device.iphone8 .bottom-bar{height:14px;background:#bfbfc0;position:absolute;bottom:68px;left:0}.marvel-device.iphone8 .sleep{position:absolute;top:190px;right:-4px;width:4px;height:66px;border-radius:0px 2px 2px 0px;background:#d9dbdc}.marvel-device.iphone8 .volume{position:absolute;left:-4px;top:188px;z-index:0;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:#d9dbdc}.marvel-device.iphone8 .volume:before{position:absolute;left:2px;top:-78px;height:40px;width:2px;border-radius:2px 0px 0px 2px;background:inherit;content:"";display:block}.marvel-device.iphone8 .volume:after{position:absolute;left:0px;top:82px;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:"";display:block}.marvel-device.iphone8 .camera{background:#3c3d3d;width:12px;height:12px;position:absolute;top:24px;left:50%;margin-left:-6px;border-radius:100%;z-index:3}.marvel-device.iphone8 .sensor{background:#3c3d3d;width:16px;height:16px;position:absolute;top:49px;left:134px;z-index:3;border-radius:100%}.marvel-device.iphone8 .speaker{background:#292728;width:70px;height:6px;position:absolute;top:54px;left:50%;margin-left:-35px;border-radius:6px;z-index:3}.marvel-device.iphone8.gold{background:#f9e7d3}.marvel-device.iphone8.gold .top-bar,.marvel-device.iphone8.gold .bottom-bar{background:#fff}.marvel-device.iphone8.gold .sleep,.marvel-device.iphone8.gold .volume{background:#f9e7d3}.marvel-device.iphone8.gold .home{background:#cebba9;background:linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%)}.marvel-device.iphone8.black{background:#464646;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.7);box-shadow:inset 0 0 3px 0 rgba(0,0,0,.7)}.marvel-device.iphone8.black:before{background:#080808}.marvel-device.iphone8.black:after{-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #212121;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #212121}.marvel-device.iphone8.black .top-bar,.marvel-device.iphone8.black .bottom-bar{background:#212121}.marvel-device.iphone8.black .volume,.marvel-device.iphone8.black .sleep{background:#464646}.marvel-device.iphone8.black .camera{background:#080808}.marvel-device.iphone8.black .home{background:#080808;background:linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%)}.marvel-device.iphone8.black .home:before{background:#080808}.marvel-device.iphone8.landscape{padding:24px 105px;height:375px;width:667px}.marvel-device.iphone8.landscape .sleep{top:100%;border-radius:0px 0px 2px 2px;right:190px;height:4px;width:66px}.marvel-device.iphone8.landscape .volume{width:66px;height:4px;top:-4px;left:calc(100% - 188px - 66px);border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .volume:before{width:40px;height:2px;top:2px;right:-78px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .volume:after{left:-82px;width:66px;height:4px;top:0;border-radius:2px 2px 0px 0px}.marvel-device.iphone8.landscape .top-bar{width:14px;height:100%;left:calc(100% - 68px - 14px);top:0}.marvel-device.iphone8.landscape .bottom-bar{width:14px;height:100%;left:68px;top:0}.marvel-device.iphone8.landscape .home{top:50%;margin-top:-34px;margin-left:0;left:22px}.marvel-device.iphone8.landscape .sensor{top:134px;left:calc(100% - 49px - 16px)}.marvel-device.iphone8.landscape .speaker{height:70px;width:6px;left:calc(100% - 54px - 6px);top:50%;margin-left:0px;margin-top:-35px}.marvel-device.iphone8.landscape .camera{left:calc(100% - 32px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone8plus{width:440px;height:736px;padding:112px 26px;background:#d9dbdc;border-radius:56px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.2);box-shadow:inset 0 0 3px 0 rgba(0,0,0,.2)}.marvel-device.iphone8plus:before{width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;top:6px;content:"";left:6px;border-radius:50px;background:#f8f8f8;z-index:1}.marvel-device.iphone8plus:after{width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;top:8px;content:"";left:8px;border-radius:48px;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #fff;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #fff;z-index:2}.marvel-device.iphone8plus .home{border-radius:100%;width:68px;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:24px;z-index:3;background:#303233;background:linear-gradient(135deg, #303233 0%, #b5b7b9 50%, #f0f2f2 69%, #303233 100%)}.marvel-device.iphone8plus .home:before{background:#f8f8f8;position:absolute;content:"";border-radius:100%;width:calc(100% - 8px);height:calc(100% - 8px);top:4px;left:4px}.marvel-device.iphone8plus .top-bar{height:14px;background:#bfbfc0;position:absolute;top:68px;left:0}.marvel-device.iphone8plus .bottom-bar{height:14px;background:#bfbfc0;position:absolute;bottom:68px;left:0}.marvel-device.iphone8plus .sleep{position:absolute;top:190px;right:-4px;width:4px;height:66px;border-radius:0px 2px 2px 0px;background:#d9dbdc}.marvel-device.iphone8plus .volume{position:absolute;left:-4px;top:188px;z-index:0;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:#d9dbdc}.marvel-device.iphone8plus .volume:before{position:absolute;left:2px;top:-78px;height:40px;width:2px;border-radius:2px 0px 0px 2px;background:inherit;content:"";display:block}.marvel-device.iphone8plus .volume:after{position:absolute;left:0px;top:82px;height:66px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:"";display:block}.marvel-device.iphone8plus .camera{background:#3c3d3d;width:12px;height:12px;position:absolute;top:29px;left:50%;margin-left:-6px;border-radius:100%;z-index:3}.marvel-device.iphone8plus .sensor{background:#3c3d3d;width:16px;height:16px;position:absolute;top:54px;left:154px;z-index:3;border-radius:100%}.marvel-device.iphone8plus .speaker{background:#292728;width:70px;height:6px;position:absolute;top:59px;left:50%;margin-left:-35px;border-radius:6px;z-index:3}.marvel-device.iphone8plus.gold{background:#f9e7d3}.marvel-device.iphone8plus.gold .top-bar,.marvel-device.iphone8plus.gold .bottom-bar{background:#fff}.marvel-device.iphone8plus.gold .sleep,.marvel-device.iphone8plus.gold .volume{background:#f9e7d3}.marvel-device.iphone8plus.gold .home{background:#cebba9;background:linear-gradient(135deg, #cebba9 0%, #f9e7d3 50%, #cebba9 100%)}.marvel-device.iphone8plus.black{background:#464646;-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.7);box-shadow:inset 0 0 3px 0 rgba(0,0,0,.7)}.marvel-device.iphone8plus.black:before{background:#080808}.marvel-device.iphone8plus.black:after{-webkit-box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #212121;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.1),inset 0 0 6px 3px #212121}.marvel-device.iphone8plus.black .top-bar,.marvel-device.iphone8plus.black .bottom-bar{background:#212121}.marvel-device.iphone8plus.black .volume,.marvel-device.iphone8plus.black .sleep{background:#464646}.marvel-device.iphone8plus.black .camera{background:#080808}.marvel-device.iphone8plus.black .home{background:#080808;background:linear-gradient(135deg, #080808 0%, #464646 50%, #080808 100%)}.marvel-device.iphone8plus.black .home:before{background:#080808}.marvel-device.iphone8plus.landscape{padding:26px 112px;height:414px;width:736px}.marvel-device.iphone8plus.landscape .sleep{top:100%;border-radius:0px 0px 2px 2px;right:190px;height:4px;width:66px}.marvel-device.iphone8plus.landscape .volume{width:66px;height:4px;top:-4px;left:calc(100% - 188px - 66px);border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .volume:before{width:40px;height:2px;top:2px;right:-78px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .volume:after{left:-82px;width:66px;height:4px;top:0;border-radius:2px 2px 0px 0px}.marvel-device.iphone8plus.landscape .top-bar{width:14px;height:100%;left:calc(100% - 68px - 14px);top:0}.marvel-device.iphone8plus.landscape .bottom-bar{width:14px;height:100%;left:68px;top:0}.marvel-device.iphone8plus.landscape .home{top:50%;margin-top:-34px;margin-left:0;left:24px}.marvel-device.iphone8plus.landscape .sensor{top:154px;left:calc(100% - 54px - 16px)}.marvel-device.iphone8plus.landscape .speaker{height:70px;width:6px;left:calc(100% - 59px - 6px);top:50%;margin-left:0px;margin-top:-35px}.marvel-device.iphone8plus.landscape .camera{left:calc(100% - 29px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone5s,.marvel-device.iphone5c{padding:105px 22px;background:#2c2b2c;width:320px;height:568px;border-radius:50px}.marvel-device.iphone5s:before,.marvel-device.iphone5c:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;content:"";left:4px;border-radius:46px;background:#1e1e1e;z-index:1}.marvel-device.iphone5s .sleep,.marvel-device.iphone5c .sleep{position:absolute;top:-4px;right:60px;width:60px;height:4px;border-radius:2px 2px 0px 0px;background:#282727}.marvel-device.iphone5s .volume,.marvel-device.iphone5c .volume{position:absolute;left:-4px;top:180px;z-index:0;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:#282727}.marvel-device.iphone5s .volume:before,.marvel-device.iphone5c .volume:before{position:absolute;left:0px;top:-75px;height:35px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:"";display:block}.marvel-device.iphone5s .volume:after,.marvel-device.iphone5c .volume:after{position:absolute;left:0px;bottom:-64px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:"";display:block}.marvel-device.iphone5s .camera,.marvel-device.iphone5c .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:32px;left:50%;margin-left:-5px;border-radius:5px;z-index:3}.marvel-device.iphone5s .sensor,.marvel-device.iphone5c .sensor{background:#3c3d3d;width:10px;height:10px;position:absolute;top:60px;left:160px;z-index:3;margin-left:-32px;border-radius:5px}.marvel-device.iphone5s .speaker,.marvel-device.iphone5c .speaker{background:#292728;width:64px;height:10px;position:absolute;top:60px;left:50%;margin-left:-32px;border-radius:5px;z-index:3}.marvel-device.iphone5s.landscape,.marvel-device.iphone5c.landscape{padding:22px 105px;height:320px;width:568px}.marvel-device.iphone5s.landscape .sleep,.marvel-device.iphone5c.landscape .sleep{right:-4px;top:calc(100% - 120px);height:60px;width:4px;border-radius:0px 2px 2px 0px}.marvel-device.iphone5s.landscape .volume,.marvel-device.iphone5c.landscape .volume{width:27px;height:4px;top:-4px;left:calc(100% - 180px);border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .volume:before,.marvel-device.iphone5c.landscape .volume:before{width:35px;height:4px;top:0px;right:-75px;left:auto;border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .volume:after,.marvel-device.iphone5c.landscape .volume:after{bottom:0px;left:-64px;z-index:999;height:4px;width:27px;border-radius:2px 2px 0px 0px}.marvel-device.iphone5s.landscape .sensor,.marvel-device.iphone5c.landscape .sensor{top:160px;left:calc(100% - 60px);margin-left:0px;margin-top:-32px}.marvel-device.iphone5s.landscape .speaker,.marvel-device.iphone5c.landscape .speaker{height:64px;width:10px;left:calc(100% - 60px);top:50%;margin-left:0px;margin-top:-32px}.marvel-device.iphone5s.landscape .camera,.marvel-device.iphone5c.landscape .camera{left:calc(100% - 32px);top:50%;margin-left:0px;margin-top:-5px}.marvel-device.iphone5s .home{border-radius:36px;width:68px;-webkit-box-shadow:inset 0 0 0 4px #2c2b2c;box-shadow:inset 0 0 0 4px #2c2b2c;height:68px;position:absolute;left:50%;margin-left:-34px;bottom:19px;z-index:3}.marvel-device.iphone5s .top-bar{top:70px;position:absolute;left:0}.marvel-device.iphone5s .bottom-bar{bottom:70px;position:absolute;left:0}.marvel-device.iphone5s.landscape .home{left:19px;bottom:50%;margin-bottom:-34px;margin-left:0px}.marvel-device.iphone5s.landscape .top-bar{left:70px;top:0px;width:3px;height:100%}.marvel-device.iphone5s.landscape .bottom-bar{right:70px;left:auto;bottom:0px;width:3px;height:100%}.marvel-device.iphone5s.silver{background:#bcbcbc}.marvel-device.iphone5s.silver:before{background:#fcfcfc}.marvel-device.iphone5s.silver .volume,.marvel-device.iphone5s.silver .sleep{background:#d6d6d6}.marvel-device.iphone5s.silver .top-bar,.marvel-device.iphone5s.silver .bottom-bar{background:#eaebec}.marvel-device.iphone5s.silver .home{-webkit-box-shadow:inset 0 0 0 4px #bcbcbc;box-shadow:inset 0 0 0 4px #bcbcbc}.marvel-device.iphone5s.gold{background:#f9e7d3}.marvel-device.iphone5s.gold:before{background:#fcfcfc}.marvel-device.iphone5s.gold .volume,.marvel-device.iphone5s.gold .sleep{background:#f9e7d3}.marvel-device.iphone5s.gold .top-bar,.marvel-device.iphone5s.gold .bottom-bar{background:#fff}.marvel-device.iphone5s.gold .home{-webkit-box-shadow:inset 0 0 0 4px #f9e7d3;box-shadow:inset 0 0 0 4px #f9e7d3}.marvel-device.iphone5c{background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.marvel-device.iphone5c .top-bar,.marvel-device.iphone5c .bottom-bar{display:none}.marvel-device.iphone5c .home{background:#242324;border-radius:36px;width:68px;height:68px;z-index:3;position:absolute;left:50%;margin-left:-34px;bottom:19px}.marvel-device.iphone5c .home:after{width:20px;height:20px;border:1px solid rgba(255,255,255,.1);border-radius:4px;position:absolute;display:block;content:"";top:50%;left:50%;margin-top:-11px;margin-left:-11px}.marvel-device.iphone5c.landscape .home{left:19px;bottom:50%;margin-bottom:-34px;margin-left:0px}.marvel-device.iphone5c .volume,.marvel-device.iphone5c .sleep{background:#ddd}.marvel-device.iphone5c.red{background:#f96b6c}.marvel-device.iphone5c.red .volume,.marvel-device.iphone5c.red .sleep{background:#ed5758}.marvel-device.iphone5c.yellow{background:#f2dc60}.marvel-device.iphone5c.yellow .volume,.marvel-device.iphone5c.yellow .sleep{background:#e5ce4c}.marvel-device.iphone5c.green{background:#97e563}.marvel-device.iphone5c.green .volume,.marvel-device.iphone5c.green .sleep{background:#85d94d}.marvel-device.iphone5c.blue{background:#33a2db}.marvel-device.iphone5c.blue .volume,.marvel-device.iphone5c.blue .sleep{background:#2694cd}.marvel-device.iphone4s{padding:129px 27px;width:320px;height:480px;background:#686868;border-radius:54px}.marvel-device.iphone4s:before{content:"";width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;z-index:1;border-radius:50px;background:#1e1e1e}.marvel-device.iphone4s .top-bar{top:60px;position:absolute;left:0}.marvel-device.iphone4s .bottom-bar{bottom:90px;position:absolute;left:0}.marvel-device.iphone4s .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:72px;left:134px;z-index:3;margin-left:-5px;border-radius:100%}.marvel-device.iphone4s .speaker{background:#292728;width:64px;height:10px;position:absolute;top:72px;left:50%;z-index:3;margin-left:-32px;border-radius:5px}.marvel-device.iphone4s .sensor{background:#292728;width:40px;height:10px;position:absolute;top:36px;left:50%;z-index:3;margin-left:-20px;border-radius:5px}.marvel-device.iphone4s .home{background:#242324;border-radius:100%;width:72px;height:72px;z-index:3;position:absolute;left:50%;margin-left:-36px;bottom:30px}.marvel-device.iphone4s .home:after{width:20px;height:20px;border:1px solid rgba(255,255,255,.1);border-radius:4px;position:absolute;display:block;content:"";top:50%;left:50%;margin-top:-11px;margin-left:-11px}.marvel-device.iphone4s .sleep{position:absolute;top:-4px;right:60px;width:60px;height:4px;border-radius:2px 2px 0px 0px;background:#4d4d4d}.marvel-device.iphone4s .volume{position:absolute;left:-4px;top:160px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:#4d4d4d}.marvel-device.iphone4s .volume:before{position:absolute;left:0px;top:-70px;height:35px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:"";display:block}.marvel-device.iphone4s .volume:after{position:absolute;left:0px;bottom:-64px;height:27px;width:4px;border-radius:2px 0px 0px 2px;background:inherit;content:"";display:block}.marvel-device.iphone4s.landscape{padding:27px 129px;height:320px;width:480px}.marvel-device.iphone4s.landscape .bottom-bar{left:90px;bottom:0px;height:100%;width:3px}.marvel-device.iphone4s.landscape .top-bar{left:calc(100% - 60px);top:0px;height:100%;width:3px}.marvel-device.iphone4s.landscape .camera{top:134px;left:calc(100% - 72px);margin-left:0}.marvel-device.iphone4s.landscape .speaker{top:50%;margin-left:0;margin-top:-32px;left:calc(100% - 72px);width:10px;height:64px}.marvel-device.iphone4s.landscape .sensor{height:40px;width:10px;left:calc(100% - 36px);top:50%;margin-left:0;margin-top:-20px}.marvel-device.iphone4s.landscape .home{left:30px;bottom:50%;margin-left:0;margin-bottom:-36px}.marvel-device.iphone4s.landscape .sleep{height:60px;width:4px;right:-4px;top:calc(100% - 120px);border-radius:0px 2px 2px 0px}.marvel-device.iphone4s.landscape .volume{top:-4px;left:calc(100% - 187px);height:4px;width:27px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.landscape .volume:before{right:-70px;left:auto;top:0px;width:35px;height:4px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.landscape .volume:after{width:27px;height:4px;bottom:0px;left:-64px;border-radius:2px 2px 0px 0px}.marvel-device.iphone4s.silver{background:#bcbcbc}.marvel-device.iphone4s.silver:before{background:#fcfcfc}.marvel-device.iphone4s.silver .home{background:#fcfcfc;-webkit-box-shadow:inset 0 0 0 1px #bcbcbc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.iphone4s.silver .home:after{border:1px solid rgba(0,0,0,.2)}.marvel-device.iphone4s.silver .volume,.marvel-device.iphone4s.silver .sleep{background:#d6d6d6}.marvel-device.nexus5{padding:50px 15px 50px 15px;width:320px;height:568px;background:#1e1e1e;border-radius:20px}.marvel-device.nexus5:before{border-radius:600px/50px;background:inherit;content:"";top:0;position:absolute;height:103.1%;width:calc(100% - 26px);top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .top-bar{width:calc(100% - 8px);height:calc(100% - 6px);position:absolute;top:3px;left:4px;border-radius:20px;background:#181818}.marvel-device.nexus5 .top-bar:before{border-radius:600px/50px;background:inherit;content:"";top:0;position:absolute;height:103%;width:calc(100% - 26px);top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.marvel-device.nexus5 .bottom-bar{display:none}.marvel-device.nexus5 .sleep{width:3px;position:absolute;left:-3px;top:110px;height:100px;background:inherit;border-radius:2px 0px 0px 2px}.marvel-device.nexus5 .volume{width:3px;position:absolute;right:-3px;top:70px;height:45px;background:inherit;border-radius:0px 2px 2px 0px}.marvel-device.nexus5 .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:18px;left:50%;z-index:3;margin-left:-5px;border-radius:100%}.marvel-device.nexus5 .camera:before{background:#3c3d3d;width:6px;height:6px;content:"";display:block;position:absolute;top:2px;left:-100px;z-index:3;border-radius:100%}.marvel-device.nexus5.landscape{padding:15px 50px 15px 50px;height:320px;width:568px}.marvel-device.nexus5.landscape:before{width:103.1%;height:calc(100% - 26px);border-radius:50px/600px}.marvel-device.nexus5.landscape .top-bar{left:3px;top:4px;height:calc(100% - 8px);width:calc(100% - 6px)}.marvel-device.nexus5.landscape .top-bar:before{width:103%;height:calc(100% - 26px);border-radius:50px/600px}.marvel-device.nexus5.landscape .sleep{height:3px;width:100px;left:calc(100% - 210px);top:-3px;border-radius:2px 2px 0px 0px}.marvel-device.nexus5.landscape .volume{height:3px;width:45px;right:70px;top:100%;border-radius:0px 0px 2px 2px}.marvel-device.nexus5.landscape .camera{top:50%;left:calc(100% - 18px);margin-left:0;margin-top:-5px}.marvel-device.nexus5.landscape .camera:before{top:-100px;left:2px}.marvel-device.s5{padding:60px 18px;border-radius:42px;width:320px;height:568px;background:#bcbcbc}.marvel-device.s5:before,.marvel-device.s5:after{width:calc(100% - 52px);content:"";display:block;height:26px;background:inherit;position:absolute;border-radius:500px/40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.marvel-device.s5:before{top:-7px}.marvel-device.s5:after{bottom:-7px}.marvel-device.s5 .bottom-bar{display:none}.marvel-device.s5 .top-bar{border-radius:37px;width:calc(100% - 10px);height:calc(100% - 10px);top:5px;left:5px;background:radial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 0 0,radial-gradient(rgba(0, 0, 0, 0.02) 20%, transparent 60%) 3px 3px;background-color:#fff;background-size:4px 4px;background-position:center;z-index:2;position:absolute}.marvel-device.s5 .top-bar:before,.marvel-device.s5 .top-bar:after{width:calc(100% - 48px);content:"";display:block;height:26px;background:inherit;position:absolute;border-radius:500px/40px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.marvel-device.s5 .top-bar:before{top:-7px}.marvel-device.s5 .top-bar:after{bottom:-7px}.marvel-device.s5 .sleep{width:3px;position:absolute;left:-3px;top:100px;height:100px;background:#cecece;border-radius:2px 0px 0px 2px}.marvel-device.s5 .speaker{width:68px;height:8px;position:absolute;top:20px;display:block;z-index:3;left:50%;margin-left:-34px;background-color:#bcbcbc;background-position:top left;border-radius:4px}.marvel-device.s5 .sensor{display:block;position:absolute;top:20px;right:110px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.s5 .sensor:after{display:block;content:"";position:absolute;top:0px;right:12px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.s5 .camera{display:block;position:absolute;top:24px;right:42px;background:#000;border-radius:100%;width:10px;height:10px;z-index:3}.marvel-device.s5 .camera:before{width:4px;height:4px;background:#3c3d3d;border-radius:100%;position:absolute;content:"";top:50%;left:50%;margin-top:-2px;margin-left:-2px}.marvel-device.s5 .home{position:absolute;z-index:3;bottom:17px;left:50%;width:70px;height:20px;background:#fff;border-radius:18px;display:block;margin-left:-35px;border:2px solid #000}.marvel-device.s5.landscape{padding:18px 60px;height:320px;width:568px}.marvel-device.s5.landscape:before,.marvel-device.s5.landscape:after{height:calc(100% - 52px);width:26px;border-radius:40px/500px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.marvel-device.s5.landscape:before{top:50%;left:-7px}.marvel-device.s5.landscape:after{top:50%;left:auto;right:-7px}.marvel-device.s5.landscape .top-bar:before,.marvel-device.s5.landscape .top-bar:after{width:26px;height:calc(100% - 48px);border-radius:40px/500px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.marvel-device.s5.landscape .top-bar:before{right:-7px;top:50%;left:auto}.marvel-device.s5.landscape .top-bar:after{left:-7px;top:50%;right:auto}.marvel-device.s5.landscape .sleep{height:3px;width:100px;left:calc(100% - 200px);top:-3px;border-radius:2px 2px 0px 0px}.marvel-device.s5.landscape .speaker{height:68px;width:8px;left:calc(100% - 20px);top:50%;margin-left:0;margin-top:-34px}.marvel-device.s5.landscape .sensor{right:20px;top:calc(100% - 110px)}.marvel-device.s5.landscape .sensor:after{left:-12px;right:0px}.marvel-device.s5.landscape .camera{top:calc(100% - 42px);right:24px}.marvel-device.s5.landscape .home{width:20px;height:70px;bottom:50%;margin-bottom:-35px;margin-left:0;left:17px}.marvel-device.s5.black{background:#1e1e1e}.marvel-device.s5.black .speaker{background:#000}.marvel-device.s5.black .sleep{background:#1e1e1e}.marvel-device.s5.black .top-bar{background:radial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 0 0,radial-gradient(rgba(0, 0, 0, 0.05) 20%, transparent 60%) 3px 3px;background-color:#2c2b2c;background-size:4px 4px}.marvel-device.s5.black .home{background:#2c2b2c}.marvel-device.lumia920{padding:80px 35px 125px 35px;background:#fd0;width:320px;height:533px;border-radius:40px/3px}.marvel-device.lumia920 .bottom-bar{display:none}.marvel-device.lumia920 .top-bar{width:calc(100% - 24px);height:calc(100% - 32px);position:absolute;top:16px;left:12px;border-radius:24px;background:#000;z-index:1}.marvel-device.lumia920 .top-bar:before{background:#1e1e1e;display:block;content:"";width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px;position:absolute;border-radius:22px}.marvel-device.lumia920 .volume{width:3px;position:absolute;top:130px;height:100px;background:#1e1e1e;right:-3px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .volume:before{width:3px;position:absolute;top:190px;content:"";display:block;height:50px;background:inherit;right:0px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .volume:after{width:3px;position:absolute;top:460px;content:"";display:block;height:50px;background:inherit;right:0px;border-radius:0px 2px 2px 0px}.marvel-device.lumia920 .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:34px;right:130px;z-index:5;border-radius:5px}.marvel-device.lumia920 .speaker{background:#292728;width:64px;height:10px;position:absolute;top:38px;left:50%;margin-left:-32px;border-radius:5px;z-index:3}.marvel-device.lumia920.landscape{padding:35px 80px 35px 125px;height:320px;width:568px;border-radius:2px/100px}.marvel-device.lumia920.landscape .top-bar{height:calc(100% - 24px);width:calc(100% - 32px);left:16px;top:12px}.marvel-device.lumia920.landscape .volume{height:3px;right:130px;width:100px;top:100%;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .volume:before{height:3px;right:190px;top:0px;width:50px;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .volume:after{height:3px;right:430px;top:0px;width:50px;border-radius:0px 0px 2px 2px}.marvel-device.lumia920.landscape .camera{right:30px;top:calc(100% - 140px)}.marvel-device.lumia920.landscape .speaker{width:10px;height:64px;top:50%;margin-left:0;margin-top:-32px;left:calc(100% - 48px)}.marvel-device.lumia920.black{background:#000}.marvel-device.lumia920.white{background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 1px 2px 0 rgba(0,0,0,.2)}.marvel-device.lumia920.blue{background:#00acdd}.marvel-device.lumia920.red{background:#cc3e32}.marvel-device.htc-one{padding:72px 25px 100px 25px;width:320px;height:568px;background:#bebebe;border-radius:34px}.marvel-device.htc-one:before{content:"";display:block;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;top:2px;left:2px;background:#adadad;border-radius:32px}.marvel-device.htc-one:after{content:"";display:block;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:4px;left:4px;background:#eee;border-radius:30px}.marvel-device.htc-one .top-bar{width:calc(100% - 4px);height:635px;position:absolute;background:#424242;top:50px;z-index:1;left:2px}.marvel-device.htc-one .top-bar:before{content:"";position:absolute;width:calc(100% - 4px);height:100%;position:absolute;background:#000;top:0px;z-index:1;left:2px}.marvel-device.htc-one .bottom-bar{display:none}.marvel-device.htc-one .speaker{height:16px;width:216px;display:block;position:absolute;top:22px;z-index:2;left:50%;margin-left:-108px;background:radial-gradient(#343434 25%, transparent 50%) 0 0,radial-gradient(#343434 25%, transparent 50%) 4px 4px;background-size:4px 4px;background-position:top left}.marvel-device.htc-one .speaker:after{content:"";height:16px;width:216px;display:block;position:absolute;top:676px;z-index:2;left:50%;margin-left:-108px;background:inherit}.marvel-device.htc-one .camera{display:block;position:absolute;top:18px;right:38px;background:#3c3d3d;border-radius:100%;width:24px;height:24px;z-index:3}.marvel-device.htc-one .camera:before{width:8px;height:8px;background:#000;border-radius:100%;position:absolute;content:"";top:50%;left:50%;margin-top:-4px;margin-left:-4px}.marvel-device.htc-one .sensor{display:block;position:absolute;top:29px;left:60px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.htc-one .sensor:after{display:block;content:"";position:absolute;top:0px;right:12px;background:#3c3d3d;border-radius:100%;width:8px;height:8px;z-index:3}.marvel-device.htc-one.landscape{padding:25px 72px 25px 100px;height:320px;width:568px}.marvel-device.htc-one.landscape .top-bar{height:calc(100% - 4px);width:635px;left:calc(100% - 685px);top:2px}.marvel-device.htc-one.landscape .speaker{width:16px;height:216px;left:calc(100% - 38px);top:50%;margin-left:0px;margin-top:-108px}.marvel-device.htc-one.landscape .speaker:after{width:16px;height:216px;left:calc(100% - 692px);top:50%;margin-left:0;margin-top:-108px}.marvel-device.htc-one.landscape .camera{right:18px;top:calc(100% - 38px)}.marvel-device.htc-one.landscape .sensor{left:calc(100% - 29px);top:60px}.marvel-device.htc-one.landscape .sensor :after{right:0;top:-12px}.marvel-device.ipad{width:576px;height:768px;padding:90px 25px;background:#242324;border-radius:44px}.marvel-device.ipad:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;content:"";display:block;top:4px;left:4px;border-radius:40px;background:#1e1e1e}.marvel-device.ipad .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:44px;left:50%;margin-left:-5px;border-radius:100%}.marvel-device.ipad .top-bar,.marvel-device.ipad .bottom-bar{display:none}.marvel-device.ipad .home{background:#242324;border-radius:36px;width:50px;height:50px;position:absolute;left:50%;margin-left:-25px;bottom:22px}.marvel-device.ipad .home:after{width:15px;height:15px;margin-top:-8px;margin-left:-8px;border:1px solid rgba(255,255,255,.1);border-radius:4px;position:absolute;display:block;content:"";top:50%;left:50%}.marvel-device.ipad.landscape{height:576px;width:768px;padding:25px 90px}.marvel-device.ipad.landscape .camera{left:calc(100% - 44px);top:50%;margin-left:0;margin-top:-5px}.marvel-device.ipad.landscape .home{top:50%;left:22px;margin-left:0;margin-top:-25px}.marvel-device.ipad.silver{background:#bcbcbc}.marvel-device.ipad.silver:before{background:#fcfcfc}.marvel-device.ipad.silver .home{background:#fcfcfc;-webkit-box-shadow:inset 0 0 0 1px #bcbcbc;box-shadow:inset 0 0 0 1px #bcbcbc}.marvel-device.ipad.silver .home:after{border:1px solid rgba(0,0,0,.2)}.marvel-device.macbook{width:960px;height:600px;padding:44px 44px 76px;margin:0 auto;background:#bebebe;border-radius:34px}.marvel-device.macbook:before{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;content:"";display:block;top:4px;left:4px;border-radius:30px;background:#1e1e1e}.marvel-device.macbook .top-bar{width:calc(100% + 140px);height:40px;position:absolute;content:"";display:block;top:680px;left:-70px;border-bottom-left-radius:90px 18px;border-bottom-right-radius:90px 18px;background:#bebebe;-webkit-box-shadow:inset 0px -4px 13px 3px rgba(34,34,34,.6);box-shadow:inset 0px -4px 13px 3px rgba(34,34,34,.6)}.marvel-device.macbook .top-bar:before{width:100%;height:24px;content:"";display:block;top:0;left:0;background:#f0f0f0;border-bottom:2px solid #aaa;border-radius:5px;position:relative}.marvel-device.macbook .top-bar:after{width:16%;height:14px;content:"";display:block;top:0;background:#ddd;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;border-radius:0 0 20px 20px;-webkit-box-shadow:inset 0px -3px 10px #999;box-shadow:inset 0px -3px 10px #999}.marvel-device.macbook .bottom-bar{background:transparent;width:calc(100% + 140px);height:26px;position:absolute;content:"";display:block;top:680px;left:-70px}.marvel-device.macbook .bottom-bar:before,.marvel-device.macbook .bottom-bar:after{height:calc(100% - 2px);width:80px;content:"";display:block;top:0;position:absolute}.marvel-device.macbook .bottom-bar:before{left:0;background:#f0f0f0;background:-webkit-gradient(linear, left top, right top, from(#747474), color-stop(5%, #c3c3c3), color-stop(14%, #ebebeb), color-stop(41%, #979797), color-stop(80%, #f0f0f0), color-stop(100%, #f0f0f0), to(#f0f0f0));background:linear-gradient(to right, #747474 0%, #c3c3c3 5%, #ebebeb 14%, #979797 41%, #f0f0f0 80%, #f0f0f0 100%, #f0f0f0 100%)}.marvel-device.macbook .bottom-bar:after{right:0;background:#f0f0f0;background:-webkit-gradient(linear, left top, right top, from(#f0f0f0), color-stop(0%, #f0f0f0), color-stop(20%, #f0f0f0), color-stop(59%, #979797), color-stop(86%, #ebebeb), color-stop(95%, #c3c3c3), to(#747474));background:linear-gradient(to right, #f0f0f0 0%, #f0f0f0 0%, #f0f0f0 20%, #979797 59%, #ebebeb 86%, #c3c3c3 95%, #747474 100%)}.marvel-device.macbook .camera{background:#3c3d3d;width:10px;height:10px;position:absolute;top:20px;left:50%;margin-left:-5px;border-radius:100%}.marvel-device.macbook .home{display:none}.marvel-device.iphone-x{width:375px;height:812px;padding:26px;background:#fdfdfd;-webkit-box-shadow:inset 0 0 11px 0 #000;box-shadow:inset 0 0 11px 0 #000;border-radius:66px}.marvel-device.iphone-x .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:66px;overflow:hidden}.marvel-device.iphone-x .shadow{border-radius:100%;width:90px;height:90px;position:absolute;background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 60%)}.marvel-device.iphone-x .shadow--tl{top:-20px;left:-20px}.marvel-device.iphone-x .shadow--tr{top:-20px;right:-20px}.marvel-device.iphone-x .shadow--bl{bottom:-20px;left:-20px}.marvel-device.iphone-x .shadow--br{bottom:-20px;right:-20px}.marvel-device.iphone-x:before{width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;content:"";left:5px;border-radius:61px;background:#000;z-index:1}.marvel-device.iphone-x .inner-shadow{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;overflow:hidden;left:10px;border-radius:56px;-webkit-box-shadow:inset 0 0 15px 0 rgba(255,255,255,.66);box-shadow:inset 0 0 15px 0 rgba(255,255,255,.66);z-index:1}.marvel-device.iphone-x .inner-shadow:before{-webkit-box-shadow:inset 0 0 20px 0 #fff;box-shadow:inset 0 0 20px 0 #fff;width:100%;height:116%;position:absolute;top:-8%;content:"";left:0;border-radius:200px/112px;z-index:2}.marvel-device.iphone-x .screen{border-radius:40px;-webkit-box-shadow:none;box-shadow:none}.marvel-device.iphone-x .top-bar,.marvel-device.iphone-x .bottom-bar{width:100%;position:absolute;height:8px;background:rgba(0,0,0,.1);left:0}.marvel-device.iphone-x .top-bar{top:80px}.marvel-device.iphone-x .bottom-bar{bottom:80px}.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:before,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .sleep{width:3px;background:#b5b5b5;position:absolute}.marvel-device.iphone-x .volume{left:-3px;top:116px;height:32px}.marvel-device.iphone-x .volume:before{height:62px;top:62px;content:"";left:0}.marvel-device.iphone-x .volume:after{height:62px;top:140px;content:"";left:0}.marvel-device.iphone-x .sleep{height:96px;top:200px;right:-3px}.marvel-device.iphone-x .camera{width:6px;height:6px;top:9px;border-radius:100%;position:absolute;left:154px;background:#0d4d71}.marvel-device.iphone-x .speaker{height:6px;width:60px;left:50%;position:absolute;top:9px;margin-left:-30px;background:#171818;border-radius:6px}.marvel-device.iphone-x .notch{position:absolute;width:210px;height:30px;top:26px;left:108px;z-index:4;background:#000;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.marvel-device.iphone-x .notch:before,.marvel-device.iphone-x .notch:after{content:"";height:8px;position:absolute;top:0;width:8px}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at bottom left, transparent 0, transparent 70%, black 70%, black 100%);left:-8px}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);right:-8px}.marvel-device.iphone-x.landscape{height:375px;width:812px}.marvel-device.iphone-x.landscape .top-bar,.marvel-device.iphone-x.landscape .bottom-bar{width:8px;height:100%;top:0}.marvel-device.iphone-x.landscape .top-bar{left:80px}.marvel-device.iphone-x.landscape .bottom-bar{right:80px;bottom:auto;left:auto}.marvel-device.iphone-x.landscape .volume,.marvel-device.iphone-x.landscape .volume:before,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .sleep{height:3px}.marvel-device.iphone-x.landscape .inner-shadow:before{height:100%;width:116%;left:-8%;top:0;border-radius:112px/200px}.marvel-device.iphone-x.landscape .volume{bottom:-3px;top:auto;left:116px;width:32px}.marvel-device.iphone-x.landscape .volume:before{width:62px;left:62px;top:0}.marvel-device.iphone-x.landscape .volume:after{width:62px;left:140px;top:0}.marvel-device.iphone-x.landscape .sleep{width:96px;left:200px;top:-3px;right:auto}.marvel-device.iphone-x.landscape .camera{left:9px;bottom:154px;top:auto}.marvel-device.iphone-x.landscape .speaker{width:6px;height:60px;left:9px;top:50%;margin-top:-30px;margin-left:0}.marvel-device.iphone-x.landscape .notch{height:210px;width:30px;left:26px;bottom:108px;top:auto;border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0}.marvel-device.iphone-x.landscape .notch:before,.marvel-device.iphone-x.landscape .notch:after{left:0}.marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);bottom:-8px;top:auto}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at top right, transparent 0, transparent 70%, black 70%, black 100%);top:-8px}.marvel-device.note8{width:400px;height:822px;background:#000;border-radius:34px;padding:45px 10px}.marvel-device.note8 .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:34px;overflow:hidden}.marvel-device.note8 .speaker{height:8px;width:56px;left:50%;position:absolute;top:25px;margin-left:-28px;background:#171818;z-index:1;border-radius:8px}.marvel-device.note8 .camera{height:18px;width:18px;left:86px;position:absolute;top:18px;background:#212b36;z-index:1;border-radius:100%}.marvel-device.note8 .camera:before{content:"";height:8px;width:8px;left:-22px;position:absolute;top:5px;background:#212b36;z-index:1;border-radius:100%}.marvel-device.note8 .sensors{height:10px;width:10px;left:120px;position:absolute;top:22px;background:#1d233b;z-index:1;border-radius:100%}.marvel-device.note8 .sensors:before{content:"";height:10px;width:10px;left:18px;position:absolute;top:0;background:#1d233b;z-index:1;border-radius:100%}.marvel-device.note8 .more-sensors{height:16px;width:16px;left:285px;position:absolute;top:18px;background:#33244a;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.1);box-shadow:0 0 0 2px rgba(255,255,255,.1);z-index:1;border-radius:100%}.marvel-device.note8 .more-sensors:before{content:"";height:11px;width:11px;left:40px;position:absolute;top:4px;background:#214a61;z-index:1;border-radius:100%}.marvel-device.note8 .sleep{width:2px;height:56px;background:#000;position:absolute;top:288px;right:-2px}.marvel-device.note8 .volume{width:2px;height:120px;background:#000;position:absolute;top:168px;left:-2px}.marvel-device.note8 .volume:before{content:"";top:168px;width:2px;position:absolute;left:0;background:#000;height:56px}.marvel-device.note8 .inner{width:100%;height:calc(100% - 8px);position:absolute;top:2px;content:"";left:0px;border-radius:34px;border-top:2px solid #9fa0a2;border-bottom:2px solid #9fa0a2;background:#000;z-index:1;-webkit-box-shadow:inset 0 0 6px 0 rgba(255,255,255,.5);box-shadow:inset 0 0 6px 0 rgba(255,255,255,.5)}.marvel-device.note8 .shadow{-webkit-box-shadow:inset 0 0 60px 0 #fff,inset 0 0 30px 0 rgba(255,255,255,.5),0 0 20px 0 #fff,0 0 20px 0 rgba(255,255,255,.5);box-shadow:inset 0 0 60px 0 #fff,inset 0 0 30px 0 rgba(255,255,255,.5),0 0 20px 0 #fff,0 0 20px 0 rgba(255,255,255,.5);height:101%;position:absolute;top:-0.5%;content:"";width:calc(100% - 20px);left:10px;border-radius:38px;z-index:5;pointer-events:none}.marvel-device.note8 .screen{border-radius:14px;-webkit-box-shadow:none;box-shadow:none}.marvel-device.note8.landscape{height:400px;width:822px;padding:10px 45px}.marvel-device.note8.landscape .speaker{height:56px;width:8px;top:50%;margin-top:-28px;margin-left:0;right:25px;left:auto}.marvel-device.note8.landscape .camera{top:86px;right:18px;left:auto}.marvel-device.note8.landscape .camera:before{top:-22px;left:5px}.marvel-device.note8.landscape .sensors{top:120px;right:22px;left:auto}.marvel-device.note8.landscape .sensors:before{top:18px;left:0}.marvel-device.note8.landscape .more-sensors{top:285px;right:18px;left:auto}.marvel-device.note8.landscape .more-sensors:before{top:40px;left:4px}.marvel-device.note8.landscape .sleep{bottom:-2px;top:auto;right:288px;width:56px;height:2px}.marvel-device.note8.landscape .volume{width:120px;height:2px;top:-2px;right:168px;left:auto}.marvel-device.note8.landscape .volume:before{right:168px;left:auto;top:0;width:56px;height:2px}.marvel-device.note8.landscape .inner{height:100%;width:calc(100% - 8px);left:2px;top:0;border-top:0;border-bottom:0;border-left:2px solid #9fa0a2;border-right:2px solid #9fa0a2}.marvel-device.note8.landscape .shadow{width:101%;height:calc(100% - 20px);left:-0.5%;top:10px}
.markdown{line-height:2;font-size:14px;color:#1f2d3d}.markdown a{transition:color .3s ease;color:#00bc70}.markdown a:hover{color:#00d17d}.markdown .grid-container{overflow-x:auto;margin:20px 0}.markdown ul{margin-left:0;padding-left:0}.markdown ul>li{margin-left:20px;padding-left:4px;list-style-type:circle}.markdown pre{margin:0;padding:1em;overflow:auto;font-size:14px;line-height:1.5;background-color:#f6f8fa;border-radius:3px}.markdown h1,.markdown h2,.markdown h3,.markdown h4{font-weight:normal}.markdown h1{font-size:28px}.markdown h2{font-size:24px;line-height:32px;margin:.6em 0}.markdown h3{font-size:18px}.markdown p{margin-bottom:10px}.markdown blockquote{margin:0;padding:0 20px;color:#6a737d;border-left:4px solid #dfe2e5}.markdown table.grid{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;width:100%;min-width:600px;font-size:14px;border-collapse:collapse;border-spacing:0}.markdown table.grid strong{font-weight:normal}.markdown table.grid th{text-align:left;border-top:1px solid #eaeefb;background-color:#f9fafc;white-space:nowrap;font-weight:normal;color:#999}.markdown table.grid td,.markdown table.grid th{border-bottom:1px solid #eaeefb;padding:10px;max-width:250px}.markdown table.grid th:first-child,.markdown table.grid td:first-child{padding-left:15px}
.xun-mask{background:#000;height:100vh;left:0;opacity:.8;position:fixed;top:0;visibility:visible;width:100vw;z-index:var(--zindex-mask)}.xun-popup,.xun-popup__body{position:fixed;z-index:var(--zindex-popup)}.xun-popup__body{background:#fff;color:#333}.xun-popup__body-left{height:100%;left:0;max-width:90%;top:0}.xun-popup__body-right{height:100%;max-width:90%;right:0;top:0}.xun-popup__body-top{left:0;max-height:90%;top:0;width:100%}.xun-popup__body-bottom{bottom:0;left:0;max-height:90%;width:100%}.xun-action-sheet{background:#000;color:#333;font-size:16px;opacity:.8}.xun-action-sheet__title{border-top-left-radius:5px;border-top-right-radius:5px;color:#999;font-size:14px;padding:15px;text-align:center}.xun-action-sheet__actions,.xun-action-sheet__title{background:var(--action-sheet-background)}.xun-action-sheet__actions-item{cursor:pointer;padding:15px;text-align:center}.xun-action-sheet__actions-item_success{color:var(--color-success)}.xun-action-sheet__actions-item_failure{color:var(--color-failure)}.xun-action-sheet__actions-item_warning{color:var(--color-warning)}.xun-action-sheet__actions-item_danger{color:var(--color-danger)}.xun-action-sheet__actions-item_disabled{color:#ddd;cursor:not-allowed}.xun-action-sheet__cancel{background:var(--action-sheet-background);cursor:pointer;margin-top:10px;padding:15px;text-align:center}.xun-area-picker{font-size:14px}.xun-area-picker__header{display:flex;font-weight:700;justify-content:center;padding:15px;text-align:center}.xun-area-picker__header span{cursor:pointer;flex:0 1 33.33%}.xun-area-picker__header span:first-child{text-align:left}.xun-area-picker__header span:last-child{text-align:right}.xun-area-picker__body{color:#666;max-height:50vh;min-height:50vh;overflow-y:scroll;padding:0 10px}.xun-area-picker__item{cursor:pointer;padding:10px 0}.xun-area-picker__item-active{color:red}.xun-back-to-top{background-color:#fff;border-radius:25px;bottom:20px;box-shadow:0 2px 10px 0 #999;color:#999;cursor:pointer;font-size:16px;height:50px;line-height:50px;position:fixed;right:20px;text-align:center;width:50px;z-index:var(--zindex-backtotop)}.xun-badge{background:var(--color);display:inline-block}.xun-badge-dot{background:var(--color);border-radius:50%;height:8px;padding:0;width:8px}.xun-badge-radius{border-radius:2px}.xun-badge-round{border-radius:1000px}.xun-badge-circle{border-radius:50%}.xun-badge-leaf{border-radius:1000px 1000px 1000px 0}.xun-badge__content{align-content:center;border-radius:100px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:9px;font-weight:400;justify-content:center;min-width:16px;padding:0 5px;white-space:nowrap}.xun-badge-fixed{position:absolute;right:var(--right);top:var(--top);transform:translate(50%, -50%)}.xun-badge-wrap{display:inline-block;position:relative}.xun-button{background-color:var(--color);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-style:normal;font-weight:700;line-height:1em;min-height:1em;outline:0;padding:10px 15px;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;user-select:none}.xun-button:hover{background:var(--color-hover)}.xun-button__large{font-size:16px;padding:12px 30px}.xun-button__small{font-size:14px;padding:6px 10px}.xun-button__block{margin:0 0 10px;width:100%}.xun-button.disabled{background:#eee;color:#666;cursor:not-allowed}.xun-card{font-size:14px}.xun-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 0}.xun-card__header-title{font-size:16px;font-weight:500}.xun-cell{cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:15px 0}.xun-cell__left,.xun-cell__right{align-items:center;display:flex}.xun-cell__left{flex:0 1 100%}.xun-cell__content{width:100%}.xun-cell__right{justify-content:flex-end;min-width:80px}.xun-cell__description{color:#666;font-size:14px}.xun-cell__icon{margin-right:5px}.xun-cell__arrow{margin-left:5px;margin-right:2px}.xun-cell__arrow:after{border-right:2px solid #bcbcbc;border-top:2px solid #bcbcbc;content:"";display:inline-block;height:10px;transform:rotate(45deg);width:10px}.xun-checkbox{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center}.xun-checkbox input{display:none}.xun-checkbox__content{margin-left:2px;margin-top:-1px}.xun-checkbox-group .xun-checkbox{margin-right:15px}.xun-collapse__header{align-items:center;display:flex;justify-content:space-between;overflow:hidden;padding:10px 0;position:relative}.xun-collapse__item-active .icon-arrow{transform:rotate(90deg);transition:all .2s ease}.xun-collapse__title{font-size:18px}.xun-collapse__content{box-sizing:border-box;font-size:16px;overflow:hidden}.xun-collapse__content-inner{padding:15px 0}.xun-dialog{background:#fff;box-sizing:border-box;left:50%;max-width:350px;position:fixed;text-align:center;top:50%;transform:translate(-50%, -50%);z-index:1001}.xun-dialog__header{position:relative}.xun-dialog__close{cursor:pointer;position:absolute;right:10px;top:10px}.xun-dialog__body{color:#31373f;font-size:26px;line-height:43px;margin:40px 0 45px;padding:0 30px}.xun-dialog__footer{display:flex;padding:0}.xun-dialog__footer button{border:none;margin:0;outline:none;padding:18px 0;width:100%}.xun-dialog-alert,.xun-dialog-confirm{border-radius:10px}.xun-dialog-alert .xun-dialog__body,.xun-dialog-confirm .xun-dialog__body{margin:20px 0}.xun-dialog-alert .xun-dialog__body .xun-dialog__title,.xun-dialog-confirm .xun-dialog__body .xun-dialog__title{color:#31373f;font-size:17px;font-weight:700;margin-bottom:-15px}.xun-dialog-alert .xun-dialog__body .xun-dialog__content,.xun-dialog-confirm .xun-dialog__body .xun-dialog__content{color:#31373f;font-size:14px;font-weight:400;line-height:22px;margin:30px 0 25px}.xun-dialog-alert .xun-dialog__footer,.xun-dialog-confirm .xun-dialog__footer{color:#f22d50;cursor:pointer;font-size:14px;font-weight:700;justify-content:center;padding:15px 0;position:relative}.xun-dialog-confirm .xun-dialog__footer{padding:0}.xun-dialog-confirm .xun-dialog__footer .btn-cancel,.xun-dialog-confirm .xun-dialog__footer .btn-confirm{background:#fff;color:#333;cursor:pointer;font-size:14px}.xun-dialog-confirm .xun-dialog__footer .btn-confirm{border-radius:0 0 10px 0;color:#f22d50;font-weight:700}.xun-dialog-confirm .xun-dialog__footer .btn-cancel{border-radius:0 0 0 10px}.xun-file-picker__wrapper{display:flex}.xun-file-picker__wrapper .xun-file-picker{align-items:center;border:2px dashed #ddd;color:#666;display:flex;font-size:12px;height:80px;justify-content:center;padding:10px;width:80px}.xun-file-picker__wrapper .xun-file-picker__disabled{cursor:not-allowed}.xun-grid{grid-gap:10px;align-items:stretch;column-gap:var(--column-gap);display:grid;grid-template-columns:repeat(var(--columns), minmax(0, 1fr));row-gap:var(--row-gap)}.xun-grid__item{border:1px solid #ddd;font-size:14px;grid-column-end:span var(--item-span)}.xun-index-bar{font-size:14px;height:100%}.xun-index-bar__body{height:100vh;overflow-y:scroll;width:100%}.xun-index-bar__body::-webkit-scrollbar{display:none}.xun-index-bar__anchor{background:#f5f5f5;padding:12px 10px;position:sticky;top:-5px;z-index:3}.xun-index-bar__item{background:#fff;padding:12px 10px}.xun-index-bar__item:last-child:after{display:none}.xun-index-bar__index{cursor:pointer;font-size:14px;position:fixed;right:15px;top:50%;touch-action:none;transform:translateY(-50%);user-select:none;z-index:3}.xun-index-bar__index-item{align-items:center;border-radius:50%;color:#999;display:flex;height:20px;justify-content:center;width:20px}.xun-index-bar__index-item-active{background:#1677ff;color:#fff}.xun-keyboard{display:flex;flex-wrap:wrap;font-size:20px;font-weight:400;position:relative}.xun-keyboard:after{border-bottom:1px solid #ddd;border-radius:0;border-right:1px solid #ddd;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.xun-keyboard:after{border-radius:0;height:200%;transform:scale(0.5);transform-origin:0 0;width:200%}}.xun-keyboard__keys{display:flex;flex-wrap:wrap;width:75%}.xun-keyboard__item{align-items:center;cursor:pointer;display:flex;flex:0 1 33.33%;height:60px;justify-content:center;position:relative}.xun-keyboard__item:after{border-left:1px solid #ddd;border-radius:0;border-top:1px solid #ddd;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.xun-keyboard__item:after{border-radius:0;height:200%;transform:scale(0.5);transform-origin:0 0;width:200%}}.xun-keyboard__item:nth-of-type(3n+1):after{border-radius:0;border-top:1px solid #ddd;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.xun-keyboard__item:nth-of-type(3n+1):after{border-radius:0;height:200%;transform:scale(0.5);transform-origin:0 0;width:200%}}.xun-keyboard__item:active{background:#e6e6e6}.xun-keyboard__item-ok{background:#00bc70;color:#fff;font-size:22px}.xun-keyboard__action{display:flex;flex-direction:column;width:25%}.xun-keyboard__action .xun-keyboard__item{flex:1 1}.xun-loader{animation:rotate .65s linear infinite;border:2px solid #eee;border-radius:100%;border-right-color:#616161;box-sizing:border-box;height:20px;width:20px}.xun-loader__small{height:15px;width:15px}.xun-loader__large{height:30px;width:30px}.xun-loading{align-items:center;background:#000;border-radius:5px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);color:#fff;display:flex;flex-direction:column;font-size:16px;justify-content:center;left:50%;min-height:80px;min-width:80px;opacity:.8;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%);z-index:1001}.xun-loading__content{font-size:13px;margin-top:5px}.xun-loading__snipper{animation:spin .65s linear infinite;border:2px solid #fff;border-radius:100%;border-right-color:#616161;box-sizing:border-box;height:25px;width:25px}.xun-message{border-radius:5px;color:#fff;font-size:15px;justify-content:space-between;padding:15px 10px;position:relative}.xun-message,.xun-message__left{align-items:center;display:flex}.xun-message__icon{margin-right:5px}.xun-message__link{cursor:pointer}.xun-message__arrow{margin-left:5px;margin-right:2px}.xun-message__arrow:after{border-right:2px solid #bcbcbc;border-top:2px solid #bcbcbc;content:"";display:inline-block;height:10px;transform:rotate(45deg);width:10px}.xun-message__close{cursor:pointer}.xun-message__success{background:#07bc0c}.xun-message__fail{background:#e74c3c}.xun-message__info{background:#3498db}.xun-message__warn{background:#f1c40f}.xun-message__normal{background:#eee;color:#333}.xun-marquee{display:flex !important;flex-direction:row !important;font-size:14px;overflow-x:hidden !important;position:relative;width:100%}.xun-marquee__inner{align-items:center;animation:scroll var(--marquee-duration) linear var(--marquee-delay) var(--marquee-iteration-count) var(--marquee-direction);display:flex;flex:0 0 auto;flex-direction:row;min-width:100%;z-index:1}.xun-notice-bar{align-items:center;border:none;border-radius:5px;color:#fff;display:flex;font-size:14px;padding:15px 20px}.xun-notice-bar__default{background:#cdd3d8;color:#191d21}.xun-notice-bar__primary{background:#6777ef}.xun-notice-bar__success{background:#63ed7a}.xun-notice-bar__warning{background:#ffa426}.xun-notice-bar__danger{background:#fc544b}.xun-notice-bar__info{background:#3abaf4}.xun-notice-bar__light{background:#e3eaef;color:#191d21}.xun-notice-bar__dark{background:#191d21}.xun-nav-bar{align-items:center;display:flex;height:45px;line-height:45px;padding:0 5px}.xun-nav-bar__left{align-items:center;display:flex;flex:0 1 80px;font-size:14px;justify-content:flex-start;min-width:80px}.xun-nav-bar__title{flex:0 1 100%;font-size:18px;text-align:center}.xun-nav-bar__right{flex:0 1 80px;font-size:14px;min-width:80px;text-align:right}.xun-nav-bar__back-arrow{display:flex;margin-left:-10px}.xun-picker-view{display:flex;height:240px;overflow:hidden;position:relative;width:100%}.xun-picker-view-mask{height:calc(50% - 12px);left:0;pointer-events:none;position:absolute;width:100%}.xun-picker-view-mask-top{background:linear-gradient(0deg, rgba(255, 255, 255, 0.7) 50%, #fff);border-bottom:1px solid #333;top:-5px}.xun-picker-view-mask-bottom{background:linear-gradient(180deg, rgba(255, 255, 255, 0.7) 50%, #fff);border-top:1px solid #333;bottom:-5px}.xun-picker-column{flex:1;height:100%;position:relative;touch-action:none;user-select:none}.xun-picker-column-wheel{cursor:grab;left:0;position:absolute;top:calc(50% - 17px);width:100%}.xun-picker-column-wheel:before{top:-100vh}.xun-picker-column-wheel:after,.xun-picker-column-wheel:before{content:" ";display:block;height:100vh;position:absolute;width:100%}.xun-picker-column-wheel:after{bottom:-100vh}.xun-picker-column-item{align-items:center;display:flex;font-size:16px;height:34px;justify-content:center;padding:0 6px}.xun-picker-column-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xun-progress{align-items:center;display:flex;justify-content:center}.xun-progress__circle{height:150px;position:relative;width:150px}.xun-progress__circle svg{height:100%;transform:rotate(-90deg);width:100%}.xun-progress__content{font-size:16px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.xun-progress__number{color:#333;font-size:20px}.xun-progress-bar{align-items:center;display:flex}.xun-progress-bar__trail{flex:0 1 90%}.xun-progress-bar__content{color:#333;font-size:12px;margin-left:5px}.xun-pull-to-refresh__header{overflow:hidden}.xun-pull-to-refresh__header-content{align-items:center;color:#999;display:flex;font-size:13px;justify-content:center}.xun-radio{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center}.xun-radio input{display:none}.xun-radio__content{margin-left:5px}.xun-radio-group .xun-radio{margin-right:10px}.xun-swipe-action{cursor:grab;font-size:14px;overflow:hidden}.xun-swipe-action__inner{overflow:visible;position:relative}.xun-swipe-action__actions{align-items:stretch;color:red;display:flex;height:100%;justify-content:center;left:100%;position:absolute;top:0;width:fit-content}.xun-swipe-action__actions .xun-button{padding:0 20px}.xun-search-bar{align-items:center;background:#fff;color:#99a0aa;display:flex;font-size:14px}.xun-search-bar__form{align-items:center;background:#f5f5f5;display:flex;flex:0 1 100%;padding:8px 10px}.xun-search-bar__input{background:#f3f4f8;border:none;margin-left:5px}.xun-search-bar__cancel{cursor:pointer;flex:0 1 40px;text-align:right}.xun-side-bar{background-color:#f5f5f5;font-size:14px;height:100vh;overflow-y:auto;transform:translateZ(0);width:100px}.xun-side-bar__item{align-items:center;cursor:pointer;display:flex;min-height:50px;padding:6px 22px;position:relative}.xun-side-bar__item-active{background-color:#fff;color:#333;font-weight:700;position:relative}.xun-side-bar__item-active:before{background-color:#fff;content:"";height:8px;position:absolute;right:0;top:-8px;width:8px}.xun-side-bar__item-active:after{background-color:#f5f5f5;border-bottom-right-radius:8px;content:"";height:8px;position:absolute;right:0;top:-8px;width:8px}.xun-stepper{align-items:center;display:flex;height:30px}.xun-stepper__disabled{cursor:not-allowed}.xun-stepper__input::-webkit-inner-spin-button,.xun-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;border:none;margin:0;outline:none;padding:0}.xun-stepper__input[type=number]{-moz-appearance:textfield;outline:none;padding:0}.xun-stepper__input-wrapper{height:30px}.xun-stepper__minus,.xun-stepper__plus{align-items:center;background:#fff;border:1px solid #ddd;color:#333;display:inline-flex;font-weight:400;height:30px;justify-content:center;width:40px}.xun-stepper__minus:hover,.xun-stepper__plus:hover{background:unset}.xun-stepper__minus.disabled,.xun-stepper__plus.disabled{background:#eee}.xun-stepper__input{border:1px solid #ddd;height:30px;margin:0 5px;text-align:center;width:30px}.xun-stepper__input:disabled{cursor:not-allowed}.xun-switch{position:relative}.xun-switch__checkbox{appearance:none;border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.xun-switch__disabled .xun-switch__container{opacity:.5}.xun-switch__disabled .xun-switch__checkbox{cursor:not-allowed}.xun-switch__container{appearance:none;background:var(--color-unchecked);border:0;border-radius:28px;height:28px;line-height:28px;margin:0;padding:0;position:relative;transition:all .3s;width:48px;z-index:0}.xun-switch__container:after{background-color:#fff;border-radius:50%;content:"";height:26px;left:1px;position:absolute;top:1px;transition:all .3s;width:26px}.xun-switch__container-inner{color:#fff;margin-left:28px}.xun-switch__container-checked{background-color:var(--color-checked)}.xun-switch__container-checked:after{transform:translateX(20px)}.xun-switch__container-checked .xun-switch__container-inner{margin-left:5px}.xun-tag{background-color:var(--color);border:.5px solid var(--color);border-radius:2px;box-sizing:border-box;color:#fff;display:inline-block;font-size:10px;font-weight:400;padding:2px 4px;white-space:nowrap}.xun-tag__round{border-radius:100px}.xun-tag__outline{background:transparent;color:var(--color)}.xun-tabs__wrapper{flex:auto;padding:0 15px}.xun-tabs__header{overflow:hidden;position:relative;width:100%}.xun-tabs__tabs{border-bottom:1px solid #eee;display:flex;overflow-x:auto}.xun-tabs__tabs::-webkit-scrollbar{display:none}.xun-tabs__item{cursor:pointer;font-size:14px;margin:0 auto;padding:8px 20px 10px;position:relative;text-align:center;white-space:nowrap;width:min-content}.xun-tabs__item-active{color:#1677ff}.xun-tabs__item-active:after{background:#1677ff;bottom:0;content:" ";display:block;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:var(--line-width)}.xun-tabs__content{font-size:14px;padding:10px}.xun-tab-bar{align-items:stretch;display:flex;flex-wrap:nowrap;font-size:14px;justify-content:flex-start;min-height:50px;overflow:hidden}.xun-tab-bar__item{align-items:center;color:#999;cursor:pointer;display:flex;flex:1;flex-direction:column;justify-content:center;padding:4px 8px;position:relative;white-space:nowrap;width:min-content}.xun-tab-bar__item-active{color:red}.xun-list{font-size:16px}.xun-list__item{align-items:center;display:flex;justify-content:space-between;padding:15px 0}.xun-list__item__left{align-items:flex-start;display:flex;flex:0 1 100%}.xun-list__item__right{flex:0 1 80px}.xun-list__item__icon{margin-right:15px}.xun-list__item__title{color:#999;font-size:14px;margin-bottom:5px}.xun-list__item__description{color:#999;font-size:14px;margin-top:3px}.xun-list__item__anchor{cursor:pointer}.xun-image-viewer{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.xun-image-viewer__item{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;touch-action:none;width:100%}.xun-image-viewer__image{max-height:100%;max-width:100%;touch-action:none}.xun-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px 0}.xun-error__image-container{margin-bottom:5px}.xun-error__description{color:#999;font-size:14px}.xun-rate{align-items:center;display:flex}.xun-rate__text{color:#666;font-size:16px;margin-left:5px}.xun-rate input[type=range]{-webkit-appearance:none;cursor:pointer;margin:0;outline:0;width:100px}.xun-rate input[type=range i]::-webkit-slider-runnable-track{background:coral;height:20px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2712%27 height=%2711%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27m6 0 1.693 3.67 4.013.476L8.74 6.89l.788 3.964L6 8.88l-3.527 1.974.788-3.964L.294 4.146l4.013-.476L6 0z%27 fill=%27%23F67600%27/%3E%3C/svg%3E");-webkit-mask-repeat:repeat-x;-webkit-mask-size:20px}.xun-rate input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;box-shadow:999px 0 0 999px #e8eaed;height:100%;width:0}.xun-rate input[type=range]{height:20px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width=%2712%27 height=%2711%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27m6 0 1.693 3.67 4.013.476L8.74 6.89l.788 3.964L6 8.88l-3.527 1.974.788-3.964L.294 4.146l4.013-.476L6 0z%27 fill=%27%23F67600%27/%3E%3C/svg%3E");-webkit-mask-repeat:repeat-x;-webkit-mask-size:20px}.xun-rate input[type=range]:disabled{cursor:not-allowed}.xun-rate input[type=range]::-moz-range-track{background:#e8eaed;height:inherit}.xun-rate input[type=range]::-moz-range-progress{background:coral;height:inherit}.xun-rate input[type=range]::-moz-range-thumb{opacity:0;width:0}.xun-result{align-items:center;display:flex;flex-direction:column;font-size:14px;margin:20px 0}.xun-result__icon{color:var(--color);margin-bottom:10px}.xun-result__title{color:#333;font-size:18px;margin-bottom:10px}.xun-result__description{color:#666;font-size:13px;line-height:1.4;padding:0 20px;text-align:center}.xun-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px 0}.xun-empty__image-container{margin-bottom:5px}.xun-empty__description{color:#999;font-size:14px}.xun-toast{background-color:rgba(0,0,0,.7);border-radius:5px;color:#fff;left:50%;max-height:70%;max-width:80%;min-width:100px;overflow:auto;pointer-events:all;position:absolute;text-align:center;top:50%;transform:translate(-50%, -50%);width:fit-content;word-break:break-all;z-index:var(--zindex-toast)}.xun-toast__content{font-size:13px;padding:8px 10px}.xun-toast__success{background:var(--color-success, #07bc0c)}.xun-toast__failure{background:var(--color-failure, #e74c3c)}.xun-toast__info{background:var(--color-info, #3498db)}.xun-toast__warning{background:var(--color-warning, #f1c40f)}.xun-toast__error{background:var(--color-danger, #f1c40f)}.xun-divider{align-items:center;border:0 solid #eee;color:#999;display:flex;font-size:14px;margin:16px 0}.xun-divider__left:before,.xun-divider__right:after{max-width:10%}.xun-divider:after,.xun-divider:before{border-color:inherit;border-style:inherit;border-width:1px 0 0;content:"";display:block;flex:auto}.xun-divider__content{flex:none;padding:0 16px}:root{--zindex-mask:1000;--zindex-popup:1001;--zindex-toast:1001;--zindex-backtotop:1001;--action-sheet-background:#fff;--color-default:#adadad;--color-primary:#6777ef;--color-secondary:#cdd3d8;--color-success:#63ed7a;--color-failure:#e74c3c;--color-info:#3abaf4;--color-warning:#ffa426;--color-danger:#fc544b;--color-light:#191d21;--color-dark:#191d21}*,:after,:before{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}[contenteditable]{user-select:auto !important}:focus,a{outline:none}a{background:transparent;text-decoration:none}input,textarea{-webkit-appearance:none}.arrow-right:after{border-right:2px solid #bcbcbc;border-top:2px solid #bcbcbc;content:"";display:inline-block;height:10px;transform:rotate(45deg);width:10px}.hairline,.hairline--bottom,.hairline--left,.hairline--right,.hairline--surround,.hairline--top,.hairline--top-bottom{position:relative}.hairline--bottom:after,.hairline--left:after,.hairline--right:after,.hairline--surround:after,.hairline--top-bottom:after,.hairline--top:after,.hairline:after{border:0 solid #eaebf0;bottom:-50%;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:center;transform-origin:center}.hairline--top:after{border-top-width:1px}.hairline--left:after{border-left-width:1px}.hairline--right:after{border-right-width:1px}.hairline--bottom:after{border-bottom-width:1px}.hairline--top-bottom:after{border-width:1px 0}.hairline--surround:after{border-width:1px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.__dumi-default-mobile-demo-layout{padding:0 !important}.__dumi-default-device[data-device-type=iOS]{background:#f7f8fa}body{-webkit-font-smoothing:antialiased;color:#000;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;font-size:16px;margin:0;overflow-x:auto}.demo-page{margin:20px 10px}.demo-page-title{font-size:20px;margin:0 0 15px}.demo-page .demo-block{margin-bottom:25px}.demo-page .demo-block .demo-title{color:#455a64;color:#333;font-size:14px;font-weight:400;line-height:16px;margin-bottom:10px}.demo-page .demo-block .demo-body.white{background:#fff;border-radius:5px;padding:15px}.demo-page .demo-block.white{background:#fff;border-radius:5px;padding:0 15px 30px}.demo-page .demo-block.white .demo-body{background:#fff}.demo-page .demo-result{color:#666;font-size:14px;padding:10px 0 15px}.demo-page .demo-box{background:#eee;border-radius:8px;display:block;height:40px;width:40px}.demo-page-rate .demo-title{margin-bottom:10px}.demo-page-tag .xun-tag{margin-bottom:10px;margin-right:10px}.demo-page-tag .demo-block .demo-body.white{padding-bottom:5px}.demo-page-swipeaction .demo-block.white{padding:0 0 0 10px}.demo-page-button .xun-button{margin-bottom:10px;margin-right:10px;min-width:100px}.demo-page-button .demo-block .demo-body.white{padding-bottom:5px}.demo-page-grid .xun-grid__item{height:40px;line-height:40px;text-align:center}.demo-page-backtotop main{position:relative}.demo-page-badge .demo-block .demo-body .white{padding:0 15px}.demo-page-badge .demo-block .demo-body>div{margin-right:20px}.demo-page-pull{background:#fff;padding:0 20px}.demo-page-navbar{background:#fff}.xun-text-area__wrapper{font-size:14px}.xun-text-area__wrapper .xun-text-area{appearance:none;outline:none;resize:none}.xun-text-area__wrapper .xun-text-area,.xun-text-area__wrapper .xun-text-area__content{border:1px solid #ddd;border-radius:5px;line-height:20px;padding:10px;width:100%}
#root{height:100%;background:#f7f8fa}IFRAME,body{background:#f7f8fa}.demo-app{height:100%;background:#f7f8fa;padding-bottom:40px}.demo-page .demo-result{padding:0;padding-top:10px}.loading{position:fixed;top:50%;left:50%;z-index:1001;width:140px;height:40px;line-height:40px;border-radius:4px;transform:translate(-50%, -50%);background:#000;opacity:.8;color:#fff;text-align:center}.demo-nav{display:flex;align-items:center;justify-content:center;height:56px;background-color:#fff}.demo-nav a{font-size:16px}.hidden{display:none}.demo-home{box-sizing:border-box;width:100%;min-height:100vh;background:#fff;font-size:16px;padding:10px}.demo-home-nav_title{margin-bottom:10px;color:rgba(69,90,100,.6)}.demo-home-nav_item{margin-bottom:15px;color:#333;font-weight:600;padding:12px 15px;background:#f7f8fa;border-radius:10px}.demo-home-nav_item .nav-link{color:#333;display:block}