/* basic */
.pop-wrap {position: fixed; width: 40%; left: 50%; margin-left: -20%;  height: 30%; top: 20%; display:none; overflow: auto;
/* decoration */
background:#f5f5f5;
padding: 15px;
box-sizing: border-box;
z-index:999;
}

#dimLayer {position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; display: none;  background:#141c23; opacity: 0.9; z-index:998;}

html.active-pop #pop-wrap{display:block;}
html.active-pop #dimLayer{display:block;}


.code-wrap{overflow: hidden;}
.code-wrap > div{float:left; width: 33%; padding: 10px;}
.code-wrap > div > h1{background: #f5f5f5; padding: 10px;}
.code-wrap > div > div > div{margin: 5px 0;}
.code-wrap > div > div > div > a{display: inline-block; padding: 5px 10px; background: #333; color:#fff;}