@charset "utf-8";
*{padding:0;margin:0;list-style-type:none;}

body{background:#3a6ea5 url(images/desktop.png) no-repeat 0px 10px;}
#qq{width:340px;height:250px;background:url(images/bg.png);position:absolute;top:50%;left:50%;margin:-125px 0 0 -170px;}

#qq .input{position:absolute;top:110px;left:67px;}
#qq .input .pic{float:left;}
#qq .input p{float:left;padding-left:3px;}

#qq .input .link, #qq .input .active, #qq .input .hover{width:23px;height:22px;cursor:pointer ;float:left;position:relative;top:-1px;right:-1px;}
#qq .input .link{background:url(images/btn.gif) no-repeat 0px -22px;}
#qq .input .active{background:url(images/btn.gif) no-repeat 0px 0px;}
#qq .input .hover{background:url(images/btn.gif) no-repeat 0px -44px;}

#qq ul{width:182px;padding:1px;background:#fff;border:1px solid #0093d1;position:absolute;top:133px;left:65px;display:none;}
#qq li{width:182px;display:inline-block;margin-bottom:1px;float:left;list-style:none;}
#qq ul .pic{float:left;}
#qq ul p{float:left;font-size:12px;padding-left:3px;font-family:arial;}

.bg{background:url(images/li_bg.gif) repeat-x 0 bottom;}
.bg .number{display:block;}

#qq ul p span{display:block;}
#qq .number{display:none;color:#fff;}

#qq input{width:136px;font-size:12px;color:#000;height:20px;line-height:20px;border:none;background:none;}