.Sketchtodescribe{width:100%;height:100%}.Sketch_div{width:100%;height:calc(100% - 60px)}.countdown{width:100%;height:60px;border-bottom:1px solid #cecece;box-sizing:border-box;padding:0 30px;display:flex;align-items:center}.count_span{font-size:16px;color:#333}.timer_s{color:#333;font-size:20px;font-family:FZCQ}.count_but{width:90px;height:30px;text-align:center;line-height:30px;color:#fff;font-size:14px;background:#54a9d8;border-radius:2px;border:none;cursor:pointer}.count_but:hover{background:#3798ce;border-color:#3798ce;color:#fff}.home{width:100%;height:100%}.sket_div{width:80%;margin:0 auto;position:relative}.sket_div,.sket_div_ul{display:flex;height:100%;justify-content:center;align-items:center}.sket_div_ul{width:100%;padding:20px 30px;box-sizing:border-box;flex-wrap:wrap}.sket_div_ul li{width:calc(25% - 30px);height:calc(50% - 20px);margin-right:30px;margin-bottom:20px;background-color:#f5f5f5;padding:10px;box-sizing:border-box;position:relative}.li_span_img:hover{opacity:1}.li_span_img{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity .3s;z-index:1}.li_span_img i{font-size:25px;cursor:pointer}.li_span_img:after{display:inline-block;content:"";height:100%;vertical-align:middle}.demo_span{width:100%;height:30px;text-align:center;line-height:30px;font-size:14px;color:#333;padding:0 20px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.con_ts_span{width:100%;height:100%;padding:20px}.con_ts_span,.con_ts_top{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.con_ts_top{width:80%;height:120px;background:#deeaf1;border:1px solid #b1bbc1;border-radius:8px}.ts_p_one i{font-size:20px;color:#d31a1a;font-weight:700;vertical-align:middle;margin-bottom:2px;margin-right:5px}.ts_p_one{font-size:17px;font-weight:700;color:#333}.ts_p_two{font-size:14px;margin-top:10px;line-height:1.5;color:#666}.con_ts_img{height:calc(100% - 150px);margin-top:25px;justify-content:center;align-items:center;max-height:100%}.con_ts_img,.topology{width:100%;display:flex}.topology{height:100%}.tools{flex-shrink:0;width:175px;background-color:#f8f8f8;border-right:1px solid #d9d9d9;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6ae3de #f0f3f6;overflow-X:hidden}.div_tooles{width:100%;height:calc(100% - 60px)}.button_divs{width:100%;height:50px;text-align:center;padding-top:11px;box-sizing:border-box}.title{color:#0d1a26;font-weight:600;font-size:12px;line-height:1;padding:5px 10px;margin-top:8px;border-bottom:1px solid #ddd}.buttons{padding:10px 0;box-sizing:border-box}.buttons a{display:inline-block;color:#314659;line-height:1;width:40px;height:40px;text-align:center;text-decoration:none!important;cursor:pointer}.buttons a:hover{color:#1890ff}.buttons .iconfont{font-size:24px}.full{flex:1;width:auto;position:relative;overflow:auto;background:#fff}.zdy_but{background:#32b4d5!important;border-color:#32b4d5!important}.zdy_but:hover{background-color:#3798ce!important;border-color:#3798ce!important}.caotu_img{text-align:center}.caotu_img img{max-width:100%}@media (max-width:1366px){.countdown{height:50px}.Sketch_div{height:calc(100% - 50px)}.sket_div{width:100%}}.sket_div_ul .el-image{width:100%;height:calc(100% - 30px)}.caotu_popup .el-dialog__footer,.caotu_popup .el-form{text-align:center}.caotu_popup .el-dialog__header{padding-top:10px;text-align:center;border-bottom:1px solid #dcdfe6;background:#4da3d2}.caotu_popup .el-dialog__body{background-color:#fff}.caotu_popup .el-dialog__title{font-size:16px;font-weight:700;color:#fff}.caotu_popup .el-dialog__headerbtn .el-dialog__close{color:#fff}.caotu_popup .el-dialog__headerbtn{top:15px}