.designs-index_box .general-data{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.designs-index_box .category-navigation,.designs-index_box .general-data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.designs-index_box .category-navigation{background-color:#fff;padding:20px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.designs-index_box .category-navigation .navigation-head{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}.designs-index_box .category-navigation .navigation-head .navigation-title{font-size:20px;font-weight:600;color:#333}.designs-index_box .category-navigation .navigation-head .navigation-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-left:20px}.designs-index_box .category-navigation .navigation-head .navigation-nav .navigation-nav_li{padding:0 16px;height:32px;line-height:32px;text-align:center;background:#f5f7fb;border-radius:16px;font-size:14px;color:#333;cursor:pointer;margin-left:15px}.designs-index_box .category-navigation .navigation-head .navigation-nav .navigation-nav_active{color:#1261ff}.designs-index_box .category-navigation .navigation-tabs{margin:0;margin-top:10px}.designs-index_box .category-navigation .navigation-tabs .el-tabs__header{margin:0}.designs-index_box .category-navigation .navigation-tabs .el-tabs__item{font-size:16px}.designs-index_box .category-navigation .navigation-tabs .el-tabs__item.is-active{color:#1261ff}.designs-index_box .category-navigation .navigation-tabs .el-tabs__active-bar{background-color:#1261ff}.designs-index_box .category-navigation .navigation-tabs .el-tabs__item:hover{color:#1261ff}.designs-index_box .category-navigation .navigation-flex{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.designs-index_box .category-navigation .navigation-flex,.designs-index_box .category-navigation .navigation-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row}.designs-index_box .category-navigation .navigation-list{flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:20px}.designs-index_box .category-navigation .navigation-list .navigation-list_gli{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;padding:10px 20px}.designs-index_box .category-navigation .navigation-list .navigation-list_gli .navigation-list_gt1{font-size:20px;color:#909399;font-weight:700}.designs-index_box .category-navigation .navigation-list .navigation-list_gli .navigation-list_gt2{font-size:11px;color:#a1a7b3;line-height:20px}.designs-index_box .category-card{width:386px;height:200px;background-image:url(https://diyapi.5ug.com/wwwroot/uploads/api/935-660-657/2022-09-21/632a882d813898ea7ae5eb02.png);background-size:100% 100%;margin-left:10px;padding:10px 10px 10px 20px}.designs-index_box .category-card .category-card_p1{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;margin-top:10px}.designs-index_box .category-card .category-card_p1 .category-card_icon{width:20px;height:20px;margin-right:5px}.designs-index_box .category-card .category-card_p1 .category-card_icon img{width:100%;height:100%}.designs-index_box .category-card .category-card_p1 .category-card_txt{font-size:14px;font-weight:600;color:#663409;line-height:20px}.designs-index_box .category-card .category-card_p2{margin-top:15px}.designs-index_box .category-card .category-card_p2 .category-card_intro{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;font-size:12px;color:#663409;font-weight:400;margin-top:8px}.designs-index_box .category-card .category-card_p2 .category-card_intro .card_intro-ig{width:20px;height:20px;margin-right:8px}.designs-index_box .category-card .category-card_p2 .category-card_intro .card_intro-ig img{width:100%;height:100%}.designs-index_box .category-card .category-card_p3{text-align:right}.designs-index_box .category-card .category-card_p3 .category-card_but{height:32px;background:#fff;border-radius:4px;font-size:14px;font-weight:600;color:#663409;line-height:32px;cursor:pointer;padding:0 10px;display:inline-block}.designs-index_box .category-card .category-card_p3 .category-card_but:hover{background:-webkit-gradient(linear,left top,right top,from(#ffe3bf),color-stop(100%,#e5b372),color-stop(0,#e5b372));background:linear-gradient(90deg,#ffe3bf,#e5b372 100%,#e5b372 0)}.designs-index_box .task-navitable{margin-top:20px}.designs-index_box .task-navitable .has-gutter th{background-color:#fafafa;font-size:12px;font-weight:400;padding:8px 0;border-bottom:none}.designs-index_box .task-navitable .task-navitable_img{width:90px;height:90px}.designs-index_box .task-navitable .task-navitable_img img{width:100%;height:100%;border-radius:0}.designs-index_box .task-navitable .task-navitable_conten .navitable_conten-t1{font-size:14px;color:#333}.designs-index_box .task-navitable .task-navitable_conten .navitable_conten-st1{margin-left:5px;background-color:#909399;font-size:10px;color:#fff;border-radius:3px;padding:2px 6px}.designs-index_box .task-navitable .task-navitable_conten .navitable_conten-t2{font-size:12px;color:#a3a6a3}.designs-index_box .task-navitable .task-navitable_conten .navitable_conten-t3{font-size:12px;color:#61636a;margin-top:6px}.designs-index_box .task-navitable .task-navitable_time1{font-size:13px;color:#909399}.designs-index_box .task-navitable .task-navitable_intro{font-size:12px;color:#1261ff}