.font-red{color:#c30d23;}
.lineTitle.joinTitle strong{margin-bottom:8px;font-size:30px;}
.joinTitle strong:after{display:none;}
.lineTitle.joinTitle span{color:#777;font-weight:400;font-size:16px;}
.lineTitle.joinTitle span a{color:inherit;}
.lineTitle.joinTitle span a:hover{color:#c30d23;}
.joinListWrap .joinList{margin:-2px;}
.joinListWrap .joinList li{float:left;width:33.3333%;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;text-align:center;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.joinListWrap .joinList li a{display:block;padding:16.67% 0;color:#000;font-size:14px;}
.joinListWrap .joinList li a:hover{background:-webkit-radial-gradient(#f5d5d9,#fff 60%);background:-moz-radial-gradient(#f5d5d9,#fff 60%);background:-o-radial-gradient(#f5d5d9,#fff 60%);background:-ms-radial-gradient(#f5d5d9,#fff 60%);background:radial-gradient(#f5d5d9,#fff 60%);}
.joinListWrap{overflow:hidden;margin:0 auto;margin-bottom:5%;width:1050px;max-width:100%;}
@media screen and (max-width:768px){.joinListWrap .joinList li{width:50%;}
.joinListWrap .joinList li a{padding:25px 0;}
}
@media screen and (max-width:450px){.joinListWrap .joinList{margin:0;}
.joinListWrap .joinList li{width:100%;border-right:0 none;}
}
.joinWrap{margin:0 auto;width:1050px;max-width:100%;}
.joinMenu .joinList{float:left;}
.joinContentWrap{margin-left:124px;padding-top:30px;padding-bottom:30px;padding-left:9%;}
.joinContentTile{position:relative;margin-bottom:4.5%;font-size:16px;line-height:1;}
.joinContentTile:before{position:absolute;top:4px;right:100%;overflow:hidden;margin-right:3px;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 10px;content:'';border-left-color:#101010;}
.joinContent{padding-bottom:15px;}
.joinBtn{display:inline-block;margin-top:2%;padding:10px 32px;border-radius:25px;background:#dbdbdb;}
.joinBtn:hover{background:#c30d23;color:#fff;}
.joinMenu .joinList{padding-top:22px;padding-bottom:20px;width:124px;border-right:1px solid #ccc;}
.joinMenu .joinList li{margin-bottom:6px;}
.joinMenu .joinList a{display:block;padding:5px;text-align:center;}
.joinMenu .joinList li.active a{color:#c30d23;}
@media screen and (max-width:1000px){.joinContentWrap{margin-bottom:2%;padding-top:20px;padding-left:4.5%;}
.joinMenu .joinList{width:108px;}
}
@media screen and (max-width:650px){.joinContentWrap{margin-left:0;padding-left:0;}
.joinMenu{display:none;}
.joinContentTile{margin-bottom:25px;margin-left:20px;text-align:center;font-size:18px;}
}