/* 一级 */
body { background: #eee; padding: 0px; margin: 0px; max-width: 1024px; width:100%; }
ul { list-style-type: none; margin: 0; padding: 0; overflow:hidden; width: 100%; }
li { height: 48px; width: 100%; background: #fff; }
li:hover { background: #eee; }
p { width: 100px; }
span { display: inline-block; }
li a { display: block; text-decoration: none; width: 88%; margin: 0 auto; color: black; border-bottom: 1px solid #eee; height: 48px; }
li span:nth-child(1) { float: right; margin-top: 14px; margin-right:10px; opacity: 0.4;}
li span:nth-child(2) { margin-top: 14px; }
li span:nth-child(3) { float: right; margin-top: 6px; margin-right: 14px; opacity: 0.5; text-align: right; }


#contentframe { position: fixed; top: 0; width: 100%; height:100%; display:none; }
#content { width: 300px; background: #fff; z-index: 990; position: absolute; margin: 0 auto; top: 20%; right: 0; left: 0; overflow: hidden; border-radius: 1em; padding: 40px 20px; padding-bottom: 0px; }
#content #x { width: 36px; position: absolute; height: 40px; border-radius: 0 0 40px 40px; background: #d9edf7; top: 0; right: 10px; z-index: 1000; }
#content #x img { width: 36px; vertical-align: middle; color: black; margin-top: -10px; }
#content #title { position: absolute; top: 0; left: 0; right: 0; text-align: center; background:#1a98ff; color:#fff; }
#content div { border-bottom: 1px solid #eee; overflow: hidden; padding: 10px 0px; }
#content span:nth-child(2) { float: right; width: 190px; text-align: right; opacity: 0.5; }
#bg { background: black; width: 100%; height: 100%; opacity: 0.5; position: absolute; top: 0; }