.router-fade-enter-active,.router-fade-leave-active{transition:opacity .3s}.router-fade-enter,.router-fade-leave-active{opacity:0}.embed-responsive{border:4px solid #fff;border-radius:6px;overflow:hidden}.embed-responsive img{object-position:top}.embed-responsive .site-template-mask{position:absolute;z-index:2;width:100%;height:100%;top:0;left:0;background-color:transparent;transition:all .5s;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.embed-responsive .site-template-mask:hover{background-color:rgba(0,0,0,.5)}.embed-responsive .site-template-mask:hover .el-button{opacity:1}.embed-responsive .site-template-mask .el-button{transition:all .5s;margin:0 10px 40px 10px;opacity:0}.embed-responsive .embed-responsive-item img{width:100%}.embed-responsive.active{box-shadow:0 0 8px 0 rgba(70,160,255,.8);border-color:#409eff}.not-fixed .embed-responsive{width:160px}.create-site{border:1px solid #e4e4e4;padding:4rem 8rem 4rem 3rem;cursor:pointer;margin-top:1.5rem;border-radius:.25rem;position:relative;transition:all .3s}.create-site-header{height:auto}.create-site-header .container{position:relative;padding-top:30px;padding-bottom:50px}.create-site-logout{position:absolute;right:40px;top:calc(50% - 16px)}.create-site-logout .el-button{border-radius:16px}.create-site-footer{padding-top:20px;padding-bottom:20px;background-color:#fff;border-top:1px solid #f5f5f5}.create-site h2{color:#303133;margin-bottom:30px}.create-site h2 small{font-weight:400;color:#909399;font-size:12px}.create-site p{margin-top:.75rem;margin-bottom:.75rem;line-height:1.8}.create-site b{color:#3e82f7;margin:0 5px}.create-site:before{font-size:40px;position:absolute;right:50px;color:#3e82f7;top:calc(50% - 22px);opacity:0}.create-site.active{border-color:#3e82f7;box-shadow:0 2px 8px rgba(70,160,255,.15)}.create-site.active:before{opacity:1}.create-site:hover{box-shadow:0 2px 8px rgba(0,0,0,.15)}.create-site-info h3{margin-top:25px;margin-bottom:25px}.create-site-info .create-site-browser{padding:7px;border-radius:10px;background-color:#dcdfe6}.create-site-info .create-site-browser .el-col-4 i{display:inline-block;font-size:30px;margin-left:5px;margin-top:3px;margin-right:5px;color:#909399}.create-site-info .create-site-browser .el-input-group__prepend{background-color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px}.create-site-info .create-site-browser .el-input-group__append{min-width:200px;background-color:#fff;border-top-right-radius:20px;border-bottom-right-radius:20px}.create-site-info .create-site-browser .el-form-item__error{text-indent:86px;margin-top:10px}.create-site-info .create-site-tips{padding-left:15px;margin-top:50px}.create-site-info .create-site-tips li{line-height:1.5;font-size:14px;color:#909399}