#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;width:100%;height:100%}.el-message-box{vertical-align:top!important}.el-message-box__message p{font-family:Segoe UI!important}.app-top{width:100%;text-transform:uppercase;border:0;border-radius:0;margin-bottom:0;box-shadow:0 4px 4px rgba(82,72,72,.25);background-color:#333;height:83px}.app-top .container-fluid{display:flex;justify-content:space-between;height:100%}.app-top .container-fluid .container-title{display:flex;align-items:center;justify-content:space-between;align-content:center;width:100%;color:red;font-weight:900;font-size:35px;font-style:italic;text-decoration:underline}.app-top .container-fluid .container-title .back-start{height:100%;width:100px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.start-design{height:100%;width:100%}.start-design .main-content{height:100%;width:100%;display:flex;align-items:center;justify-content:center;align-content:center}.start-design .main-content .container-dialog{justify-content:center;width:615px;margin-top:-100px}.start-design .main-content .container-dialog,.start-design .main-content .container-dialog .dialog-content{display:flex;flex-direction:column;align-items:center;-webkit-box-flex:1;text-align:center;position:absolute}.start-design .main-content .container-dialog .dialog-content{width:100%;justify-content:flex-start;min-height:250px}.start-design .main-content .container-dialog .dialog-content .dialog-top{color:#1b1c1e;font-weight:1000;text-transform:capitalize;font-size:32px;line-height:1.45;letter-spacing:.05em;margin:35px 0;margin-bottom:5px;-webkit-box-flex:1;opacity:1;z-index:1}.start-design .main-content .container-dialog .dialog-content .dialog-mid{color:#656669;font-size:24px;line-height:32px;opacity:1;z-index:1;font-family:Urbanist Thin;letter-spacing:2px;font-weight:600}.start-design .main-content .container-dialog .dialog-content .dialog-btn{background-color:#333;color:#fff;font-weight:700;border-radius:0;margin-top:18px;margin-bottom:18px;cursor:pointer;opacity:1;display:flex;justify-content:center;align-items:center;z-index:1}.start-design .main-content .container-dialog .dialog-content .btn-hover-scale{scale:1.1;transition:.8s;box-shadow:0 0 10px 5px #fff}.start-design .main-content .container-dialog .dialog-content .btn-leave-scale{scale:1;transition:.8s;box-shadow:0 0 0 #fff}.start-design .main-content .btn-hover-bg{position:absolute;opacity:.4;transition:opacity .8s;background-color:#fff}.start-design .main-content .btn-leave-bg{position:absolute;opacity:.8;transition:opacity .8s;background-color:#fff}.start-design .back-start{position:absolute;width:calc(100% - 8px);height:44px;display:flex;justify-content:flex-start;align-items:center;padding-left:8px}.choose-basis{height:100%;width:100%}.choose-basis .image-container{background-color:#fff;display:inline-block;padding:0}.choose-basis .bg-content{width:100%;height:calc(100% - 83px);position:absolute;z-index:-100}.choose-basis .choose-content{width:100%;height:calc(100% - 83px);display:flex;flex-direction:row;align-content:flex-start;align-items:center;justify-content:flex-start;flex-wrap:wrap;position:absolute;overflow-y:scroll}.choose-basis .choose-content .text-content{padding:0 40px;width:100%}.choose-basis .choose-content .text-content .title-content{font-size:1.875rem;font-weight:800;line-height:1.45;color:#000;text-transform:uppercase;letter-spacing:normal;font-style:normal}.choose-basis .choose-content .text-content .explain-content{font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.35;color:#000;letter-spacing:2px}.choose-basis .choose-content .pic-content{width:100%;height:calc(100% - 185px);display:flex;flex-direction:row;align-content:center;align-content:flex-start;justify-content:center;flex-wrap:wrap}.choose-basis .choose-content .pic-content .one-pic{cursor:pointer;margin:40px;display:flex;flex-direction:column;justify-content:space-between}.choose-basis .choose-content .pic-content .pic-text{font-weight:700;color:#888;height:96px;margin:0;display:flex;align-items:center;justify-content:center}.choose-basis .choose-content .pic-content .pic-content-hover{transition:.8s;box-shadow:0 0 5px #fff;border:5px solid #fff}.choose-basis .choose-content .pic-content .pic-content-leave{transition:.8s;box-shadow:0 0 0 #fff;border:5px solid #fff}.choose-basis .choose-content .pic-content .pic-hover{transition:.8s;opacity:.6}.choose-basis .choose-content .pic-content .pic-leave{transition:.8s;opacity:1}.choose-basis .choose-content .pic-content .box-hover{border-top:5px solid hsla(0,0%,100%,.6);transition:.8s}.choose-basis .choose-content .pic-content .box-hover div{font-size:30px;box-shadow:0 0 5px #fff;background-color:#fff;transition:.8s}.choose-basis .choose-content .pic-content .box-leave{border-top:5px solid #fff;transition:.8s}.choose-basis .choose-content .pic-content .box-leave div{font-size:28px;box-shadow:0 0 0 #fff;background-color:#fff;transition:.8s}.choose-basis .btn-hover-bg{opacity:.2;transition:opacity .2s}.choose-basis .btn-leave-bg{opacity:.5;transition:opacity .2s}.choose-basis .back-start{width:100%;height:44px;display:flex;position:absolute;justify-content:flex-start;align-items:center;padding-left:8px}.right-top-bar{display:flex;min-height:44px;background-color:#f5f5f5;z-index:48;width:100%}.right-top-bar .container-fluid{display:flex;align-items:center;justify-content:center;align-content:center;width:100%}.right-top-bar .container-fluid .btn-clear{color:#666;font-family:inherit;display:inline-block;margin-bottom:0;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;padding:3px 12px;font-size:15px;line-height:1.42857143;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-right:1px solid #000;border-radius:0;font-weight:600}.right-top-bar .container-fluid .btn-vr360{width:100%;display:flex;justify-content:center;cursor:pointer}.right-design{width:calc(100% - 330px);height:100%;display:flex;align-items:flex-start;justify-content:flex-start;align-content:flex-start;flex-direction:column}.right-design .scene-content{width:100%;height:100%;display:flex}.right-design .fade-enter-active,.right-design .fade-leave-active{transition:opacity 1s}.right-design .fade-enter,.right-design .fade-leave-to{opacity:0}.right-design .back-start{width:100%;height:30px;margin-top:10px;display:flex;position:absolute;justify-content:flex-start;padding-left:8px}.left-resources{height:100%;width:330px}.left-resources .card-panel{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.left-resources .card-panel .product-header{background:#fff}.left-resources .card-panel .product-header .back-start{padding:0;border-bottom:0;display:flex;height:44px;align-content:center;align-items:center;justify-content:flex-start}.left-resources .card-panel .card-group{padding:8px 34px}.left-resources .card-panel .card-group .material-title{margin-top:10px;margin-bottom:20px}.left-resources .card-panel .card-group .material-title h4{font-size:1.5rem;font-weight:900;font-family:Urbanist Thin;color:#000;margin:0;text-align:left;letter-spacing:3px}.left-resources .card-panel .card-group .choose-content{margin-right:-15px;margin-left:-15px}.left-resources .card-panel .card-group .choose-content .card-grid{display:flex;flex-wrap:wrap;margin-top:15px;margin-left:7.5px;margin-right:7.5px;cursor:pointer}.left-resources .card-panel .card-group .choose-content .card-grid .product-card{display:flex}.left-resources .card-panel .card-group .choose-content .card-grid .product-card .card-header{min-width:100px;height:100px;width:100px;border:none;background:#f5f5f5;border-radius:0;display:flex;align-content:center;align-items:center;justify-content:center;font-size:60px}.left-resources .card-panel .card-group .choose-content .card-grid .product-card .card-body{width:200px;padding-left:5px;color:#000;display:flex;align-items:center;font-family:Urbanist Thin;letter-spacing:1px;font-weight:600}.left-resources .card-panel .card-group .choose-content .card-hover-scale{scale:1.1;transition:.2s;box-shadow:0 0 5px #000}.left-resources .card-panel .card-group .choose-content .card-leave-scale{transition:.2s;box-shadow:0 0 0 #000}.left-resources .card-panel .btm-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Urbanist Thin;color:#000;font-size:12px;margin:20px;letter-spacing:1px;font-weight:600}.left-resources .product-panel{height:100%}.left-resources .product-panel .product-header{background:#fff;box-shadow:0 3px 6px rgba(27,28,30,.01)}.left-resources .product-panel .product-header .header-tabs{padding:0;border-bottom:0;box-shadow:0 1px 3px hsla(0,0%,47%,.75);display:flex;height:44px;align-content:center;align-items:center;justify-content:flex-start}.left-resources .product-panel .product-header .header-tabs .back-btn{width:33px;height:44px;display:flex;align-content:center;align-items:center;justify-content:center;font-size:18px;color:#000;cursor:pointer}.left-resources .product-panel .product-list-category{height:calc(100% - 44px)}.left-resources .product-panel .product-list-category .product-list-header{padding:15px}.left-resources .product-panel .product-list-category .product-list-header h4{font-size:1.5rem;font-weight:900;font-family:Urbanist Thin;color:#000;margin:0;text-align:left;letter-spacing:3px}.left-resources .product-panel .product-list-category .product-list{height:calc(100% - 76px);display:flex;flex-wrap:wrap;padding-top:15px;padding-left:7.5px;padding-right:7.5px;overflow-y:auto;align-content:flex-start}.left-resources .product-panel .product-list-category .product-list .card-grid-wrapper{width:calc(50% - 15px);margin-left:7.5px;margin-right:7.5px;margin-bottom:15px}.left-resources .product-panel .product-list-category .product-list .card-grid-wrapper .product-list-item{cursor:pointer}.left-resources .product-panel .product-list-category .product-list .card-grid-wrapper .product-list-item .card-header{border:2px solid transparent;border-radius:0}.left-resources .product-panel .product-list-category .product-list .card-grid-wrapper .product-list-item .card-body{color:#000;font-family:Urbanist Thin;letter-spacing:2px;font-weight:600}.left-resources .product-panel .product-list-category .product-hover-scale{scale:1.1;transition:.2s;box-shadow:0 0 5px #000}.left-resources .product-panel .product-list-category .product-leave-scale{transition:.2s;box-shadow:0 0 0 #000}.left-resources_mob{height:100%;width:100%}.left-resources_mob .card-panel{height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.left-resources_mob .card-panel .product-header{background:#fff}.left-resources_mob .card-panel .product-header .back-start{padding:0;border-bottom:0;display:flex;height:44px;align-content:center;align-items:center;justify-content:flex-start}.left-resources_mob .card-panel .card-group{padding:8px 34px}.left-resources_mob .card-panel .card-group .material-title{margin-top:10px;margin-bottom:20px}.left-resources_mob .card-panel .card-group .material-title h4{font-size:1.5rem;font-weight:900;font-family:Urbanist Thin;color:#000;margin:0;text-align:left;letter-spacing:2px}.left-resources_mob .card-panel .card-group .choose-content{margin-right:-15px;margin-left:-15px}.left-resources_mob .card-panel .card-group .choose-content .card-grid{display:flex;flex-wrap:wrap;padding-top:15px;padding-left:7.5px;padding-right:7.5px;cursor:pointer}.left-resources_mob .card-panel .card-group .choose-content .card-grid .product-card{display:flex}.left-resources_mob .card-panel .card-group .choose-content .card-grid .product-card .card-header{min-width:100px;height:100px;width:100px;border:none;background:#f5f5f5;border-radius:0;display:flex;align-content:center;align-items:center;justify-content:center;font-size:60px}.left-resources_mob .card-panel .card-group .choose-content .card-grid .product-card .card-body{padding-left:14px;color:#000;display:flex;align-items:center;font-family:Urbanist Thin;font-weight:600;letter-spacing:2px}.left-resources_mob .card-panel .btm-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Urbanist Thin;font-size:12px;margin:20px;font-weight:600;letter-spacing:1px}.left-resources_mob .product-panel{height:100%}.left-resources_mob .product-panel .product-header{background:#fff;box-shadow:0 3px 6px rgba(27,28,30,.01)}.left-resources_mob .product-panel .product-header .header-tabs{padding:0;border-bottom:0;box-shadow:0 1px 3px hsla(0,0%,47%,.75);display:flex;height:44px;align-content:center;align-items:center;justify-content:flex-start}.left-resources_mob .product-panel .product-header .header-tabs .back-btn{width:33px;height:44px;display:flex;align-content:center;align-items:center;justify-content:center;font-size:18px;color:#000;cursor:pointer}.left-resources_mob .product-panel .product-list-category{height:calc(100% - 44px)}.left-resources_mob .product-panel .product-list-category .product-list-header{padding:15px}.left-resources_mob .product-panel .product-list-category .product-list-header h4{font-size:1.5rem;font-weight:900;font-family:Urbanist Thin;color:#1b1c1e;margin:0;text-align:left;letter-spacing:2px}.left-resources_mob .product-panel .product-list-category .product-list{height:calc(100% - 76px);display:flex;flex-wrap:wrap;padding-top:15px;padding-left:7.5px;padding-right:7.5px;overflow-y:auto;align-content:flex-start}.left-resources_mob .product-panel .product-list-category .product-list .card-grid-wrapper{width:calc(50% - 15px);padding-left:7.5px;padding-right:7.5px;margin-bottom:15px}.left-resources_mob .product-panel .product-list-category .product-list .card-grid-wrapper .product-list-item{cursor:pointer}.left-resources_mob .product-panel .product-list-category .product-list .card-grid-wrapper .product-list-item .card-header{border:2px solid transparent;border-radius:0}.left-resources_mob .product-panel .product-list-category .product-list .card-grid-wrapper .product-list-item .card-body{color:#333;letter-spacing:2px;font-weight:600}.top-tab{background:#212721;box-shadow:0 1px 3px hsla(0,0%,47%,.75);font-family:Montserrat,sans-serif;padding:0 8px;display:flex;flex:auto;width:calc(100% - 16px);height:44px;align-items:center}.top-tab .container-fluid{display:flex;justify-content:space-between;height:83px}.top-tab .back-start{height:30px;display:flex;align-items:center;align-content:center;justify-content:flex-start}.app-content{height:calc(100% - 83px);width:100%}.app-content .operation-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;height:100%}.app-content .operation-content-mob{height:100%}.app-content .operation-content-mob .visualizer-togglers{padding-bottom:60px;position:absolute;left:0;right:0;bottom:0;pointer-events:none;z-index:1001;display:flex}.app-content .operation-content-mob .visualizer-togglers .toggler-btn{position:relative;width:44px;height:44px;margin-left:0;outline:0;pointer-events:auto;background-color:#7d92a8;color:#fff;border:none}.app-content .dialog-bg{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,.5);top:0;z-index:9998;display:flex;align-items:flex-start;justify-content:center}.app-content .dialog-bg .dialog-content{width:600px;margin:30px auto;height:115px;background-color:#fff;border-radius:8px;box-shadow:0 0 9px 2px #222;z-index:9999}.app-content .dialog-bg .dialog-content .dialog-top{height:51px;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;flex-wrap:nowrap}.app-content .dialog-bg .dialog-content .dialog-top .dialog-title{padding:0 40px;height:100%;display:flex;align-items:center;color:#000;font-size:14px;font-weight:600;text-align:left;line-height:20px;font-family:Urbanist Thin;letter-spacing:1px}.app-content .dialog-bg .dialog-content .dialog-top .dialog-close{width:30px;height:30px;cursor:pointer;margin-top:5px;margin-right:10px;font-size:20px;font-weight:600;line-height:30px;font-family:fantasy;color:#afafaf}.app-content .dialog-bg .dialog-content .dialog-btm{height:64px;display:flex;justify-content:flex-end;align-items:center}.app-content .dialog-bg .dialog-content .dialog-btm .button-content{display:flex;margin-right:15px;justify-content:space-between;width:100px}.app-content .dialog-bg .dialog-content .dialog-btm .button-content .dialog-button{width:46px;height:32px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;border-radius:1px;font-size:14px;font-weight:400;cursor:pointer}.app-content .dialog-bg .dialog-content .dialog-btm .button-content .dialog-button .button-style{border:1px solid #fff;border-radius:6px;width:calc(100% - 4px);height:calc(100% - 4px);display:flex;align-items:center;justify-content:center}.app-content .dialog-bg .dialog-content .dialog-btm .button-content .dialog-button :first-child:hover{background-color:#444}.app-content .dialog-bg .dialog-content .dialog-btm .button-content :first-child:hover{background-color:#eee}.app-content .dialog-bg .v-enter-from,.app-content .dialog-bg .v-leave-to{opacity:0;transform:translateY(-100px)}.app-content .dialog-bg .v-enter-active{transition-delay:.5s;transition:.5s ease}.app-content .dialog-bg .v-leave-active{transition:.5s ease}.app-content .dialog-bg .v-enter-to,.app-content .dialog-bg .v-leave-from{opacity:1;transform:translateY(0)}@keyframes show{0%{opacity:0}to{opacity:1}}.app-content .animationShow{animation:show .5s ease}.custom-font{font-family:Urbanist Thin}.app-main{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-start;align-content:flex-start;flex-direction:column}