/* ==全局CSS== */
*{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;} 
q:before,q:after{content:'';}
html,body{ width: 100%; height: 100%; font-size: 12px; font-family: Arial, SimSun; }
div, td { word-wrap: break-word; word-break: break-all; }

/* ==IE hack== */
.clearline{ clear:both;}
.hackbox{ display: table; }

/* ==外部框架== */
.container{ width: 950px; margin: 0 auto; }
.confix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* ==链接样式== */
a{ color:#434343; text-decoration: none; }
a:hover{ color:#F60; text-decoration: underline; }

/* ==头尾== 
.zt_head{ width: 950px; float: left; background: #C12E86; color: white;}
.zt_head a{ color: white; text-decoration:none;}
.zt_head a:hover{ color:#fff; text-decoration:underline;}
.zt_head ul{ width: 730px; float: left; list-style: none; height: 35px; }
.zt_head li{ float: left; border-right: 1px solid #DA82B6; margin: 10px 0 0 10px; display: inline; padding-right: 5px; }
.zt_head li.first{ border:none; margin:2px 0 0 10px;}
.zt_head li.end{ border: none; }
.zt_head span{ float: right; margin: 8px 10px 0 0; display: inline;}
.zt_head span strong{ font-weight: bolder; }

.zt_foot{ width: 950px; float: left; background: #C12E86; font-size: 12px; padding: 20px 0; text-align: center; line-height:2; color: #fff; }
.zt_foot a{ color: #fff; text-decoration: none; }
.zt_foot a:hover{ color: #fff; text-decoration: underline; }
*/


/* ==矩形边框== */
.l1{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #DDE0E6; margin: 0 5px;}
.l2{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #FFFFFF; border-right: 2px solid #DDE0E6; border-left: 2px solid #DDE0E6; margin: 0 3px;}
.l3{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #FFFFFF; border-right: 1px solid #DDE0E6; border-left: 1px solid #DDE0E6; margin: 0 2px;}
.l4{height: 2px; font-size: 1px; overflow: hidden; display: block; background: #FFFFFF; border-right: 1px solid #DDE0E6; border-left: 1px solid #DDE0E6; margin: 0 1px;}
.s1{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #EFE6D1; margin: 0 5px;}
.s2{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #FFFFFF; border-right: 2px solid #EFE6D1; border-left: 2px solid #EFE6D1; margin: 0 3px;}
.s3{height: 1px; font-size: 1px; overflow: hidden; display: block; background: #FFFFFF; border-right: 1px solid #EFE6D1; border-left: 1px solid #EFE6D1; margin: 0 2px;}
.s4{height: 2px; font-size: 1px; overflow: hidden; display: block; background: #FFFFFF; border-right: 1px solid #EFE6D1; border-left: 1px solid #EFE6D1; margin: 0 1px;}

/* ==红娘首页== */
.main1{ float:left; width:824px; padding:7px;}
.main1 .top{ float:left; width:930px;}
.main1 .bg01{ height:70px; background:url(../i/bg01.jpg) no-repeat; overflow:hidden;}
.main1 .bg02{ height:70px; background:url(../i/bg02.jpg) no-repeat; overflow:hidden;}
.main1 .bg03{ height:90px; background:url(../i/bg03.jpg) no-repeat; overflow:hidden;}
.main1 .bg04{ height:78px; background:url(../i/bg04.jpg) no-repeat; overflow:hidden;}
.main1 .bg05{ height:54px; background:url(../i/bg05.jpg) no-repeat; overflow:hidden;}
.main1 .bg06{ height:118px; background:url(../i/bg06.jpg) no-repeat; overflow:hidden;}
.main1 .bg06 ul{ float:left; width:858px; padding-left:70px; margin-top:10px;}
.main1 .bg06 ul li{ float:left; width:118px; padding-left:80px; line-height:22px;}
.main1 .bg06 ul li img{ vertical-align:middle;}
.main1 .bg06 ul li span{ font-weight:bold; font-size:14px;}
.main1 .bg06 ul li span.s1{ color:#7CA207;}
.main1 .bg06 ul li span.s2{ color:#186DAF;}
.main1 .bg06 ul li span.s3{ color:#8324B7;}
.main1 .bg06 ul li span.s4{ color:#D58F01;}
.main1 .bg11{ height:90px; background:url(../i/bg11.jpg) no-repeat; overflow:hidden;}
.main1 .bg12{ height:80px; background:url(../i/bg12.jpg) no-repeat; overflow:hidden;}
.main1 .bg13{ height:68px; background:url(../i/bg13.jpg) no-repeat; overflow:hidden;}
.main1 .bg14{ height:82px; background:url(../i/bg14.jpg) no-repeat; overflow:hidden; text-align:center;}
.main1 .list{ float:left; width:930px;}
.main1 .list .content{ float:left; width:822px; border-right: 1px solid #DDE0E6; border-left: 1px solid #DDE0E6; padding-top:20px; height:200px; background:url(../i/icon03.gif) no-repeat 600px 40px;}
.main1 .list .content dl{ float:left; width:784px; padding-left:38px;}
.main1 .list .content dl dt{ float:left; width:784px; padding:10px 0;}
.main1 .list .content dl dd{ float:left; width:300px; padding-left:5px; line-height:26px; font-size:14px;}
.main1 .list .content dl dd.dd1{ background:#FEF8FB;}

/* ==男士页面== */
.main2,.main3,.main4{ float:left; /*width:930px;*/width:824px; padding:7px; color:#636363;}
.main2 .content,.main3 .content,.main4 .content{float:left; width:822px; /*border-right: 1px solid #DDE0E6; border-left: 1px solid #DDE0E6;*/}
.main2 .top,.main3 .top{ float:left; /*width:928px;*/ width:822px;height:72px; background:url(../i/registration/bg33.jpg) no-repeat center top; overflow:hidden;}
.main2 .top img{ margin-top:30px; margin-right:50px; float:right;}
.main2 .box1,.main3 .box1,.main4 .box1{ float:left; /*width:828px;*/ width:830px;margin-left:10px; display: inline; background:url(../i/registration/bg31.jpg) no-repeat center top; padding-top:20px;}
.main2 .box1 dl{ float:left; width:245px; padding-left:7px; height:170px; padding-top:20px; margin-left:20px;}
.main2 .box1 dl dt{ float:left; width:154px; padding-left:106px; font-weight:bold; font-size:14px; height:74px; padding-top:30px;}
.main2 .box1 dl.dl1 dt{ background:url(../i/registration/icon_11.gif) no-repeat left top; color:#C84196;}
.main2 .box1 dl.dl2 dt{ background:url(../i/registration/icon_12.gif) no-repeat left top; color:#4795AE;}
.main2 .box1 dl.dl3 dt{ background:url(../i/registration/icon_13.gif) no-repeat left top; color:#839235;}
.main2 .box1 dl.dl1 dd{ float:left; width:230px; padding-left:30px; line-height:22px; background:url(../i/registration/icon_21.gif) no-repeat 20px 6px;}
.main2 .box1 dl.dl2 dd{ float:left; width:250px; padding-left:10px; line-height:22px; background:url(../i/registration/icon_22.gif) no-repeat 0 6px;}
.main2 .box1 dl.dl3 dd{ float:left; width:230px; padding-left:30px; line-height:22px; background:url(../i/registration/icon_23.gif) no-repeat 20px 6px;}
.main2 .box2{ float:left; width:828px; display: inline; background:url(../i/registration/bg34.gif) no-repeat 492px 10px; padding-bottom:20px; margin-left:20px}
.main2 .box2 h2{ float:left; width:788px; padding-left:40px; padding-top:30px; font-weight:normal;}
.main2 .box2 h2 span{ font-size:14px; font-weight:bold; color:red;}
.main2 .box2 h2 img{ vertical-align:middle;}
.main2 .box2 .con{ float:left; width:756px; height:346px; overflow:hidden; margin-left:36px; margin-right:36px; margin-top:10px; display:inline; background:url(../i/registration/bg35.jpg) no-repeat center top;}
.main2 .box2 .con h3{ float:left; width:740px; padding-left:16px; font-size:14px; font-weight:bold; color:#B97E00; line-height:50px;}
.main2 .box2 .con h4{ float:left; width:756px; text-align:center; padding-top:20px;}
.main2 .box2 .con dl{ float:left; width:400px; margin:10px 0px 0 198px; display:inline;}
.main2 .box2 .con dl dd{ float:left; width:400px; padding:5px 0;}
.main2 .box2 .con dl dd em{ float:left; width:180px; text-align:right; font-size:14px; line-height:24px;}
.main2 .box2 .con dl dd span{ float:left; width:200px;}
.main2 .box2 .con dl dd span input,.main2 .box2 .con dl dd span select{ width:150px;}

/* ==女士页面== */
.main3 .top{ background-image:url(../i/registration/bg32.jpg);}
.main3 .box1 dl{ float:left; width:750px; padding-left:10px; background:url(../i/registration/bg36.gif) no-repeat center bottom; margin:20px 34px 0; display:inline;}
.main3 .box1 dl.last{ background:none;}
.main3 .box1 dl dt{ float:left; width:100px; background:url(../i/registration/icon_01.gif) no-repeat left top; padding-top:20px; height:60px; padding-left:120px; font-weight:bold; font-size:14px;}
.main3 .box1 dl dt.dt1{ color:#82BA22;}
.main3 .box1 dl dt.dt2{ color:#4795AE; background-image:url(../i/registration/icon_02.gif);}
.main3 .box1 dl dt.dt3{ color:#C84196; background-image:url(../i/registration/icon_03.gif);}
.main3 .box1 dl dt.dt4{ color:#AD3FD2; background-image:url(../i/registration/icon_04.gif);}
.main3 .box1 dl dd{ float:left; width:500px; padding:20px 20px 0 10px; line-height:20px; background:url(../i/registration/icon_21.gif) no-repeat left 26px;}
.main3 .box1 dl dd span{ font-weight:bold; color:#C84196;}
.main3 .box1 dl dd.dd2{ background-image:url(../i/registration/icon_22.gif);}
.main3 .box1 dl dd.dd3{ background-image:url(../i/registration/icon_24.gif);}
.main3 .box1 dl dd.dd4{ background:url(../i/registration/icon_23.gif) no-repeat left 16px; padding-top:10px; }
.main3 .box2{ float:left; width:760px; margin:10px 0 0 50px; display:inline; background:url(../i/registration/bg37.jpg) no-repeat center top; padding-bottom:20px;}
.main3 .box2 h2{ float:left; width:740px; padding:16px 0 0 20px; font-weight:bold; color:#D19E37; font-size:14px; line-height:25px;}
.main3 .box2 h2 span{ font-weight:normal; font-size:12px; color:#C84196;}
.main3 .box2 .con{ float:left; width:758px; border-right: 1px solid #EFE6D1; border-left: 1px solid #EFE6D1; background:#fff; padding-top:20px;}
.main3 .box2 .con dl{ float:left; width:688px; padding-left:70px;}
.main3 .box2 .con dl dd{ float:left; width:688px; padding:5px 0;}
.main3 .box2 .con dl dd em{ float:left; width:80px; text-align:right; font-size:14px; line-height:24px;}
.main3 .box2 .con dl dd span{ float:left; width:598px; padding-left:10px;}
.main3 .box2 .con dl dd span strong{ color:#9B9B9B; line-height:24px; font-weight:normal;}
.main3 .box2 .con dl dd textarea{ width:475px; height:96px; font-size:12px;}
.main3 .box2 .con dl dd input.input1{ width:80px;}
.main3 .box2 .con h4{ float:left; width:758px; text-align:center; padding:20px 0;}

/* ==下一步页面== */
.main4 .top{ float:left; width:822px; height:72px; background:url(../i/registration/bg41.jpg) no-repeat center top; overflow:hidden;}
.main4 .top2{ background-image:url(../i/registration/bg42.jpg);}
.main4 .top3{ background-image:url(../i/registration/bg43.jpg);}
.main4 .top span{ float:right; padding-right:70px; padding-top:30px; font-size:14px; color:#C84196;}

.main4 .box1 dl.dl3{ float:left; width:324px; padding-left:90px; padding-top:20px; }
.main4 .box1 dl.dl4{ width:404px; padding-left:10px;}
.main4 .box1 dl.dl3 dd{ float:left; width:324px; padding:5px 0;}
.main4 .box1 dl.dl3 dd em{ float:left; width:90px; text-align:right;line-height:24px; font-size:14px;}
.main4 .box1 dl.dl3 dd span{ float:left; width:224px; padding-left:10px;}
.main4 .box1 h4{ float:left; width:828px; text-align:center; padding:20px 0;}
.main4 .box2{ float:left; width:756px; /*padding:10px 86px 30px;*/padding:10px 50px 30px;*}
.main4 .bxo2 .bg{ float:left; width:756px;}
.main4 .box2 .bg51{ height:100px; background:url(../i/registration/bg51.jpg) no-repeat center top; overflow:hidden;}
.main4 .box2 .bg52{ height:100px; background:url(../i/registration/bg52.jpg) no-repeat center top; overflow:hidden;}
.main4 .box2 .bg53{ height:128px; background:url(../i/registration/bg53.jpg) no-repeat center top; overflow:hidden;}

.main4 .box1 dl.dl1{ float:left; /*width:668px;*/ width:688px;/* padding:20px 100px 0 60px;*/ padding:20px 90px 0 50px; }
.main4 .box1 dl.dl1 dd{ float:left;  /*width:668px;*/width:688px; padding:10px 0;}
.main4 .box1 dl.dl1 dd em{ float:left; width:90px; text-align:right; font-size:14px; line-height:24px;}
.main4 .box1 dl.dl1 dd span{ float:left; width:568px; padding-left:10px;}
.main4 .box1 dl.dl1 dd span strong{ float:left; font-weight:normal; line-height:24px; }
.main4 .box1 dl.dl1 dd span input,.main4 .box1 dl.dl1 dd span select{ vertical-align /**/:middle; }
.main4 .box1 dl.dl1 dd span input.input1{ width:30px;}
.main4 .box1 dl.dl1 dd span textarea{ height:80px; width:500px; font-size:12px; float:left}
.main4 .box1 dl.dl1 dd span strong.st1{ width:80px;}
.main4 .box1 dl.dl1 dd span strong.st2{ width:142px;}
.main4 .box1 dl.dl1 dd span strong.st22{ width:284px;}
.main4 .box1 dl.dl1 dd span strong.st3{ width:94px;}
.main4 .box1 dl.dl1 dt{ float:left; width:668px; line-height:30px; font-weight:bold; font-size:14px;}
.main4 .box1 dl.dl2 dd em{ float:left; /*width:140px;*/width:160px; text-align:right; line-height:24px;}
.main4 .box1 dl.dl2 dd span{ float:left; width:518px; padding-left:10px;}