.join_method_modul{
	width: 100%;
	height: 530px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: table;
}
.join1{
	background-image: url(../img/join1.jpg);
	position: relative;
	background-size: 100%
}
.join2{
	background-image: url(../img/join2.jpg);
	background-size: 100%
}
.join3{
	background-image: url(../img/join3.jpg);
	background-size: 100%
}
.join4{
	background-image: url(../img/join4.jpg);
	background-size: 100%
}
.join5{
	background-image: url(../img/join5.jpg);
}
.join_method_container{
	display: table-cell;
    vertical-align: middle;
}
.join_method_content{
	width: 70%;
	height: 100%;
	max-height: 507px;
	display: table;
	margin:0 auto;
	position: relative;
}
.join_method_desc{
	position: absolute;
	top: 18%;
}
.join_method_content > .join_method_desc > img{
	width: 38.5px;
	height: auto;
	display: inline-block;
}
.join_method_content > .join_method_desc > h4{
	font-family: "FZQKBYSJW--GB1-0";
    font-size: 48px;
    font-weight: normal;
    letter-spacing: 1.2px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    padding: 20px 0px;
}
.join_method_content > .join_method_desc > h1{
	font-family: "FZQKBYSJW--GB1-0";
    font-size: 70px;
    font-weight: normal;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    padding-bottom: 20px;
}
.join_method_content > .join_method_desc > p{
	font-family: "PingFangSC";
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: rgba(255, 255, 255, 0.8);
}
.join_method_content > .join_method_desc > p.joinp{
	text-decoration:underline; font-size:2.5em; line-height:4em;
	}
.recommend_box{
	position: absolute;
	bottom: 5%;
}
.float_right{
	right: 50px;
	text-align:left;
}
.float_left{
	left: 0px;
	
}
.recommend_category{
	width: 33px;
    font-family: "PingFangSC";
    font-size: 22px;
    text-align: center;
    color: #ffffff;
    float: right;
    line-height: 33px;
    display: table;
}
.border_left{
    border-left: 1px solid rgba(165, 147, 135, 1);
    padding-left: 15px;
}
.border_right{
    border-right: 1px solid rgba(165, 147, 135, 1);
    padding-right: 15px;
}
.recomend_btn{
	display: block;
    float: right;
    width: 46px;
    height: 140px;
    font-family: "PingFangSC";
    font-size: 22px;
    line-height: 1.36;
    color: #ffffff;
    border-radius: 4px;
    background-color: rgba(195, 13, 34, 1);
    text-align: center;
    padding: 12px;
    position: absolute;
    bottom: 0px;
	text-decoration: none;
}
.btn_left{
    left: -76px;
}
.btn_right{
	left: 69px;
}

.join2 .join_method_content,
.join2 .join_method_content > .join_method_desc > h4,
.join2 .join_method_content > .join_method_desc > h1,
.join2 .join_method_content > .join_method_desc > p,
.join4 .join_method_content,
.join4 .join_method_content > .join_method_desc > h4,
.join4 .join_method_content > .join_method_desc > h1,
.join4 .join_method_content > .join_method_desc > p{
	text-align: right;
}
.join2 > .join_method_container > .join_method_content > .join_method_desc > h4{
	font-size: 48px;
}
.join4 > .join_method_container > .join_method_content > .recommend_box,
.join5 > .join_method_container > .join_method_content > .recommend_box{
	margin-top: 7%;
}
.join5 > .join_method_container > .join_method_content > .join_method_desc > h1{
	padding-top: 20px;
}

/* 手机 */
@media all and (max-width: 768px) {
	
	
.join_method_modul{
	width: 100%;
	height: 150px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: table;
}
.join1{
	background-image: url(../img/join1.jpg);
	position: relative;
	background-size: 100%
}
.join2{
	background-image: url(../img/join2.jpg);
	background-size: 100%
}
.join3{
	background-image: url(../img/join3.jpg);
	background-size: 100%
}
.join4{
	background-image: url(../img/join4.jpg);
	background-size: 100%
}
.join5{
	background-image: url(../img/join5.jpg);
}
.join_method_container{
	display: table-cell;
    vertical-align: middle;
}
.join_method_content{
	width: 90%;
	height: 100%;
	max-height: 507px;
	display: table;
	margin:0 auto;
	position: relative;
}
.join_method_desc{
	position: absolute;
	top: 10%;
}
.join_method_content > .join_method_desc > img{
	width: 38.5px;
	height: auto;
	display: inline-block;
}
.join_method_content > .join_method_desc > h4{
	font-family: "FZQKBYSJW--GB1-0";
    font-size: 48px;
    font-weight: normal;
    letter-spacing: 1.2px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    padding: 20px 0px;
}
.join_method_content > .join_method_desc > h1{
	font-family: "FZQKBYSJW--GB1-0";
    font-size: 70px;
    font-weight: normal;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    padding-bottom: 20px;
}
.join_method_content > .join_method_desc > p{
	font-family: "PingFangSC";
    font-size: 1em;
    line-height: 0.6em;
    text-align: left;
    color: rgba(255, 255, 255, 0.8);
}
.join_method_content > .join_method_desc > p.joinp{
	text-decoration:underline; font-size:1.5em; line-height:1.4em;
	}
.recommend_box{
	position: absolute;
	bottom: 5%;
}
.float_right{
	right: 50px;
	text-align:left;
}
.float_left{
	left: 0px;
	
}
.recommend_category{
	width: 33px;
    font-family: "PingFangSC";
    font-size: 22px;
    text-align: center;
    color: #ffffff;
    float: right;
    line-height: 33px;
    display: table;
}
.border_left{
    border-left: 1px solid rgba(165, 147, 135, 1);
    padding-left: 15px;
}
.border_right{
    border-right: 1px solid rgba(165, 147, 135, 1);
    padding-right: 15px;
}
.recomend_btn{
	display: block;
    float: right;
    width: 46px;
    height: 140px;
    font-family: "PingFangSC";
    font-size: 22px;
    line-height: 1.36;
    color: #ffffff;
    border-radius: 4px;
    background-color: rgba(195, 13, 34, 1);
    text-align: center;
    padding: 12px;
    position: absolute;
    bottom: 0px;
	text-decoration: none;
}
.btn_left{
    left: -76px;
}
.btn_right{
	left: 69px;
}

.join2 .join_method_content,
.join2 .join_method_content > .join_method_desc > h4,
.join2 .join_method_content > .join_method_desc > h1,
.join2 .join_method_content > .join_method_desc > p,
.join4 .join_method_content,
.join4 .join_method_content > .join_method_desc > h4,
.join4 .join_method_content > .join_method_desc > h1,
.join4 .join_method_content > .join_method_desc > p{
	text-align: right;
}
.join2 > .join_method_container > .join_method_content > .join_method_desc > h4{
	font-size: 48px;
}
.join4 > .join_method_container > .join_method_content > .recommend_box,
.join5 > .join_method_container > .join_method_content > .recommend_box{
	margin-top: 7%;
}
.join5 > .join_method_container > .join_method_content > .join_method_desc > h1{
	padding-top: 20px;
}

}