*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}#app{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;font-size:14px;font-family:PingFangSC-Regular,PingFangSC;font-weight:400}.back-top{position:fixed;top:calc(100vh - 100px);z-index:2;right:30px;cursor:pointer}.smiles-canvas-wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.smiles-canvas-wrapper .fan-con{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.smiles-canvas-wrapper .cui-con,.smiles-canvas-wrapper .sheng-con{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mole-canvas-wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.description{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cui-con:after{top:70%;left:0;width:100%;height:2px}.cui-con:after,.cui-con:before{content:"";display:block;position:absolute;background:#333}.cui-con:before{top:calc(70% - 5px);left:100%;width:0;height:0;border-top:6px solid #fff;border-bottom:6px solid #fff;border-right:18px solid #fff;border-left:18px solid #333}.mole-cui:after{top:33px;left:0;width:100%;height:2px}.mole-cui:after,.mole-cui:before{content:"";display:block;position:absolute;background:#333}.mole-cui:before{top:28px;left:calc(100% - 15px);width:0;height:0;border-top:6px solid #fff;border-bottom:6px solid #fff;border-right:0 solid #fff;border-left:18px solid #333}.crystal-selector{display:-webkit-box;display:-ms-flexbox;display:flex;height:2.5rem}.crystal-selector__board:hover{border:1px solid #333}.crystal-selector__board.active{border:2px solid #1976d2}.crystal-selector__label{width:4rem;float:left;line-height:2.5rem;font-size:1rem;font-weight:400;color:rgba(0,0,0,.85)}.crystal-selector__board{float:left;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:2px;background:#fff;border-radius:4px;border:1px solid #c2c2d2}.crystal-selector__masking{position:relative;height:295px}.crystal-selector__input{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:34px;outline:none}.crystal-selector__context{float:left;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:auto}.crystal-selector__suffix{float:left;width:auto;margin:auto}.crystal-selector__menu{position:relative;top:2px;width:100%;z-index:10}.content-wrapper{width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:64px;min-width:800px}.atom{border:2px solid #333;width:20px;height:20px;border-radius:50%;margin-top:10px;position:relative}.label-atom{position:absolute;top:-7px;left:24px;font-size:20px}#hello{position:relative;height:480px}.mole-canvas{width:100%!important;min-width:450px;height:100%!important}.register_container{background-color:rgba(0,0,0,.5)}.login_container,.register_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;z-index:20}.login_container .v-label.theme--light{font-size:14px!important}.login_container .v-input--selection-controls{margin-top:0!important}.login_container .theme--light.v-btn.v-btn--disabled{background-color:#3f57bb!important;color:#fff!important}.login_container .theme--light.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined){background-color:#3f57bb!important;opacity:.8}.verity-number{width:24px;height:24px;border:1px solid #3f57bb;background:#fff;border-radius:50%;position:absolute;margin-top:-12px;margin-left:-12px}.smiles-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:2px;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.5);box-shadow:0 0 2px 0 rgba(0,0,0,.5);min-width:1200px;max-width:1200px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.indigo-svg-wrapper{cursor:pointer}.indigo-svg-wrapper>svg{height:220px;width:100%;max-width:170px}div.catalyst-svg>svg{height:110px}.smiles-canvas-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.smiles-canvas-wrapper .fan-con{margin-right:20px}.smiles-canvas-wrapper .cui-con,.smiles-canvas-wrapper .fan-con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.smiles-canvas-wrapper .cui-con{position:relative}.smiles-canvas-wrapper .sheng-con{margin-left:40px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mole-canvas-wrapper,.smiles-canvas-wrapper .sheng-con{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mole-canvas-wrapper{padding:0 20px}.mole-canvas-wrapper .mole-cui{padding:10px 20px;margin-bottom:30px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:100px}.mole-canvas-wrapper .mole-sheng{padding:0 10px}.description{text-align:left;padding:10px;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.description,.description .cui-itmes-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.description .cui-itmes-wrapper{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%}.arrow:after{content:"";display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:100%;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:18px solid transparent;border-left:18px solid #000}.v-toolbar__content{height:64px!important}.v-app-bar{min-height:64px!important;min-width:700px!important;-webkit-box-shadow:0 0 1px -1px rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1)!important;box-shadow:0 0 1px -1px rgba(0,0,0,.1),0 1px 0 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1)!important}.common-button{width:100%;background-color:#3f57bb;padding:5px 0;border-radius:5px;color:#fff;margin-bottom:10px}button:disabled{background-color:#3f57bb;opacity:.8}.common-font-black-normal{font-weight:400}.common-font-black-bold,.common-font-black-normal,.common-font-color{font-size:14px;font-family:PingFangSC-Medium,PingFangSC;color:rgba(0,0,0,.85)}.common-font-black-bold,.common-font-color{font-weight:500}.common-font-color{color:#3f57bb;cursor:pointer}.all-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}