body{margin:0;font-size:1rem;font-weight:400;line-height:1.5;color:#212529}#app{font-family:Avenir,Helvetica,Arial,sans-serif;color:#2c3e50}@font-face{font-family:iconfont;src:url(../fonts/iconfont.b390bc33.woff2) format("woff2"),url(../fonts/iconfont.788d6c6b.woff) format("woff"),url(../fonts/iconfont.a754de2f.ttf) format("truetype")}#app,.iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal}.icon-iconset0219:before{content:"\e676"}.icon-xian1-04:before{content:"\e60e"}.icon-chart:before{content:"\e7a3"}.icon-search:before{content:"\e613"}.icon-video:before{content:"\e65a"}.icon-commentso:before{content:"\ea5f"}.icon-refresh:before{content:"\ebbf"}.icon-laba:before{content:"\e62d"}.icon-users:before{content:"\e883"}.icon-user-times:before{content:"\e751"}.icon-voice1:before{content:"\e61e"}.icon-voice:before{content:"\ea34"}.icon-volume--down:before{content:"\e60c"}.icon-volume--up:before{content:"\e60d"}.icon-jianpan:before{content:"\e65b"}.icon-yuyin:before{content:"\e824"}.icon-qinglihuancun:before{content:"\e607"}.icon-person:before{content:"\e61c"}.icon-location_light:before{content:"\e7f3"}.icon-erweima:before{content:"\e642"}.icon-ticket_money_fill:before{content:"\e816"}.icon-fuzhi:before{content:"\e8b0"}.icon-tupian:before{content:"\e8ba"}.icon-comment:before{content:"\e668"}.icon-elipsis:before{content:"\e66e"}.icon-customer-service:before{content:"\e66a"}.icon-error:before{content:"\e66f"}.icon-favorite:before{content:"\e670"}.icon-smile:before{content:"\e67e"}.icon-setting:before{content:"\e67d"}.icon-add-circle:before{content:"\e664"}.icon-arrow-right:before{content:"\e665"}input,textarea{outline:none}.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}.red,.zsqr{color:#ea4141}.zsqr{text-align:center;font-weight:700}.uni-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.layout{height:100vh;height:calc(var(--vh,1vh)*100);display:flex}.navigation{background:#464646;width:70px;overflow:hidden}.navigation ul{padding:0;margin:0;width:70px}.navigation ul li{list-style:none;width:70px}.navigation ul li a{display:block;text-align:center;padding:10px 0;color:#fff;cursor:pointer;position:relative;outline:none}.navigation ul li a.reds{color:#fe6e6e}.navigation ul li a.logo{padding:20px 0;font-size:0}.navigation ul li a.logo img{width:50px;height:50px;border-radius:3px}.navigation ul li a i{display:block;font-size:19px;height:21px;line-height:21px}.navigation ul li a span{display:block;font-size:14px}.popover-box{width:100%}.popover-box .popover-item{height:30px;line-height:30px;cursor:pointer;text-align:center}.popover-box .popover-item:hover{color:#fff}.layout>.content{padding:0;display:flex;flex:1}.sidebar-group{display:flex;flex-direction:column;width:300px;overflow:hidden}.sidebar-head{width:300px;box-shadow:0 1px 8px rgba(0,0,0,.1)}.sidebar-head .del-box{padding:12px}.sidebar-head .del-box .btn{display:inline-block;font-size:14px;width:auto;padding:12px 12px;line-height:14px;color:#fff;border-radius:4px;margin-right:8px;cursor:pointer}.sidebar-head .del-box .btn:last-child{margin-right:0}.sidebar-head .del-box .btns{display:inline-block;background:#ccc;font-size:14px;width:auto;padding:12px 12px;line-height:14px;color:#fff;border-radius:4px;margin-right:8px;cursor:pointer;position:relative}.sidebar-head .del-box .btns:last-child{margin-right:0}.sidebar-head .del-box .btns .badge{position:absolute;top:-4px;right:-4px;background:#ee0a24;border-radius:50%;height:18px;width:18px;line-height:18px;color:#fff;text-align:center}.sidebar-head .search-box{margin:0 12px 12px;height:34px;width:276px;position:relative}.sidebar-head .search-box .iconfont{position:absolute;z-index:101;width:34px;height:34px;line-height:34px;text-align:center;cursor:pointer}.sidebar-head .search-box .input{position:absolute;left:0;top:0;height:34px;line-height:34px;width:126px;padding:0 12px 0 34px;margin:0;border:none;background:#f7f8fa;z-index:100;color:#333}.sidebar-head .search-box .btn{right:0;background:#ea4141}.sidebar-head .search-box .btn,.sidebar-head .search-box .btn2{height:34px;line-height:34px;position:absolute;width:50px;top:0;text-align:center;font-size:14px;color:#fff;border-radius:4px;cursor:pointer}.sidebar-head .search-box .btn2{right:54px}.sidebar-body{flex:1;overflow:auto;width:300px;overflow:hidden}.sidebar-body-scroll{width:100%;height:100%;overflow-y:scroll}.chat-list{width:300px;position:relative;overflow:hidden;cursor:pointer}.chat-list.top{background:#f1f1f1}.chat-list.open-chat{background:#e6f7ff}.chat-list.open-chat:before{content:"";position:absolute;display:block;width:4px;opacity:1;top:0;bottom:0;right:0}.chat-list .list-item{display:flex;align-items:center;padding:0 8px;width:284px}.chat-list .list-item .avatar{position:relative;width:50px;height:50px;margin-right:8px}.chat-list .list-item .avatar .image{width:100%;height:100%;border-radius:3px}.chat-list .list-item .avatar .badge{position:absolute;top:-7px;right:-7px;background:#ee0a24;font-size:12px;border-radius:9px;height:18px;color:#fff;min-width:6px;line-height:18px;text-align:center;padding:0 6px}.chat-list .list-item .avatar .group{position:absolute;top:-7px;left:1px;background:#333;font-size:12px;border-radius:50%;height:20px;color:#fff;width:20px;line-height:20px;text-align:center}.chat-list .list-item .avatar .online{position:absolute;bottom:1px;right:1px;background:#09bb07;width:12px;height:12px;border-radius:50%}.chat-list .list-item .wrap{flex:1;display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #eaeaea}.chat-list .list-item .wrap .content{flex:1;width:1px}.chat-list .list-item .wrap .content .item{display:flex;justify-content:space-between;margin-bottom:4px}.chat-list .list-item .wrap .content .item .name{font-size:14px;color:#333;font-weight:700}.chat-list .list-item .wrap .content .item .name .red{color:#ee0a24}.chat-list .list-item .wrap .content .item .time{color:#666;margin-left:4px;width:65px;text-align:right;font-size:12px}.chat-list .list-item .wrap .content .message{font-size:14px;color:#666;height:21px}.chat-container{flex:1;display:flex;flex-direction:column;background:#ebebeb}.chat-body{flex:1;margin:12px 0;overflow:auto}.message-container{display:flex;flex-direction:column;align-items:flex-start}.message-item{max-width:70%;margin-bottom:30px;padding-left:10px;display:flex}.message-item .avatar{width:40px;height:40px;margin-right:10px}.message-item .avatar .img{width:40px;height:40px;border-radius:3px;font-size:0;cursor:pointer}.message-item .box{position:relative;margin-top:20px}.message-item .box .message-content{background:#fff;border-radius:5px;padding:8px 10px;font-size:15px;color:#333;word-break:break-all;white-space:pre-line}.message-item .box .message-content .txt>p{margin:0}.message-item .box .message-content .txt>a{color:#2440b3}.message-item .box .message-content .txt>.msg-question-title{font-weight:700;margin:0 0 8px 0}.message-item .box .message-content .txt>.msg-question-item{color:#2440b3;margin:0 0 8px 0}.message-item .box .message-content .txt>.msg-question-item:last-child{margin-bottom:0}.message-item .box .message-content.imgs{padding:0;font-size:0}.message-item .box .message-content .img{height:180px;max-width:180px;border-radius:3px}.message-item .box .message-content.address{display:flex;align-items:center}.message-item .box .message-content.address .iconfont{font-size:30px;color:#999;margin-right:4px}.message-item .box .message-content.address .r .maps{color:#2440b3;cursor:pointer}.message-item .box .message-content.audio{height:41px;line-height:41px;padding:0 10px;width:110px;cursor:pointer}.message-item .box .message-content.audio .iconfont{display:inline-block;width:20px}.message-item .box .message-content.audio .audio-txt{display:inline-block;width:90px}.message-item .box .message-content.video{background-color:#000;height:220px;width:220px;padding:0;display:flex;justify-content:center;align-items:center}.message-item .box .message-content.video video{max-width:100%;max-height:100%}.message-item .box .name{position:absolute;left:0;top:-20px;white-space:nowrap;font-size:12px;color:#333}.message-item .box .message-action{position:absolute;left:0;bottom:-20px;width:130px;font-size:12px;color:#999;text-align:left}.message-item .box .read{position:absolute;right:-35px;top:9px;font-size:14px}.message-item .box .read.yes{color:#999}.message-item.right{margin-left:auto;padding:0 10px 0 0;justify-content:space-between;flex-flow:row-reverse!important}.message-item.right .avatar{margin-right:0;margin-left:10px}.message-item.right .avatar .img{cursor:default}.message-item.right .box .message-content{background:#9eea6a}.message-item.right .box .message-content.video{background:#000}.message-item.right .box .message-content h1,.message-item.right .box .message-content h2,.message-item.right .box .message-content h3,.message-item.right .box .message-content h4,.message-item.right .box .message-content h5,.message-item.right .box .message-content p{margin:0;padding:0}.message-item.right .box .name{left:unset;right:0}.message-item.right .box .message-action{right:0;left:unset;text-align:right}.message-item.right .box .read{right:unset;left:-35px}.no-message-container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.no-message-container .iconfont{font-size:100px;opacity:.15;margin-bottom:15px;display:inline-block;height:110px;line-height:110px}.no-message-container p{font-size:16px;color:#828282;margin:0}.chat-footer{background:#f9f9f9;height:240px;overflow:hidden}.chat-footer .chat-tool{height:40px;padding:0 8px;background:#f3f3f3}.chat-footer .chat-tool .item{outline:none;cursor:pointer;color:#999;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;position:relative;float:left}.chat-footer .chat-tool .item .iconfont{font-size:22px}.chat-footer .chat-tool .item.red{color:#ea4141}.popper-emoji{padding:8px}.popper-emoji span{display:inline-block;float:left;width:33px;height:33px;line-height:33px;text-align:center;font-size:20px;cursor:pointer;border-radius:3px;overflow:hidden}.popper-emoji span:hover{background:#eaeaea}.chat-footer form{padding:10px;background-color:#fafafa;height:200px;box-sizing:border-box}.chat-footer form #send-content{width:100%;height:140px;border:none;outline:none;padding:12px;resize:none;float:left;box-sizing:border-box;background-color:#fafafa;font-size:15px;color:#333}.chat-footer form .form-buttons{float:left;width:100%}.chat-footer form .form-buttons span{display:inline-block;height:36px;line-height:36px;font-size:14px;float:left}.chat-footer form .form-buttons .btn{padding:0 12px;border:none;height:36px;line-height:36px;text-align:center;font-size:14px;color:#fff;border-radius:4px;cursor:pointer;outline:none;float:right}.chat-footer form .form-buttons .btn.disabled{opacity:.5}.drawer-container{width:100%;height:100%;position:relative;overflow:hidden}.drawer-body{padding:15px 15px 70px;position:absolute;top:0;left:0;bottom:0}.drawer-body,.shadows-itme{width:100%;box-sizing:border-box}.shadows-itme{display:flex;justify-content:space-between;border-radius:5px;box-shadow:inset 0 0 5px #c8c8c8;margin-bottom:12px;padding:15px}.shadows-itme:hover{box-shadow:inset 0 0 20px #bebec8}.shadows-itme .itme-l{display:flex;justify-content:center;align-items:center}.shadows-itme .itme-l.hover{cursor:pointer}.shadows-itme .itme-l .img{width:120px;height:120px;border-radius:3px}.shadows-itme .itme-l .video-boxs{display:inline-block}.shadows-itme .itme-l .video{background-color:#000;height:220px;width:220px;padding:0;display:flex;justify-content:center;align-items:center}.shadows-itme .itme-l .video video{max-width:100%;max-height:100%}.shadows-itme .itme-l .avatar{position:relative}.shadows-itme .itme-l .avatar,.shadows-itme .itme-l .avatar img{width:50px;height:50px;border-radius:25px}.shadows-itme .itme-l .avatar .online{position:absolute;bottom:1px;right:1px;background:#09bb07;width:12px;height:12px;border-radius:50%}.shadows-itme .itme-l .txt{word-break:break-all;white-space:pre-line;font-size:15px}.shadows-itme .itme-l .txt h1,.shadows-itme .itme-l .txt h2,.shadows-itme .itme-l .txt h3,.shadows-itme .itme-l .txt h4,.shadows-itme .itme-l .txt h5,.shadows-itme .itme-l .txt p{margin:0;padding:0}.shadows-itme .itme-l .name{word-break:break-all;white-space:pre-line;font-size:15px;margin-left:5px}.shadows-itme .itme-l.hover:hover .name{color:#ea4141}.shadows-itme .itme-l.help{display:block}.shadows-itme .itme-l.help .txt label{color:#fff;border-radius:3px;padding:0 4px;margin-right:4px}.shadows-itme .itme-l.help .txt .q{background:#ea4141}.shadows-itme .itme-l.help .txt .a{background:#09bb07}.shadows-itme .itme-l .quick-reply-ck{width:30px;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.shadows-itme .itme-l .quick-reply-ck .ckbox{cursor:pointer}.shadows-itme .itme-r{display:flex;justify-content:space-between;align-items:center}.shadows-itme .itme-r .txt{font-size:14px;color:#ee0a24}.shadows-itme .itme-r .status{display:inline-block;text-align:center;color:#09bb07;width:80px;font-size:14px}.shadows-itme .itme-r .status.red{color:#ee0a24}.shadows-itme .itme-r>.btn{display:inline-block;cursor:pointer;text-align:center;width:80px;font-size:14px}.shadows-itme .itme-r>.btn:hover{color:#ea4141}.shadows-itme .itme-r .iconfont{font-size:16px;cursor:pointer}.shadows-itme .itme-r .iconfont:hover{color:#ea4141}.drawer-title .danger,.notice-box{color:#f56c6c}.notice-box{white-space:pre-line;font-size:16px}.drawer-foot{position:absolute;left:0;bottom:0;background:#fff;width:100%;padding:15px;box-shadow:0 -1px 8px rgba(0,0,0,.1)}.drawer-foot .up-box{position:relative;display:inline-block;margin:0 10px;cursor:pointer}.drawer-foot .up-box .upload-file-btn{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;opacity:0;cursor:pointer}.qr-code-box{text-align:center}.qr-code-info{margin-top:15px}.qr-code-info .qr-code-btn{display:flex;justify-content:space-between}.qr-code-info .red{color:#ea4141;margin-top:10px}.group-setting-box .item{display:flex;align-items:center;border-bottom:1px solid #f1f1f1;padding:10px 0}.group-setting-box .item:last-child{border-bottom:none}.group-setting-box .item .title{width:80px;font-size:16px}.group-setting-box .item .r{flex:1;white-space:pre-line;font-size:16px}.group-setting-box .item .r .avatar{width:50px;height:50px;border-radius:50%}.group-setting-box .item .r.success{color:#09bb07}.group-setting-box .item .r.danger{color:#ea4141}.group-setting-box .item .tips{color:#ea4141;font-size:14px}.user-info{width:350px}.user-info .user-info-g{display:flex;cursor:pointer}.user-info .user-info-g .avatar img{width:60px;height:60px;border-radius:3px}.user-info .user-info-g .infos{margin:0 0 10px 10px}.user-info .user-info-g2 .infos{margin:5px 0 0 0}.form-user-avatar{width:100px;height:100px;border-radius:3px}.question-pics{width:98px;height:98px;text-align:center;display:inline-block;line-height:98px;border:1px dashed #d9d9d9;border-radius:6px}.question-video{background-color:#000;height:220px;width:220px;padding:0;display:flex;justify-content:center;align-items:center;float:left;margin-right:10px}.question-video video{max-width:100%;max-height:100%}.popper-no-padding{padding:1px}.liujie{height:100%}.liujie,.liujie2{display:block;width:100%}.liujie2{height:0;position:absolute;top:0}.map_dialog{padding:0;width:800px}.map_dialog .el-dialog__body{padding:0}.map_dialog .txmap{width:800px;height:500px}.voice-mask{position:fixed;left:50%;top:50%;background-color:rgba(0,0,0,.8);width:150px;height:100px;margin:-100px 0 0 -75px;text-align:center;border-radius:3px;z-index:100000}.voice-mask-txt{font-size:28rpx;color:#fff}.hosts_notice{padding-bottom:15px}.hosts_notice p{margin:0 0 5px 0;padding:0}.spinner{width:50px;height:50px;text-align:center;font-size:10px;margin:10px auto}.spinner .item{background-color:#fff;height:100%;width:6px;margin-right:3px;display:inline-block;animation:stretchdelay 1.2s ease-in-out infinite}.spinner .rect2{animation-delay:-1.1s}.spinner .rect3{animation-delay:-1s}.spinner .rect4{animation-delay:-.9s}.spinner .rect5{animation-delay:-.8s}@keyframes stretchdelay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.chart-btn-box{margin-bottom:10px}.chart-btn-box .btn{display:inline-block;font-size:14px;width:auto;padding:12px 12px;line-height:14px;color:#fff;border-radius:4px;margin-right:8px;cursor:pointer;background:#ccc}.chart-btn-box .btn:last-child{margin-right:0}.chart-box{display:flex;height:400px}.chart-box .chart-canvas-box{width:900px;height:400px}.chart-box .chart-line-box{flex:1;height:400px;padding-left:30px}.chart-box .chart-line-box .item{width:100%;height:26px;margin-bottom:20px}.chart-box .chart-line-box .item .title{width:80px;display:inline-block;font-size:16px;float:left;height:26px;line-height:26px}.chart-box .chart-line-box .item .lines{width:240px;display:inline-block}.chart-box .chart-line-box .item .nums{width:100px;display:inline-block;font-size:12px;float:right;height:26px;line-height:26px;padding-left:10px}.popover-box .popover-item{color:#07c160}.popover-box .popover-item:hover{background:#07c160}.style1 .navigation ul li a.active,.style1 .navigation ul li a:hover,.style1 .popover-box .popover-item{color:#07c160}.style1 .popover-box .popover-item:hover,.style1 .sidebar-head .del-box .btn,.style1 .sidebar-head .del-box .btns.active{background:#07c160}.style1 .chat-list.open-chat:before{background-color:#07c160}.style1 .chat-footer form .form-buttons span,.style1 .message-item .box .read{color:#07c160}.style1 .chat-footer form .form-buttons .btn{background:#07c160}.style1 .shadows-itme .itme-r .iconfont,.style1 .shadows-itme .itme-r>.btn{color:#07c160}.style1 .chart-btn-box .btn.active,.style1 .sidebar-head .search-box .btn2{background:#07c160}.style2 .navigation ul li a.active,.style2 .navigation ul li a:hover,.style2 .popover-box .popover-item{color:#07c160}.style2 .popover-box .popover-item:hover,.style2 .sidebar-head .del-box .btn,.style2 .sidebar-head .del-box .btns.active{background:#07c160}.style2 .chat-list.open-chat:before{background-color:#07c160}.style2 .chat-footer form .form-buttons span,.style2 .message-item .box .read{color:#07c160}.style2 .chat-footer form .form-buttons .btn{background:#07c160}.style2 .shadows-itme .itme-r .iconfont,.style2 .shadows-itme .itme-r>.btn{color:#07c160}.style2 .chart-btn-box .btn.active,.style2 .sidebar-head .search-box .btn2{background:#07c160}.style3 .navigation ul li a.active,.style3 .navigation ul li a:hover,.style3 .popover-box .popover-item{color:#1e90ff}.style3 .popover-box .popover-item:hover,.style3 .sidebar-head .del-box .btn,.style3 .sidebar-head .del-box .btns.active{background:#1e90ff}.style3 .chat-list.open-chat:before{background-color:#1e90ff}.style3 .chat-footer form .form-buttons span,.style3 .message-item .box .read{color:#1e90ff}.style3 .chat-footer form .form-buttons .btn{background:#1e90ff}.style3 .shadows-itme .itme-r .iconfont,.style3 .shadows-itme .itme-r>.btn{color:#1e90ff}.style3 .chart-btn-box .btn.active,.style3 .sidebar-head .search-box .btn2{background:#1e90ff}.editor{line-height:normal!important;height:250px}.editor .ql-container{height:200px}.ql-snow .ql-tooltip:before,.ql-snow .ql-tooltip[data-mode=link]:before{content:"请输入链接地址:"}.ql-snow .ql-tooltip a.ql-action:after{content:"编辑"}.ql-snow .ql-tooltip a.ql-remove:before{content:"移除"}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"保存";padding-right:0}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"文本"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"标题1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"标题2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"标题3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"标题4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"标题5"}.wssocket_close{min-width:380px;box-sizing:border-box;border-radius:4px;position:fixed;left:50%;top:20px;transform:translateX(-50%);transition:opacity .3s,transform .4s,top .4s;overflow:hidden;padding:15px 15px 15px 20px;display:flex;align-items:center;background-color:#fef0f0;border:1px solid #fde2e2;color:#f56c6c}.wssocket_close p{padding:0;margin:0;font-size:14px}.loadbox{position:fixed;background-color:rgba(0,0,0,.3);left:0;top:0;bottom:0;right:0;z-index:10000}.loadbox .box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ccc;padding:8px 20px;border-radius:5px;text-align:center}.server-card{display:flex;align-items:center;font-size:0}.server-card .image{width:40px}.server-card .image .card-img{max-width:100%}.server-card .detail{margin-left:6px}.server-card .detail .title{font-size:15px}.server-card .detail .desc{font-size:12px;color:#666}.apps.style1{width:100%;height:100vh;background-color:#87ceeb;background-repeat:no-repeat;background-size:100% 100%}.style1 .login-container{width:400px;margin:0 auto;padding-top:150px}.style1 .login-content{background:#fff;border-radius:2px;padding:20px}.style1 .login-header{background:#fff;width:94px;height:96px;background-color:#07beff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;margin:-70px auto 0;padding:3px;overflow:hidden}.style1 .login-header img{width:94px;height:94px;border-radius:50%}.style1 .login-header .loading{color:#fff;font-size:14px}.style1 .form-container{width:100%}.style1 .form-container .form-toggle{box-sizing:border-box;margin:0;padding:0;font-size:14px;display:inline-block;line-height:50px;cursor:pointer;color:#444;width:50%;text-align:center}.style1 .form-container .form-toggle.active{color:#06f;border-bottom:3px solid #06f;font-weight:700;font-size:16px}.style1 .form-container .form-group{margin:0 0 24px 0}.style1 .form-container .form-control{height:40px;font-size:14px;box-sizing:border-box;display:block;width:100%;padding:6px 12px;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.08);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.style1 .form-container .form-control:focus{border-color:#06f;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(58,134,248,.6)}.style1 .form-container .zwf{height:40px}.style1 .form-container .agree-label{box-sizing:border-box;margin:0;padding:0;font-size:14px;display:inline-block;line-height:40px;cursor:pointer;color:#666;font-weight:400}.style1 .form-container .agree-label span{margin-left:5px}.style1 .form-container .agree-a{color:#06f;cursor:pointer;font-size:14px}.style1 .form-container .btn{padding:9px 12px;font-size:16px;background-color:#06f;color:#fff;border:none;outline:none;cursor:pointer;width:100%;border-radius:4px}.apps.style2{width:100%;height:100vh;background-color:#87ceeb;background-repeat:no-repeat;background-size:100% 100%;background-image:url(../img/style1.bc3d32a6.svg);background-color:transparent}.style2 .login-container{width:740px;margin:0 auto;padding-top:230px}.style2 .login-content{display:flex;background-color:hsla(0,0%,100%,.3);box-shadow:0 0 20px rgba(0,0,0,.08);padding:20px}.style2 .login-header{background:#fff;width:300px;height:auto;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;margin:auto;padding:0;overflow:hidden;border-radius:unset;background-color:transparent}.style2 .login-header img{max-width:260px;max-height:260px;border-radius:unset;width:auto;height:auto}.style2 .login-header .loading{background-color:#07beff;color:#fff;padding:27px 12px;font-size:14px}.style2 .form-container{width:400px}.style2 .form-container .form-toggle{box-sizing:border-box;margin:0;padding:0;font-size:14px;display:inline-block;line-height:50px;cursor:pointer;color:#444;width:50%;text-align:center}.style2 .form-container .form-toggle.active{color:#07beff;border-bottom-color:#07beff;border-bottom:3px solid #07beff;font-weight:700;font-size:16px}.style2 .form-container .form-group{margin:0 0 24px 0}.style2 .form-container .form-control{height:40px;font-size:14px;box-sizing:border-box;display:block;width:100%;padding:6px 12px;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.08);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.style2 .form-container .form-control:focus{border-color:#07beff;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(58,134,248,.6)}.style2 .form-container .zwf{height:40px}.style2 .form-container .agree-label{box-sizing:border-box;margin:0;padding:0;font-size:14px;display:inline-block;line-height:40px;cursor:pointer;color:#666;font-weight:400}.style2 .form-container .agree-label span{margin-left:5px}.style2 .form-container .agree-a{color:#07beff;cursor:pointer;font-size:14px}.style2 .form-container .agree-label input[type=checkbox]{margin:0;cursor:pointer;position:relative;width:16px;height:16px;font-size:14px;vertical-align:middle;border-color:#ccc}.style2 .form-container .agree-label input[type=checkbox]:after{position:absolute;top:0;color:#000;width:16px;height:16px;display:inline-block;visibility:visible;padding-left:0;text-align:center;content:" ";border-radius:3px}.style2 .form-container .agree-label input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;background-color:#07beff}.style2 .form-container .btn{padding:9px 12px;font-size:16px;background-color:#07beff;color:#fff;border:none;outline:none;cursor:pointer;width:100%;border-radius:4px}.apps.style3{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(to top left,#adc9e4,#70a9e0,#1e90ff);overflow:hidden}.style3 .login-container{width:450px;margin:0 auto;padding-top:0;position:relative;z-index:1001}.style3 .login-content{background-color:rgba(0,0,0,.4);border-radius:4px;padding:20px}.style3 .login-header{width:94px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;margin:0 auto;overflow:hidden}.style3 .login-header img{width:94px;height:94px;border-radius:50%}.style3 .login-header .loading{background-color:#07beff;color:#fff;padding:27px 12px;font-size:14px}.style3 .form-container{width:100%;padding-top:20px}.style3 .form-container .form-toggle{box-sizing:border-box;margin:0;padding:0;font-size:14px;display:inline-block;line-height:50px;cursor:pointer;color:#fff;width:50%;text-align:center;overflow:hidden}.style3 .form-container .form-toggle.active{border:none;outline:none;color:#fff;z-index:1;border-radius:4px;position:relative}.style3 .form-container .form-toggle.active:before{content:"";position:absolute;background-color:#fff;width:60%;height:100%;z-index:-2;left:50%;top:50%;transform-origin:0 0;animation:rotate 3s linear infinite}.style3 .form-container .form-toggle.active:after{content:"";position:absolute;background-color:#1e90ff;width:calc(100% - 2px);height:calc(100% - 2px);top:1px;left:1px;border-radius:4px;z-index:-1}@keyframes rotate{to{transform:rotate(1turn)}}.style3 .form-container .form-group{margin:0 0 24px 0}.style3 .form-container .form-control{height:40px;font-size:14px;box-sizing:border-box;display:block;width:100%;padding:6px 12px;color:#fff;background-color:unset;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.08);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.style3 .form-container .form-control::-webkit-input-placeholder{color:#ccc}.style3 .form-container .form-control:-moz-placeholder,.style3 .form-container .form-control::-moz-placeholder{color:#ccc}.style3 .form-container .form-control:-ms-input-placeholder{color:#ccc}.style3 .form-container .form-control:focus{border-color:#fff;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(58,134,248,.6)}.style3 .form-container .zwf{height:40px}.style3 .form-container .agree-label{box-sizing:border-box;margin:0;padding:0;font-size:14px;display:inline-block;line-height:40px;cursor:pointer;color:#fff;font-weight:400}.style3 .form-container .agree-label span{margin-left:5px}.style3 .form-container .agree-a{color:#1e90ff;cursor:pointer;font-size:14px}.style3 .form-container .btn{padding:9px 12px;font-size:16px;background-color:#1e90ff;color:#fff;border:none;outline:none;cursor:pointer;width:100%;border-radius:4px}.style3 .bg-squares{list-style:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;margin:0;padding:0;box-sizing:border-box}.style3 .bg-squares li{width:40px;height:40px;background-color:hsla(0,0%,100%,.15);position:absolute;bottom:-160px;animation:square 20s linear infinite}.style3 .bg-squares li:first-child{left:10%}.style3 .bg-squares li:nth-child(2){left:20%;width:80px;height:80px;animation-delay:2s;animation-duration:17s}.style3 .bg-squares li:nth-child(3){left:25%;animation-delay:4s}.style3 .bg-squares li:nth-child(4){left:40%;width:60px;height:60px;background-color:hsla(0,0%,100%,.25);animation-duration:22s}.style3 .bg-squares li:nth-child(5){left:70%}.style3 .bg-squares li:nth-child(6){left:80%;width:120px;height:120px;background-color:hsla(0,0%,100%,.2);animation-delay:3s}.style3 .bg-squares li:nth-child(7){left:32%;width:160px;height:160px;animation-delay:7s}.style3 .bg-squares li:nth-child(8){left:55%;width:20px;height:20px;animation-delay:15s;animation-duration:40s}.style3 .bg-squares li:nth-child(9){left:25%;width:10px;height:10px;background-color:hsla(0,0%,100%,.3);animation-delay:2s;animation-duration:40s}.style3 .bg-squares li:nth-child(10){left:90%;width:160px;height:160px;animation-delay:11s}@keyframes square{0%{transform:translateY(0)}to{transform:translateY(-120vh) rotate(600deg)}}