@charset "UTF-8";
html,body{ width:100%; height:100%; margin:0; padding:0; overflow: hidden; }
.marker{ position: fixed; top:30px; left:50px; }
.z_marker{ position: fixed; }

/* 滚动条 */
::-webkit-scrollbar { width: 12px;}
::-moz-scr
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
::-webkit-scrollbar-thumb { border-radius:10px; background: rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);}

.float_right{ float:right; }
.float_left{ float:left; }
.hidden_yes{ display: none;}

#myimage{ width:100%; cursor:pointer; position: absolute; top:0; left:0;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

.content{margin:0 auto;width:360px;}
.content p{margin:20px 0 0 0;border:solid 1px #C5D8FF;background:#EDF2FF;padding:10px;}

/*  主图的线条样式 */
.line{ cursor:pointer; border-radius:50%; overflow:hidden; position: absolute; }
.line_glitter{width:0; height:0; box-shadow:0 0 3px 1px rgba(255,255,255,.5); text-decoration: none; /*transition: all 700ms ease-in-out;*/}
.line_twinkle { transform: scale3d(1.2,1.5,1.5); }

.marker_twinkle{ opacity: 0.1; }

.item { width:200px; height:120px; line-height:120px; text-align:center; cursor:pointer; background:#ccc; z-index:90; position:absolute; top:300px; right:400px;}

/* 多边形 */
.rect{ border:1px solid red; background:rgba(128,128,128,.5); position:fixed; z-index:9;top:0; left:0; }
.circle{ border:1px solid red; border-radius: 50%; background:rgba(128,128,128,.5); position:fixed; z-index:9;top:0; left:0; }

.draw_polygon_box{width:3000px; height:3000px; position:fixed; top:0; left:0; z-index:77; }
.polygon_svg_box{position:fixed; top:0; left:0; z-index:77; }