@charset "utf-8";

/*加盟合作*/
.join{overflow:hidden;width:100%}
.join .content1,
.join .content2,
.join .content3,
.join .content4,
.join .content5,
.join .content6,
.join .content7,
.join .content8,
.join .content9,
.join .content10{margin:0 auto;padding-top:50px;padding-bottom:60px;width:100%}
.join .cate{margin:25px auto;text-align:center;font-size:30px}
.join .cate span{display:block;margin-top:15px;color:#666;letter-spacing:0;font-size:18px}


/*代理范围*/
.join .content1 ul{padding:25px 0;list-style:none}
.join .content1 li{ float: left; margin: 0 2% 25px; padding: 20px 0; width: 44%; background: #fff; text-align: center; }
.join .content1 img{ }
.join .content1 span{display:block}
.join .content1 .title{ margin: 10px 0 10px; color: #333; font-size: 20px;}
.join .content1 .note{color:#666;font-size:16px}

/*代理类型*/
.join .content2{background:url(../join_bg.jpg) no-repeat center top}
.join .content2 .cate{color:#FFF}
.join .content2 ul{padding:30px 0;list-style:none}
.join .content2 li{float:left;padding-right:4%;padding-left:4%;width:17%;text-align:center;color:#fff}
.join .content2 span{display:block}
.join .content2 .title{margin:10px 0 20px;font-size:16px}
.join .content2 .note{color:#CCC;line-height:22px}

/*代理资格*/
.join .content3 ul{padding:25px 0;list-style:none}
.join .content3 li{float:left;margin:0 2.5% 10px;padding:10px 0 20px;width:45%;border-bottom:1px dashed #ddd}
.join .content3 li span{display:inline-block;margin-right:12px;width:25px;height:25px;border-radius:50%;background:#0092ee;color:#FFF;text-align:center;line-height:25px;font-size:13px}

/*申请步骤*/
.join .content4 ul{padding:25px 0;list-style:none}
.join .content4 li{position:relative;float:left;padding-right:4%;padding-left:4%;width:17%;text-align:left}
.join .content4 span{display:block}
.join .content4 .note{margin:15px 0 0;color:#666;line-height:22px}
.join .content4 .jiantou{position:absolute;top:40px;right:30px;width:32px;height:32px;background:url(../icon/jiantou.png) no-repeat}

/*代理政策*/
.join .content5 ul{padding:25px 0;list-style:none}
.join .content5 li{float:left;margin:0 0 5px;padding:10px 0 5px;width:100%}
.join .content5 li span{display:inline-block;margin-right:12px;width:25px;height:25px;border-radius:50%;background:#0092ee;color:#FFF;text-align:center;font-size:13px;line-height:25px}
.join .content5 .fanli{overflow:hidden;box-sizing:border-box;margin-bottom:25px;padding:25px 25px 50px;width:100%;border:1px solid #dbe0e5;background:#fff;box-shadow:0 2px 10px hsla(0,0%,50%,.25)}
.join .content5 .fanli .title{display:block;margin:0 0 15px;color:#da2418;font-size:18px}
.join .content5 .fanli .box1{float:left;box-sizing:border-box;padding-right:5%;width:55%;border-right:1px solid #ddd}
.join .content5 .fanli .box2{float:left;padding-left:5%;width:35%}
.join .content5 table{width:100%;border-collapse:collapse;font-size:13px}
.join .content5 th{padding:10px;border:1px solid #c8d2d9;background:#f0f4f7;color:#2c3e50;font-weight:400;line-height:15px}
.join .content5 td{padding:5px 10px;border:1px solid #c8d2d9;line-height:20px}

/*责任与义务*/
.join .content6 ul{padding:25px 0;list-style:none}
.join .content6 ul li{color:#666;padding:10px 0 10px 0;width:100%;font-size:15px;line-height:25px}

/*合作厂商*/
.partners_list{overflow:hidden;width:100%}
.partners_list .cate{margin:25px auto;text-align:center;font-size:30px}
.partners_list .cate span{display:block;margin-top:15px;color:#666;letter-spacing:0;font-size:18px}
.partners_list .p_list{ margin-top: 80px; margin-bottom: 80px; }
.partners_list ul{ list-style: none; overflow: hidden; text-align: center; border-left: 1px solid #efefef; }
.partners_list li{ display: -webkit-flex; margin: 0px 0 0 -1px; padding: 1em; height: 100px; border: 1px solid #efefef; background: #FFF; justify-content: center; align-items: center; float: left; width: 22%; }
.partners_list li img{ max-width:80%;max-height:80px;}


/*20181101修改*/
.join .content7 p{ font-size: 16px; line-height: 32px;}
.join .content7 img{ float: right; margin-left: 50px; }

.join .content8 p{ font-size: 16px; line-height: 32px;}
.join .content8 img{ float: left; margin-right: 50px; }

/*.join .content9 ul{list-style:none}
.join .content9 li{float:left;padding-right:4%;width:21%;}
.join .content9 span{display:block;font-size: 16px; }
.join .content9 .title{ line-height: 25px; font-weight: bold; color: #333; margin-bottom: 25px; }
.join .content9 .note{font-size: 13px;line-height:22px}

.join .content10 ul{padding:25px 0;list-style:none}
.join .content10 li{ float: left; margin: 0 0% 25px; padding: 20px 0; background: #fff; text-align: center; width: 50%; }
.join .content10 span{display:block}
.join .content10 .title{ margin: 10px auto; color: #fff; font-size: 18px; background: #F93; width: 25%; line-height: 40px; border-radius:5px}
.join .content10 .note{ color: #666; font-size: 16px; margin-top: 25px; }
.join .content10 .note img{ width: 160px; }*/