body{margin:0 0;background:#CB8501}
#web{position: absolute; width: 1000px; height: 50px; line-height: 50px;margin-left:50%;left:-500px;color:#fff;background-color: #0396FF;text-align: center;}
#dq{position: absolute; width: 1000px; height: auto; margin-left:50%;left:-500px;word-wrap: break-word;top:50px;background-color: #003300;}
#dqn{float:left;width:50px;height:32px;line-height:32px;font-size:13px;color:#fff;background-color: #4C83FF;border-radius: 5px;box-shadow: 1px 2px #0396FF;margin-left:5px;margin-bottom:2px;margin-top:2px;cursor:pointer;text-align: center;}
#dqn:hover{background:#E80505;color:#ffff00;}

#list {position: absolute; width: 1000px; height: 700px;top:122px;margin-left:50%;left:-500px;background-color: #003300;}
#ul{width:1000px;height:auto;padding-left:30px;margin-top:5px;}
#pl{float:left; width:170px;height:24px;line-height:24px;cursor:pointer;margin-left:14px;margin-top:2px;color:#fff;}
#pl:hover{color:red;}

#player {position:fixed;width:1000px;height:50px;z-index: 10;margin-left:50%;left:-500px;bottom: 0;background-color: #0396FF;}
#tnt {position: absolute;width: 200;color:#fff;height:50px;margin-left:50%;left:-100px;padding-top:4px;z-index:999;bottom: 0;}
#tn {color:#fff;}