/* join style 1.0 by jones.c */
.joininfo{float:left; width:335px;}
.joininfo .title{ background:url(../img/jointbc1.gif) repeat-x 0 0; height:34px; line-height:34px;}
.joininfo .title h5{font-size:13px; font-weight:bold;}
.joininfo .title .l{background:url(../img/jointb1.gif) no-repeat 0 0; text-indent:30px; float:left;}
.joininfo .title .r{background:url(../img/jointb2.gif) no-repeat right 0; padding:0 22px 0 0; float:right; height:34px;}
.joininfo .title .r img{padding-top:8px;padding:8px 3px 0;}
.joininfo .cont{ border:solid 1px #C1C1C1; border-top:none; padding:0 5px; overflow:hidden; _height:1%;background:#fff;margin:0 1px 0 0;}
.joininfo .cont .l{width:49%; float:left; margin:0 0 8px; padding:8px 0 0;}
.joininfo .cont .r{width:50%; float:right;margin:0 0 8px;}

.investment{float:right; width:435px; overflow:hidden; _height:1%;}
.investment .title{ background:url(../img/jointbc1.gif) repeat-x 0 0; height:34px; line-height:34px;}
.investment .title h5{font-size:13px; font-weight:bold;}
.investment .title .l{background:url(../img/jointb1.gif) no-repeat 0 0; text-indent:30px; float:left;}
.investment .title .r{background:url(../img/jointb2.gif) no-repeat right 0; padding:0 22px 0 0; float:right; height:34px;}
.investment .title .r img{padding:8px 3px 0;}
.investment .cont{border:solid 1px #C1C1C1; border-top:none; padding:2px 3px 0 6px;background:#fff; height:1%;}
.investment dl{float:left; width:25%; text-align:center;}
.investment dt{background:#E5E5E5; color:#f60; border-top:3px solid #f0f0f0; }
.investment dd{ overflow:hidden; height:20px; }

.around{ text-align:left;}
.around .title{ background:url(../img/jointb3c.gif) repeat-x 0 29px; height:33px; line-height:33px;}
.around .title h5{font-size:13px; font-weight:bold;}
.around .title .l{background:url(../img/jointb3l.gif) no-repeat 0 bottom; text-indent:30px; float:left; width:200px; height:33px;}
.around .title .r{background:url(../img/jointb3r.gif) no-repeat right bottom; padding:0 22px 0 0; float:right; height:33px;}
.around .title .r img{padding:8px 3px 0;}
.around .cont{ background:url(../img/joinccb.gif) repeat-y 0 0 ;padding:2px 3px 0 6px;}
.around .cont .list{height:26px; overflow:hidden; line-height:26px; }
.around .cont .list .l{width:86px; text-indent:16px; float:left;}
.around .cont .list .r{margin:0 0 0 95px; text-indent:3px; }
.around .contbottom{background:url(../img/joincbb.gif) repeat-x 0 0; height:5px; overflow:hidden;}
.around .contbottom .l{background:url(../img/joincbbl.gif) no-repeat 0 0; height:5px; overflow:hidden; float:left; width:10px;}
.around .contbottom .r{background:url(../img/joincbbr.gif) no-repeat right 0; height:5px; overflow:hidden; float:right; width:10px;}
/*内页搜索样式包括加盟商专区详细页里*/
.injoin{text-align:left; background:#fff;}
.injoin input{margin:0; padding:0;}
.injoin .submit1{width:66px;height:22px;line-height:22px; background:url(../img/injoinbb.gif) no-repeat 0 0;border:0;}
.injoin .search1{width:300px; margin:0 auto; height:29px; line-height:29px;}
.injoin .search1 a{display:block; color:#fff; font-size:13px; font-weight:bold; float:left;background:url(../img/supply_sea_nor.gif) no-repeat center 0; width:80px; text-align:center;}
.injoin .search1 a:link,.injoin .search1 a:visited{color:#FFF;}
.injoin .search1 .ative{background:url(../img/supply_sea_ative.gif) no-repeat center 0; color:#E4FF00; height:29px;width:80px;}
.injoin .search1 a:hover{background:url(../img/supply_sea_ative.gif) no-repeat center 0; color:#E4FF00;}
.injoin .search2{height:34px; background:#E1568A;}
.injoin .search2 .l{background:url(../img/search1l.gif) no-repeat 0 0; width:5px; height:34px; overflow:hidden;float:left;}
.injoin .search2 .sr{background:url(../img/search1r.gif) no-repeat 0 0; width:5px; height:34px; overflow:hidden; float:right;}
.injoin .search2 .cont{padding:6px 0 0 150px; background:url(../img/sear2.gif) no-repeat 120px 8px;}
.injoin .search2 .text{width:400px;}
.injoin .search3{height:28px;line-height:28px; background:url(../img/hklcbg.gif) repeat-x; text-indent:10px; margin:0;}
.injoin .search3 h5{font-size:12px; font-weight:bold;}

.injoin .insearchbar{margin:0 0 0 300px;padding:5px 0 0 0;}
.injoin .search4{width:300px; padding:0 0 0 20px; height:24px; line-height:24px;}
.injoin .search4 h5{font-size:12px; font-weight:bold; color:#fff;}
.injoin .search4 a{display:block; color:#fff; font-size:13px; font-weight:bold; float:left;background:url(../img/supply_sea_nor.gif) no-repeat center 0; width:80px; text-align:center;}
.injoin .search4 a:link,.injoin .search4 a:visited{color:#FFF;}
.injoin .search4 .ative{background:url(/img/search4.gif) no-repeat center 0; color:#E4FF00; height:24px;width:80px; text-align:center; overflow:hidden;}
.injoin .search4 .ative2{color:#E4FF00!important;background:url(/img/supply_sea_ative.gif) no-repeat center 0;  height:24px;width:80px; text-align:center; overflow:hidden;}
.injoin .search4 .ative2:visited{color:#E4FF00;}
.injoin .search4 a:hover{background:url(/img/supply_sea_ative.gif) no-repeat center 0; color:#E4FF00;}

.injoin .loction{ height:28px; line-height:28px; background:#FD73A4; margin:0 0 8px; text-indent:16px; text-align:left;}

/*内页左侧筛选样式*/
.injoin .filter{float:left; width:200px;}
.injoin .filter .title{background:url(/img/injoinft.gif) no-repeat 0 0; height:9px; overflow:hidden;} 
.injoin .filter .content{background:url(/img/injoinfc.gif) repeat-y 0 0;}
.injoin .filter .bottom{background:url(/img/injoinfb.gif) no-repeat 0 0; height:9px; overflow:hidden;}
.injoin .filter .title2{background:url(/img/injoinft2.gif) no-repeat 9px 0; height:22px; line-height:22px; text-indent:18px; }
.injoin .filter .text{text-indent:18px; line-height:25px;}
.injoin .filter .se{padding:5px 0 0 40px;}
.injoin .filter .s1{ width:125px; height:19px;}
.injoin .filter .s1{height:19px;}
.injoin .filter .botton{padding:5px 0 0 103px;}
.injoin .filter .botton input{width:66px;height:22px;line-height:22px; background:url(../img/injoinbb.gif) no-repeat 0 0;border:0;}

.injoin .detail{float:right; width:770px;border:solid 2px #EF63AA;}
.injoin .detail .head{background:url(../img/hklcbg.gif) repeat-x 0 0; height:28px; line-height:28px; text-indent:5px; width:100%;}
.injoin .detail .head .a{width:104px; float:left}
.injoin .detail .head .b{width:150px;float:left;text-align:left;}
.injoin .detail .head .c{width:125px;float:left;text-align:left;}
.injoin .detail .head .d{width:66px;float:left;text-align:left;}
.injoin .detail .head .e{width:90px;float:left;text-align:left;}
.injoin .detail .list1{ height:30px; clear:both;padding:5px 3px;}
.injoin .detail .list2{ height:30px; background:#FFF3F3;padding:5px 3px;}
.injoin .mz, .injoin .xx, .injoin .lx, .injoin .dd, .injoin .time{width:104px; float:left;padding:15px 0 0 10px;float:left; margin:0 2px; display:inline;}
.injoin .mz{width:101px; text-align:left;padding:0 0 0 5px;}
.injoin .xx{width:170px; padding-left:10px;}
.injoin .r{width:257px; float:right;}
.injoin .lx{width:102px;text-align:left;}
.injoin .dd{width:60px;text-align:left;}
.injoin .time{width:65px;text-align:left;}

.supply{ width:100%;}
.supply .proimg{width:103px; margin-right:3px; display:inline; float:left;}
.supply .proimg img{padding:15px 0 0;}
.supply .company{width:270px; margin-right:7px; display:inline; float:left;}
.supply .company .title{clear:both;height:20px;}
.supply .company h5{font-size:13px; font-weight:bold; line-height:120%; float:left;display:block;}
.supply .company span{font-size:11px; color:#ccc; line-height:120%; float:left; padding:3px 10px;}
.supply .company p{margin:0; padding:0 3px; border:0;}
.supply .price{width:54px; margin-right: 3px; display:inline; float:left;line-height:120px;}
.supply .price2{width:54px; margin-right: 3px; display:inline; float:left;}
.supply .location{width:55px; margin-right:3px; display:inline; float:left;padding:30px 0 0 0; line-height:150%;}
.supply .location2{width:54px; margin-right: 3px; display:inline; float:left;}
.supply .message{width:66px; margin-right: 3px; display:inline; float:left;line-height:120px;}
.supply .message2{width:66px; margin-right: 3px; display:inline; float:left; }

.insupply{background:url(../img/insupplylbg.gif) repeat-y 0 0; text-align:left;}
.insupply .adbanner{ width:990px; overflow:hidden;height:91px; background: url(/img/joinbanner.jpg)}
.insupply .adbanner .cplogo{padding:20px 0; margin:0 20px 0 120px;float:left; display:inline; width:120px;}
.insupply .adbanner .cpname{padding:40px 0 0; font-size:24px;float:left; color:#fff;}

.insupply .loction2{clear:both; height:28px; line-height:28px;text-indent:16px; text-align:left; background:#fff;}
.insupply .col{float:left; width:163px; padding:5px 0 0 0;}
.insupply .col .leftbar{background:url(../img/insupplylm.gif) no-repeat 0 0; width:152px; line-height:30px; text-align:center; margin:0 auto 8px;}
.insupply .col .leftbar a:link,.insupply .col .leftbar a:visited{font-size:13px; font-weight:bold; color:#F64080;}
.insupply .col .leftbar a:hover{color:#BF0043;}
.insupply .cor{float:right; width:820px; border:solid 2px #EF63AA; margin:0 0 8px;}
.insupply .head{height:28px;line-height:28px; background:url(../img/hklcbg.gif) repeat-x; text-indent:10px; margin:0 0 8px; width:100%;}
.insupply .head h5{font-size:13px; font-weight:bold; color:#380517; text-align:left; text-indent:10px;clear:both;}
.insupply .content{padding:10px; line-height:160%;}
.insupply .content p{padding:0 8px; margin:0;}
.insupply .content .contl{width:48%;}
.insupply .content .tr{height:28px; line-height:27px; clear:both; overflow:hidden;}
.insupply .content .td1{background:#F6F6F6; border-bottom:solid 1px #fff; width:28%;float:left; text-align:right;padding:0 8px 0 0; font-weight:bold;}
.insupply .content .td2{border-bottom:solid 1px #F6F6F6; width:69%;float:right;text-align:left;}
.insupply .content .detailed{float:right; width:433px;}
.insupply .content .detailed td{padding:3px 8px;}
.insupply .content .proimg{float:left;}
.insupply .pagenamber{text-align:center; line-height:25px; float:right; width:822px; background:url(../img/pagenamberbg.gif) repeat-x 0 0; height:61px;border:solid 1px #ccc;}
.insupply .pagenamber .text{ font-size:16px;}
.insupply .pagenamber .page{height:25px; width:300px; margin:0 auto;}
.insupply .pagenamber .page a{ padding:5px;display:block; float:left; text-decoration:underline;}
.insupply .pagenamber .page a:hover{background:#FF7300; color:#fff;}
.insupplyb .fy{ width:766px; border-width:0 2px 2px;}