.img-avatar1{background:#0c84e4;display:inline-block!important;width:64px;height:64px;line-height:64px;text-align:center;vertical-align:middle;color:#fff}.index-banner .api-banner{width:1200px;margin:0 auto;padding-top:60px}.index-banner .api-banner h2{font-size:50px;font-weight:700;color:#fff}.index-banner .api-banner p{color:#fff}.api-store .api-bor{width:1200px;margin:0 auto}.search{height:90px;width:100%;z-index:1000!important}.search .right-b{width:768px;height:115px;float:right;padding-left:116px}.search .right-b .search-btn{margin-top:37px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.search .right-b .search-btn input{border:2px solid #5490ff;display:inline-block;width:550px;height:40px;line-height:1.5;padding:4px 7px;font-size:12px;border-radius:4px 0 0 4px;color:#59607c;background-color:#fff;background-image:none;position:relative;cursor:text;-webkit-transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;transition:border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;vertical-align:middle;border-right:none}.search .right-b .search-btn .input-button{width:101px;height:40px;background:#5490ff;border:none;border-radius:0 4px 4px 0;font-size:14px;color:#fff}.api-type{text-align:left;padding:25px;background:#fff;border-radius:4px}.vertical-center{width:1200px;margin:0 auto;min-width:1200px}::v-deep p{margin:0!important}::v-deep .el-aside{border-right:0;margin-top:20px}.listWrapper{padding:20px 0}.empty_text{line-height:50px;font-size:12px;color:#666;text-align:center;-webkit-box-shadow:0 8px 20px 0 rgba(154,154,178,.2);box-shadow:0 8px 20px 0 rgba(154,154,178,.2);margin:0 20px 20px 20px}.empty_text,.list{border-radius:12px}.list{-webkit-box-shadow:0 8px 15px 0 rgba(154,154,178,.2);box-shadow:0 8px 15px 0 rgba(154,154,178,.2);margin:0 0 20px 20px;padding:20px 30px;background-color:#fff;width:calc(30% + 5px);cursor:pointer}.list:nth-of-type(4n){margin-right:0}.list:hover{background-color:rgba(0,138,255,.05)}.info{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.info .tableIcon{width:20px;height:20px;border-radius:20px;text-align:center;margin-right:8px}.info .tableIcon i{font-size:10px;color:#fff}.name{color:#333;font-size:14px;line-height:20px;-webkit-box-flex:1;-ms-flex:1;flex:1}.time{font-size:12px;color:#a6b1c2}.detail{margin-top:20px}.detail .title{font-size:13px;display:block;width:100%;margin-bottom:10px}.detail .title label{color:#a6b1c2}.detail .title .online1,.detail .title .online2{display:inline-block;width:50px;line-height:16px;font-size:12px;border-radius:3px;text-indent:5px}.detail .title .online2:before{content:"\e8e8";margin-right:3px;font-size:14px}.detail .title .online1{border:1px solid #008aff;background-color:rgba(0,138,255,.05);color:#008aff}.detail .title .online2{border:1px solid #ffae0d;background-color:rgba(255,174,13,.05);color:#ffae0d}.content{display:-webkit-box;display:-ms-flexbox;display:flex}.content .name{width:280px}.content .name p{font-size:16px;color:#283045}.content .name .comment{font-size:12px;line-height:30px;color:#999}.content .name label{font-size:13px;color:#a6b1c2;line-height:25px}.content .title{color:#a6b1c2;font-size:13px;padding:5px 10px;text-align:center;width:140px}.content .title p{color:#283045;font-size:14px;margin:20px 0 10px 0;text-align:center}.data_directory{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%}.data_directory .right_content{-webkit-box-flex:1;-ms-flex:1;flex:1}.data_directory .right_content .card{overflow:hidden;-webkit-box-shadow:0 8px 18px 0 rgba(189,206,230,.2);box-shadow:0 8px 18px 0 rgba(189,206,230,.2);border-radius:12px;margin:20px;position:relative;margin-bottom:20px;background-color:#fff}.data_directory .right_content .filter{background-color:#fff;margin:20px 30px;border-radius:4px;-webkit-box-shadow:30px 22px 34px 0 rgba(0,16,34,.13);box-shadow:30px 22px 34px 0 rgba(0,16,34,.13)}.data_directory .right_content .title_select{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 20px 0 20px;padding-top:0}.data_directory .right_content .title_select .titleTotal{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#07f;line-height:24px;font-size:14px;margin:0}.data_directory .right_content .title_select .select{display:-webkit-box;display:-ms-flexbox;display:flex}.data_directory .right_content .title_select .select p{margin:0 5px;font-size:12px;line-height:24px;border-radius:20px;color:#a6b1c2;text-align:center;width:90px}.data_directory .right_content .title_select .select p i{color:#fafcff}.data_directory .right_content .title_select .select p i:hover{background-color:#eee}.data_directory .right_content .title_select .select p i:hover i{color:#a6b1c2}.data_directory .right_content .title_select .select .active{color:#fff;background-color:#008aff}.data_directory .right_content .title_select .select .active i{color:#fff}.data_directory .right_content .title_select .select .active i:hover{background-color:#008aff}.data_directory .right_content .title_select .select .active i:hover i{color:#fff}.data_directory .right_content .title_select .el-input__inner{color:#999;border-radius:50px}.data_directory .right_content .title_select .el-select .el-input .el-select__caret{color:#047fff}