.app-wrapper{position:relative;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;background-color:#f2f3f8}.app-wrapper:after{content:"";display:table;clear:both}.app-wrapper .app-header{padding-right:0}.app-wrapper .app-nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-wrapper .app-nav .app-nav_left{-webkit-box-flex:1;-ms-flex:1;flex:1}.app-wrapper .top-button{float:right;text-align:right;height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-wrapper .top-button .full_screen{margin-right:5px;cursor:pointer}.app-wrapper .top-button .full_screen svg{width:25px;height:25px}.app-wrapper .top-button button{height:55px;border:0}.app-wrapper .top-right{float:right;right:0;text-align:right;width:268px;margin-right:0}.app-wrapper .top-right .back_to_diy{background-color:#716aca;color:#fff!important;padding:15px 30px;font-size:16px;border-radius:0;float:right;height:55px;width:270px;text-align:center}.app-wrapper .top-right .el-button-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-wrapper .top-right button{-webkit-box-flex:1;-ms-flex:1;flex:1;border:0;height:55px;border-radius:0}.app-wrapper .top-right button:first-child{border-left:1px solid #dcdfe6}.app-wrapper .operation-navigation{width:100%;height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-wrapper .operation-navigation .operation-navigation_title{font-size:12px;font-weight:400;padding:0 10px;color:#e5e5e5}.app-wrapper .operation-navigation .operation-navigation_title .themeRoute{color:#a160e6}.app-wrapper .operation-navigation .operation-navigation_ul{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.app-wrapper .operation-navigation .operation-navigation_ul .operation-navigation_uxbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-wrapper .operation-navigation .operation-navigation_ul .operation-navigation_uxbox .operation-navili{padding:0 12px;cursor:pointer}.app-wrapper .operation-navigation .operation-navigation_ul .operation-navigation_uxbox .operation-navili .navigation_left{text-align:center}.app-wrapper .operation-navigation .operation-navigation_ul .operation-navigation_uxbox .operation-navili .navigation_left i{font-size:17px;margin-left:0;color:#000}.app-wrapper .operation-navigation .operation-navigation_ul .operation-navigation_uxbox .operation-navili .navigation_title{font-size:12px;text-align:center;color:#303133;margin-top:3px;font-weight:500}.app-wrapper .operation-navigation .operation-navigation_ul .operation-navigation_uxbox .operation-navili .el-icon-arrow-down{display:none}.app-wrapper .operation-navigation .operation-navigation_ul .operation-navigation_uxbox .operation-navili:hover .navigation_left i,.app-wrapper .operation-navigation .operation-navigation_ul .operation-navigation_uxbox .operation-navili:hover .navigation_title{color:#5867dd}.app-wrapper .operation-navigation .operation-navigation_ul .operation-navigation_uxbox .li-menu_box .el-submenu{padding:0}.app-wrapper .master-mask{height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:10px}.app-wrapper .master-mask .master-mask_title{font-size:12px}.app-wrapper .master-mask .master-mask_select{margin-left:10px}.app-wrapper .master-mask .master-mask_select .el-input__inner{height:35px;line-height:35px;font-size:12px}.app-wrapper .master-mask .master-mask_select .el-input__suffix-inner{position:absolute;right:0;top:-2px}.app-wrapper .master-mask .master-mask_select .el-select{width:130px}.app-wrapper .page_cloud-box .masking{top:0}.zk-main{position:relative;padding:0;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;-webkit-transition:margin .3s;transition:margin .3s}.zk-main .content-right{border-left:1px solid #dcdfe6;position:absolute;top:1px;right:-4px;bottom:0;overflow:auto}.zk-main .content-right .content-right_graph{width:268px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.zk-main .content-right .content-right_graph .content-right_grimg{width:230px;height:230px}.zk-main .content-right .content-right_graph .content-right_grbut{background-color:#3091f2;font-size:14px;color:#fff;width:160px;text-align:center;height:40px;line-height:40px;border-radius:40px;cursor:pointer}.zk-main .content-right .content-right_head{padding:8px 15px;font-size:14px;color:#606266;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e5e5e5}.zk-main .content-right .content-right_head i{font-size:18px;margin-right:10px}.zk-main .content-right .content-right_buts{margin-left:108px;margin-top:10px;background-color:red;font-size:12px;color:#fff;border-radius:4px;display:inline-block;padding:6px 10px;cursor:pointer}.zk-main_pactive{margin-left:360px}.main-content{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.main-content .main-operating-cul{width:142px;border:1px solid #e5e5e5;position:absolute;top:26px;left:50%;margin-left:-348px;background-color:#fff;border-radius:6px;overflow:hidden}.main-content .main-operating-cul .main-operating-head{height:40px;line-height:40px;font-size:12px;color:#fff;background-color:#716aca;text-align:left;padding:0 10px}.main-content .main-operating-cul .main-operating-dul .main-operating-cxk{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.main-content .main-operating-cul .main-operating-dul .main-operating-li{cursor:pointer;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:6px 0}.main-content .main-operating-cul .main-operating-dul .main-operating-li .main-operating-img{width:25px;height:25px}.main-content .main-operating-cul .main-operating-dul .main-operating-li .main-operating-txt{font-size:13px;color:#758690;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main-content .main-operating-cul .main-operating-dul .main-operating-li:nth-child(2n){border-right:none}.main-content .main-operating-cul .main-operating-dul .main-operating-li:hover{background-color:rgba(117,177,255,.3)}.main-content .innerbox-tabs{height:420px;border-top-right-radius:10px;border-bottom-right-radius:10px;width:70px;min-height:0;overflow-y:auto;font-size:12px;background-color:#fff;position:absolute;top:20px;left:50%;margin-left:196px}.main-content .innerbox-tabs .innerbox-tabs-title{font-size:16px;color:#000;line-height:40px;border-bottom:1px solid #f1f1f1}.main-content .innerbox-tabs .innerbox-tabs-txt{font-size:13px;color:#333;cursor:pointer;line-height:30px}.main-content .innerbox-tabs .innerbox-tabs-txt:hover{color:#a160e6}.main-content .innerbox-tabs .innerbox-tabs-active{color:#a160e6;font-size:16px}.main-content .innerbox-tabs .innerbox-tabs-disable{color:#c0c4cc}.main-content .content-left-clienttype___0{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;position:absolute;left:55px;bottom:0;top:0;right:265px}.main-content .content-phone_0{position:absolute;width:100%;height:100%;font-size:12px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.main-content .content-phone_0 .innerbox-phone{position:absolute;width:100%;top:0;bottom:0}.main-content .content-phone_0 .innerbox-phone .show-iframe{overflow-x:hidden;overflow-y:auto;width:100%;height:100%}.main-content .content-left-clienttype___1{text-align:center;margin-right:272px}.main-content .content-phone_1{position:absolute;width:100%;height:100%;font-size:12px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.main-content .content-phone_1 .innerbox-phone{position:absolute;width:100%;height:512px}.main-content .content-phone_1 .innerbox-phone .show-iframe{overflow-x:hidden;overflow-y:auto;width:100%;height:100%}.main-content .content-left-clienttype___2,.main-content .content-left-clienttype___3,.main-content .content-left-clienttype___6{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;position:relative;margin-right:272px;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main-content .content-left-clienttype___2 .content-phone_2,.main-content .content-left-clienttype___3 .content-phone_2,.main-content .content-left-clienttype___6 .content-phone_2{background:url(../img/mobile_phone_shell.22ca5763.png) no-repeat}.main-content .content-left-clienttype___2 .content-phone_3,.main-content .content-left-clienttype___3 .content-phone_3,.main-content .content-left-clienttype___6 .content-phone_3{background:url(../img/iphone8.a7bfb991.png) no-repeat}.main-content .content-left-clienttype___2 .content-phone_6,.main-content .content-left-clienttype___3 .content-phone_6,.main-content .content-left-clienttype___6 .content-phone_6{background:url(../img/phonex_min.1ae693e8.png) no-repeat}.main-content .content-left-clienttype___2 .content-box_2,.main-content .content-left-clienttype___2 .content-box_3,.main-content .content-left-clienttype___2 .content-box_6,.main-content .content-left-clienttype___3 .content-box_2,.main-content .content-left-clienttype___3 .content-box_3,.main-content .content-left-clienttype___3 .content-box_6,.main-content .content-left-clienttype___6 .content-box_2,.main-content .content-left-clienttype___6 .content-box_3,.main-content .content-left-clienttype___6 .content-box_6{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.main-content .content-left-clienttype___2 .content-phone_2,.main-content .content-left-clienttype___2 .content-phone_3,.main-content .content-left-clienttype___2 .content-phone_6,.main-content .content-left-clienttype___3 .content-phone_2,.main-content .content-left-clienttype___3 .content-phone_3,.main-content .content-left-clienttype___3 .content-phone_6,.main-content .content-left-clienttype___6 .content-phone_2,.main-content .content-left-clienttype___6 .content-phone_3,.main-content .content-left-clienttype___6 .content-phone_6{border-top-width:30px;background-position:top;background-color:#f2f3f8;background-origin:content-box;background-position:50%;background-size:390px 790px;height:790px;width:390px}.main-content .content-left-clienttype___2 .content-phone_2 .innerbox-phone .innerbox-min,.main-content .content-left-clienttype___3 .content-phone_2 .innerbox-phone .innerbox-min,.main-content .content-left-clienttype___6 .content-phone_2 .innerbox-phone .innerbox-min{display:none}.main-content .content-left-clienttype___2 .content-phone_2 .innerbox-phone .show-iframe,.main-content .content-left-clienttype___3 .content-phone_2 .innerbox-phone .show-iframe,.main-content .content-left-clienttype___6 .content-phone_2 .innerbox-phone .show-iframe{width:340px;overflow-x:hidden;margin-top:50px;height:718px;margin-right:-1px;overflow-y:auto;border-bottom-left-radius:38px;border-bottom-right-radius:38px}.main-content .content-left-clienttype___2 .content-phone_3 .innerbox-phone,.main-content .content-left-clienttype___3 .content-phone_3 .innerbox-phone,.main-content .content-left-clienttype___6 .content-phone_3 .innerbox-phone{padding-top:108px}.main-content .content-left-clienttype___2 .content-phone_3 .innerbox-phone .innerbox-min,.main-content .content-left-clienttype___3 .content-phone_3 .innerbox-phone .innerbox-min,.main-content .content-left-clienttype___6 .content-phone_3 .innerbox-phone .innerbox-min{width:340px;height:45px;text-align:center;line-height:45px;position:relative;margin:0 auto}.main-content .content-left-clienttype___2 .content-phone_3 .innerbox-phone .innerbox-min .innerbox-min_img,.main-content .content-left-clienttype___3 .content-phone_3 .innerbox-phone .innerbox-min .innerbox-min_img,.main-content .content-left-clienttype___6 .content-phone_3 .innerbox-phone .innerbox-min .innerbox-min_img{width:80px;height:30px;background:rgba(84,72,72,.4);border-radius:30px;position:absolute;top:7px;right:10px}.main-content .content-left-clienttype___2 .content-phone_3 .innerbox-phone .innerbox-min .innerbox-min_img img,.main-content .content-left-clienttype___3 .content-phone_3 .innerbox-phone .innerbox-min .innerbox-min_img img,.main-content .content-left-clienttype___6 .content-phone_3 .innerbox-phone .innerbox-min .innerbox-min_img img{width:100%;height:100%}.main-content .content-left-clienttype___2 .content-phone_3 .innerbox-phone .show-iframe,.main-content .content-left-clienttype___3 .content-phone_3 .innerbox-phone .show-iframe,.main-content .content-left-clienttype___6 .content-phone_3 .innerbox-phone .show-iframe{width:338px;overflow-x:hidden;height:534px;margin-right:-1px;overflow-y:auto}.main-content .content-left-clienttype___2 .content-phone_6 .innerbox-phone,.main-content .content-left-clienttype___3 .content-phone_6 .innerbox-phone,.main-content .content-left-clienttype___6 .content-phone_6 .innerbox-phone{padding-top:60px}.main-content .content-left-clienttype___2 .content-phone_6 .innerbox-phone .innerbox-min,.main-content .content-left-clienttype___3 .content-phone_6 .innerbox-phone .innerbox-min,.main-content .content-left-clienttype___6 .content-phone_6 .innerbox-phone .innerbox-min{width:340px;height:45px;text-align:center;line-height:45px;position:relative;margin:0 auto}.main-content .content-left-clienttype___2 .content-phone_6 .innerbox-phone .innerbox-min .innerbox-min_img,.main-content .content-left-clienttype___3 .content-phone_6 .innerbox-phone .innerbox-min .innerbox-min_img,.main-content .content-left-clienttype___6 .content-phone_6 .innerbox-phone .innerbox-min .innerbox-min_img{width:80px;height:30px;background:rgba(84,72,72,.4);border-radius:30px;position:absolute;top:7px;right:10px}.main-content .content-left-clienttype___2 .content-phone_6 .innerbox-phone .innerbox-min .innerbox-min_img img,.main-content .content-left-clienttype___3 .content-phone_6 .innerbox-phone .innerbox-min .innerbox-min_img img,.main-content .content-left-clienttype___6 .content-phone_6 .innerbox-phone .innerbox-min .innerbox-min_img img{width:100%;height:100%}.main-content .content-left-clienttype___2 .content-phone_6 .innerbox-phone .show-iframe,.main-content .content-left-clienttype___3 .content-phone_6 .innerbox-phone .show-iframe,.main-content .content-left-clienttype___6 .content-phone_6 .innerbox-phone .show-iframe{width:348px;overflow-x:hidden;height:622px;margin-right:-1px;overflow-y:auto}.main-content .content-left-clienttype___1{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;position:relative;overflow:auto;margin-left:55px}.main-content .content-left-clienttype___1 .pc_bg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1300px;height:780px;background:url(../img/pc2.51f78a51.png) no-repeat;background-size:100% 100%}.main-content .content-left-clienttype___1 .pc_bg .show-iframe{position:absolute;top:57px;left:71px;width:1156px;height:592px}.main-content .info-error{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:280px;margin-left:65px;margin-top:10px;margin-bottom:10px;height:854px;background:url(../img/info-error.c54becda.jpg) no-repeat;background-size:100% 100%}.main-content .content-right{position:absolute!important;top:2px;right:0;margin-left:-1px;background-color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,.1);box-shadow:0 1px 15px 1px rgba(69,65,78,.1);position:relative;z-index:10;background:#fff}.main-content .content-right .right-box{height:100%;margin-top:0;overflow:hidden}.main-content .content-right .right-box .el-tabs__item{padding:0}.main-content .content-right .showed{display:none}.main-content .content-previewt{position:fixed;right:268px;top:50%;z-index:9;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:14px;color:#6db3f6;background-color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;letter-spacing:8px;padding:16px 6px 8px 6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:-1px 0 0 1px rgba(0,0,0,.03);box-shadow:-1px 0 0 1px rgba(0,0,0,.03)}.entire-set{position:fixed;top:55px;right:266px;min-width:400px;min-height:500px;background:#fff;-webkit-box-shadow:0 1px 15px 1px rgba(69,65,78,.1);box-shadow:0 1px 15px 1px rgba(69,65,78,.1)}.entire-set .page_setting{padding:20px 50px;display:-webkit-box;display:-ms-flexbox;display:flex}.entire-set .page_setting .past-records{width:140px}.entire-set .page_setting .past-records .past-records_title{font-size:14px;color:#606266;line-height:44px;padding-left:12px;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;border-bottom:1px solid #e5e5e5}.entire-set .page_setting .past-records .past-records_content ul{margin-top:20px}.entire-set .page_setting .past-records .past-records_content ul .content-item{height:30px;line-height:30px;padding-left:12px;font-size:14px;color:#606266;font-weight:700;cursor:pointer}.entire-set .page_setting .entire-set-box{width:300px;border-right:1px solid #e5e5e5}.entire-set .page_setting .entire-set-box .main-item{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #eee;margin-bottom:20px;position:relative}.entire-set .page_setting .entire-set-box .main-item .main-item_title{width:60px;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700}.entire-set .page_setting .entire-set-box .minor-item{border-bottom:1px solid #eee}.entire-set .page_setting .entire-set-box .minor-item .minor-item_title{width:92px;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700}.entire-set .page_setting .entire-set-box .minor-item .minor-item_content-box ul .content-tiem{float:left;width:50%;height:40px;line-height:40px;padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex}.entire-set .page_setting .entire-set-box .minor-item .minor-item_content-box ul .content-tiem .content-tiem-left{width:70px;font-size:14px;color:#606266;font-weight:700;padding-right:10px}.entire-set .page_setting .entire-set-box .minor-item .minor-item_content-box ul:after{content:"";display:block;clear:both}.entire-set .page_setting .entire-set-box .minor-btn{text-align:right;margin-top:20px;padding-right:20px}iframe{font-size:12px}iframe diy{position:relative}iframe .diy_box{position:absolute;width:500px;height:500px;z-index:99999;outline:1px solid #4aa3cc;background:rgba(192,222,237,.5)}iframe .diy_box .diy_box-item{position:absolute;right:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex}iframe .diy_box .diy_box-item li{background:#666;border-right:1px solid #000;font-size:10px;color:#fff;padding:2px 5px;cursor:pointer}.iconwith{width:14px!important}.iconfontcolor{font-size:14px;vertical-align:0;margin-right:5px}.dropdown_btn{width:135px;height:57px}.dropdown_btn button:first-child{width:110px;padding:12px 26px}.dropdown_btn .el-button-group .el-button:last-child{width:20px}.dropdown_btn .el-dropdown__icon{margin:0}.principal_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sidebar_box{-webkit-box-flex:1;-ms-flex:1;flex:1}.router_box{height:100%}.el-menu-demo .el-menu-item{padding:0}.el-menu-demo .el-menu-item a{display:block;padding:0 20px}.iframe-pc_box{position:absolute;left:55px;right:265px;top:0;bottom:0;background:#fff;margin:5px;overflow:hidden;height:100%}.iframe-pc_box .show-iframe,.iframe-pc_box iframe{width:100%;height:100%}.iframe-pc_box iframe .diy-wrap{margin:0;padding:0}.el-menu--horizontal>.el-submenu .el-submenu__title{height:60px;line-height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:16px}.el-submenu__title{padding:0}.submenu-box{position:relative}.submenu-box .submenu-box_icon{text-align:center}.submenu-box .submenu-box_icon i{font-size:17px;margin-left:0;color:#000}.submenu-box .submenu-box_icon .iconfontcolor{margin-right:0}.submenu-box .submenu-box_text{font-size:12px;text-align:center;color:#303133;margin-top:3px;font-weight:500}.submenu-box .submenu-box_span{position:absolute}.submenu-box .submenu-box_span i{font-size:12px;color:#909399}