.tem222-irregular{width:100%;user-select:none;}
.tem222-irregular img{width:100%;}
.tem222-irregular .con{position:relative;}
.tem222-irregular .tool .dian{position:absolute;top:40px;left:40px;cursor:pointer;border-color:#fff;}
.tem222-irregular .tool .dian .shi{position:absolute;top:10px;left:10px;display:block;border-color:#666;width:14px;height:14px;z-index:8;transition:.2s .3s;opacity:.8}
.tem222-irregular .tool .dian .shi:after{content:"";width:100%;height:0;border-bottom:2px solid;position:absolute;left:0px;top:50%;margin-top:-1px}
.tem222-irregular .tool .dian .shi:before{content:"";width:0;height:100%;border-right:2px solid;position:absolute;left:50%;top:0px;margin-left:-1px}
.tem222-irregular .tool .dian:nth-child(1){left:22.4468%;top:29.5892%;}
.tem222-irregular .tool .dian:nth-child(2){left:47.8723%;top:49.6599%;}
.tem222-irregular .tool .dian:nth-child(3){left:53.4026%;top:70.5782%;}
.tem222-irregular .tool .dian:nth-child(4){left:72.1277%;top:38.2653%;}
.tem222-irregular .tool .dian .dian2{box-shadow:0 0 12px rgba(122,122,122,.4);border-radius:50%;border:17px solid;border-color:inherit;transition:.2s .3s;opacity:.8}

.tem222-irregular .tool .dian .txt{position:absolute;top:-40px;width:200px;background-color:#fff;box-shadow:0 0 8px rgba(122,122,122,.2);padding:6px 10px;border-radius:4px;cursor:auto;left:-10px;visibility:hidden;opacity:0;transition:.4s .2s;transform:translateX(-20px);user-select:auto;}
.tem222-irregular .tool .dian:hover .txt{visibility:visible;opacity:1;transform:translateX(0);}
.tem222-irregular .tool .dian:hover .dian2{transform:scale(1.2);transition:.3s;opacity:1}
.tem222-irregular .tool .dian:hover .shi{transform:rotate(90deg);transition:.3s;opacity:1}
.designer-body .tem222-irregular .tool .dian .txt{visibility:visible;opacity:1;transform:translateX(0);transition:0s}
.designer-body .tem222-irregular .tool .dian{padding-right:200px;}
@media (max-width: 768px){
    .tem222-irregular .tool .dian{display:none;}
    .tem222-irregular .container{padding-left: 3%!important;padding-right: 3%!important}
    .tem222-irregular.full-screen-spacing .container{padding-left: 0%!important;padding-right: 0%!important}
}