@charset "utf-8";
*{padding:0;margin:0;}
li{list-style:none;}
.clear{zoom:1;}
.clear:after{content:'\20';display:block;clear:both;}

/* formbox */
.formbox{width:350px;height:460px;padding:25px;margin:20px auto 0;background:url(images/dl_bg.gif) no-repeat;font-family:Microsoft YaHei;}
.formbox dt{font-size:22px;color:#6699cc;font-weight:bold;margin-bottom:10px;}
.formbox dd{width:350px;position:relative;margin-bottom:20px;}
.formbox dd h2{float:left;width:90px;padding-top:10px;color:#999999;font-size:14px;}

.text{border:none;width:340px;height:42px;line-height:42px;padding:0 10px;background:url(images/ico.gif) no-repeat;color:#777777;font-size:16px;font-weight:bold;}

.select_normal{background:url(images/ico.gif) no-repeat -199px -53px;position:absolute;top:2px;left:300px;width:50px;height:40px;cursor:pointer;}
.select_active{background:url(images/ico.gif) no-repeat -256px -53px;position:absolute;top:2px;left:300px;width:50px;height:40px;cursor:pointer;}

.area{width:300px;border:1px solid #bababa;background:#fff;position:absolute;top:42px;left:0;display:none;}
.area li{width:140px;line-height:30px;float:left;padding-left:10px;cursor:pointer;}
.area .active{background:#ffccff;}
.sex{float:left;width:83px;height:35px;background:url(images/ico.gif-) no-repeat 0 -53px;cursor:pointer;}
.sex li{float:left;width:41px;height:35px;}
.men_normal{background:url(images/ico.gif) no-repeat -92px -53px;}
.men_active{background:url(images/ico.gif) no-repeat 0 -53px;}
.woman_normal{background:url(images/ico.gif) no-repeat -42px -53px;}
.woman_active{background:url(images/ico.gif) no-repeat -134px -53px;}

.hobby{width:250px;overflow:hidden;}
.hobby li{float:left;width:52px;height:42px;line-height:42px;padding-left:30px;background:url(images/ico.gif) no-repeat -326px -50px; color:#666666;cursor:pointer;}
.hobby .active{background:url(images/ico.gif) no-repeat -70px -100px;}

.btn input{border:none;width:54px;height:43px;background:url(images/ico.gif) no-repeat 0 -100px;color:#fff;font-family:Microsoft YaHei;font-weight:bold;}