@charset "UTF-8";html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:PingFang SC Regular,microsoft yahei,sans-serif,Helvetica Neue;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff}html,body{color:#000;width:100%;height:100%;font-size:1.867vw}html,body,div,dl,dt,dd,form,fieldset,legend,input,textarea,blockquote,button,article,aside,details,figcaption,figure,hgroup,menu,nav,section,p{margin:0;padding:0}input,select,textarea{font-size:100%}table,table tr th,table tr td{border:1px solid #aaa;padding:.667vw}table{text-align:center;border-collapse:collapse}fieldset,img{border:0}abbr,acronym{border:0;font-variant:normal}del{text-decoration:line-through}address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:500}ul{list-style:none;padding:0}caption,th{text-align:left}q:before,q:after{content:""}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ins,a{text-decoration:none;color:inherit}a:link,a:visited,a:hover{text-decoration:none}:root{--color-333: #333;--color-666: #666;--color-aaa: #aaa;--color-ccc: #ccc;--color-eee: #eee;--color-blue: #337ab7;--color-light-blue: #0074d9;--color-red: #EA2000;--color-green: #51C332;--color-yellow: #FFDF00;--font-14: 1.867vw;--font-16: 2.133vw;--font-18: 2.4vw;--font-24: 3.2vw;--font-30: 4vw}body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .8vw rgba(0,0,0,.3);background-color:#f5f5f5;border-radius:.8vw}body::-webkit-scrollbar{width:.8vw;background-color:#f5f5f5}body::-webkit-scrollbar-thumb{border-radius:.8vw;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.44,#a0a0a0),color-stop(.72,#aaa),color-stop(.86,#b4b4b4))}body{font-family:"Verdana, Arial"}.flex-double-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex-around-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex-between-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex-between-start{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.flex-around-start{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.flex-column-around{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex-column-between{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex-column-around-start{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.flex-column-between-start{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.overflow-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.cursor-pointer{cursor:pointer}@media (-webkit-min-device-pixel-ratio: 1.5){.hairlines .btOnepx,.hairlines .brOnepx,.hairlines .bbOnepx,.hairlines .blOnepx,.hairlines .ballOnepx{border-width:.6666666666666666px}}@media (-webkit-min-device-pixel-ratio: 2){.hairlines .btOnepx,.hairlines .brOnepx,.hairlines .bbOnepx,.hairlines .blOnepx,.hairlines .ballOnepx{border-width:.5px}}@media (-webkit-min-device-pixel-ratio: 3){.hairlines,.hairlines .btOnepx,.hairlines .brOnepx,.hairlines .bbOnepx,.hairlines .blOnepx,.hairlines .ballOnepx{border-width:.8px}}.notHairlines .btOnepx,.notHairlines .brOnepx,.notHairlines .bbOnepx,.notHairlines .blOnepx,.notHairlines .ballOnepx{position:relative}.notHairlines .btOnepx:before,.notHairlines .bbOnepx:after{position:absolute;content:"";background-color:transparent;height:1px;left:0;right:0}.notHairlines .btOnepx:before{top:0}.notHairlines .bbOnepx:after{bottom:0}.notHairlines .blOnepx:before,.notHairlines .brOnepx:after{position:absolute;content:"";background-color:transparent;width:1px;top:0;bottom:0}.notHairlines .blOnepx:before{left:0}.notHairlines .brOnepx:after{right:0}.notHairlines .ballOnepx:after{position:absolute;content:"";top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border:1px solid transparent;point-events:none}@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5),(min-resolution: 144dpi),(min-resolution: 1.5dppx),(-ms-high-contrast: active),(-ms-high-contrast: none){.notHairlines .btOnepx:before,.notHairlines .blOnepx:before,.notHairlines .ballOnepx:after{-webkit-transform-origin:0 0;transform-origin:0 0}.notHairlines .bbOnepx:after,.notHairlines .brOnepx:after{-webkit-transform-origin:100% 100%;transform-origin:100% 100%}}@media (-webkit-device-pixel-ratio: 1.5){.notHairlines .btOnepx:before,.notHairlines .bbOnepx:after{-webkit-transform:scaleY(.66666666);transform:scaleY(.66666666)}.notHairlines .blOnepx:before,.notHairlines .brOnepx:after{-webkit-transform:scaleX(.6666);transform:scaleX(.6666)}.notHairlines .ballOnepx:after{width:150%;height:150%;-webkit-transform:scale(.6666);transform:scale(.6666)}}@media (-webkit-device-pixel-ratio: 2){.notHairlines .btOnepx:before,.notHairlines .bbOnepx:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.notHairlines .blOnepx:before,.notHairlines .brOnepx:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}.notHairlines .ballOnepx:after{width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5)}}@media (-webkit-device-pixel-ratio: 3){.notHairlines .btOnepx:before,.notHairlines .bbOnepx:after{-webkit-transform:scaleY(.3333);transform:scaleY(.3333)}.notHairlines .blOnepx:before,.notHairlines .brOnepx:after{-webkit-transform:scaleX(.3333);transform:scaleX(.3333)}.notHairlines .ballOnepx:after{width:300%;height:300%;-webkit-transform:scale(.3333);transform:scale(.3333)}}.ignore-remind{padding:8px;font-size:13px;color:var(--color-red)}.ignore-visitor{margin:10px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;text-align:center}.ignore-visitor input:focus{border-color:transparent;outline:2px solid var(--color-light-blue)}.ignore-visitor input{width:100%;height:40px;padding:8px;text-align:center;border:none}.ignore-check{height:380px;border-bottom:1px solid var(--color-ccc)}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 133.333vw white inset!important}.ignore-face-btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:24px;color:var(--color-666);cursor:pointer;z-index:999}.ignore-face-btn:hover{color:var(--color-aaa)}.ignore-face-area{position:relative}.ignore-face-area .media-border{width:260px;height:200px;margin:0 auto;border:1px dashed #aaa}.ignore-snap{margin:10px auto;width:260px;height:60px;line-height:60px}.ignore-snap .iconfont{width:50px;height:50px;border:1px solid var(--color-ccc);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:24px;border-radius:50%;cursor:pointer}.ignore-snap .ignore-snap-action{font-size:32px;color:var(--color-aaa)}.ignore-snap .ignore-snap-confirm,.ignore-snap .ignore-snap-cancel{opacity:0;-webkit-transition:all .5s;transition:all .5s}.ignore-snap .ignore-snap-cancel{border:none;background:var(--color-eee);color:var(--color-666)}.ignore-snap .ignore-snap-confirm{color:var(--color-green)}.ignore-btn-area{direction:rtl;width:33%}.index-wrapper{height:100%;background-image:-webkit-gradient(linear,left top,right bottom,from(#232323),to(#303030));background-image:-webkit-linear-gradient(left top,#232323,#303030);background-image:linear-gradient(to right bottom,#232323,#303030)}header{position:relative;font-family:HelveticaNeue;text-align:center;padding:2vw;color:var(--color-aaa)}header:before,header:after{content:"-";width:2rem;color:var(--color-aaa)}.ignore-font-24{font-size:24px}.main{position:relative}.move-helper{position:relative;height:23.333vw}.robot-head{position:relative;width:10.667vw;height:6.667vw;margin:1.333vw auto;border:1px solid #B4B3B3;border-radius:8vw 8vw 2.667vw 2.667vw;background:-webkit-radial-gradient(.667vw 5.333vw,ellipse,#eee,#E0E0E0,#D0D0D0,#D4D4D4);background:radial-gradient(.667vw 5.333vw,ellipse,#eee,#E0E0E0,#D0D0D0,#D4D4D4)}.robot-face{width:8.667vw;height:4.667vw;background:var(--color-333);border-radius:8.667vw 8.667vw 6.667vw 6.667vw/8vw 8vw 1.333vw 1.333vw}.eye{position:absolute;top:52%;display:inline-block;width:1.6vw;height:1.333vw;margin:-.6vw 0 0 -.8vw;border-radius:50%;background:var(--color-blue);-webkit-box-shadow:0 0 1px 1px var(--color-light-blue);box-shadow:0 0 1px 1px var(--color-light-blue);z-index:3}.left{left:33%}.right{right:28%}.eye-smile{-webkit-animation:eye 1.5s ease-in .8s 1;animation:eye 1.5s ease-in .8s 1}@-webkit-keyframes eye{0%{top:52%}50%{top:50%}to{top:48%}}@keyframes eye{0%{top:52%}50%{top:50%}to{top:48%}}.eye-smile:after{content:"";position:absolute;bottom:-.267vw;display:inline-block;width:1.6vw;height:1vw;border-radius:50%;z-index:9;background:#333}.robot-container{-webkit-transform:perspective(53.333vw);transform:perspective(53.333vw);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.robot-move{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite}@-webkit-keyframes move{0%{top:0}25%{top:.2vw}50%{top:0}75%{top:-.2vw}to{top:0}}@keyframes move{0%{top:0}25%{top:.2vw}50%{top:0}75%{top:-.2vw}to{top:0}}.robot-body-contaienr{margin:-.667vw auto 0;height:17.333vw}.robot-body{position:relative;margin:1.333vw;width:13.333vw;height:17.333vw;border:1px solid var(--color-aaa);border-radius:6.667vw/2vw 2vw 13.333vw 13.333vw;background:-webkit-linear-gradient(225deg,#ccc,#ddd,#eee,#fff);background:linear-gradient(225deg,#ccc,#ddd,#eee,#fff)}.robot-body:before{content:"";position:absolute;top:0;display:inline-block;width:13.333vw;height:4vw;border-radius:13.333vw/4vw;background:-webkit-radial-gradient(#ccc 30%,#eee 50%);background:radial-gradient(#ccc 30%,#eee 50%);z-index:9}.hand{position:relative;top:-.667vw;width:1.333vw;height:10.667vw;border:1px solid var(--color-aaa);background:-webkit-linear-gradient(45deg,#ccc 30%,#eee 50%);background:linear-gradient(45deg,#ccc 30%,#eee 50%);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform 1s linear .8s;transition:-webkit-transform 1s linear .8s;transition:transform 1s linear .8s;transition:transform 1s linear .8s,-webkit-transform 1s linear .8s}.robot-left-hand{border-radius:1.333vw 0 0 1.333vw/2.667vw 0 0 8vw}.robot-right-hand{border-radius:0 1.333vw 1.333vw 0/0 2.667vw 8vw 0}.hand-on{-webkit-transform:rotate3d(10,0,0,60deg);transform:rotate3d(10,0,0,60deg)}.icon-qidong-self{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#aaa;cursor:pointer}.switch-on{color:var(--color-light-blue)}.switch-on:before{content:"\e746";display:inline-block;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(1.2);transform:scale(1.2)}.robot-shadow{position:relative;z-index:-9;top:-1.333vw;width:13.333vw;height:8vw;margin:0 auto;border-radius:50%;background:-webkit-radial-gradient(#222631 60%,#0074d9 30%,#3E7ED3 10%);background:radial-gradient(#222631 60%,#0074d9 30%,#3E7ED3 10%);-webkit-transform:rotate3d(10,0,0,60deg);transform:rotate3d(10,0,0,60deg);-webkit-animation:aura 2s linear infinite;animation:aura 2s linear infinite}@-webkit-keyframes aura{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:.5}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes aura{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:.5}to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}.canvas-container{position:relative;top:-2vw;width:100%;text-align:center;overflow:hidden}.canvas-container canvas{width:100%}.nav-item{position:absolute;top:40%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;color:#ccc;cursor:pointer;-webkit-transition:all 1s ease-in .8s;transition:all 1s ease-in .8s;z-index:-1}.nav-item:before{font-size:2.4vw}.icon-renzhilvli-self{top:1.333vw;left:20vw;opacity:1;z-index:1}.icon-diantai-self{top:13.333vw;left:20vw;opacity:1;z-index:1}.icon-yuedu-self{top:25.333vw;left:20vw;opacity:1;z-index:1}.icon-daima-self{top:1.333vw;left:80vw;opacity:1;z-index:1}.icon-riji-self{top:13.333vw;left:80vw;opacity:1;z-index:1}.icon-camera1-self{top:25.333vw;left:80vw;opacity:1;z-index:1}