.JoinHaderimg{
    width:100%;
    height:760px;
    background: url("../../img/HH/join/Sam.png") no-repeat;
    background-size:100% auto;
    /* background-attachment: fixed; */
}
.JoinBlock{
    width:1200px;
    margin:0px auto;
    padding-top: 184px;
}
.Jioncomittop{
    padding-top:20px !important;
}
.Jointit{
    width:100%;
    font-size:44px;
    font-family:PingFang SC;
    font-weight:bold;
    color:rgba(51,51,51,1);
}
.Jointit>span{
    color:rgba(255,144,70,1);
}
.JoinHadertext{
    width:100%;
    margin-top: 20px;
}
.JonHaderli{
    width:100%;
    margin-top:60px;
}
.JonHaderli span{
    font-size: 20px;
    color:rgba(255,144,70,1);
}
.JonHaderli div{
    width:100%;
    font-size:16px;
    color:rgba(102,102,102,1);
    margin-top: 30px;
}
/* 粉色块 */
.JoinPike{
    width:100%;
    height:821px;
    background:rgba(255,226,207,1);
}
.JoinPikelist{
    width:100%;
    margin-top: 30px;
}
.JoinPikeli{
    width:253px;
    height:57px;
    font-size:24px;
    font-weight:bold;
    line-height: 57px;
    float: left;
    position: relative;
}
.JoinPindex{
    z-index:99;
}
.JoinTop{
   z-index:98;
   top:30px;
   left:-15px;
}
.JoinPiketext{
    width:100%;
    height:57px;
    background:rgba(255,255,255,1);
    position: relative;
    z-index:2;
    text-align: center;
}
.jointextOne{
    box-shadow:3px 5px 12px 0px rgba(0, 0, 0, 0.1);
    color:rgba(255,136,56,1);
}
.JoinPikeRadiu{
    width:23px;
    height:23px;
    background:rgba(255,235,141,1);
    position: relative;
    left: -10px;
    top: -10px;
    z-index:1;
}
.JoinPikeRadiu1{
    background:rgba(255,200,141,1);
    border-radius:50%;
    top: -60px;
}
.JoinPikeRadiu2{
    background:rgba(255,235,141,1);
    top: -60px;
    left:240px;
}
.JoinPikeRadiu3{
    background:rgba(255,200,141,1);
    border-radius:50%;
    left:240px;
}
/* 全方位赋能九大支撑 */
.joinjiu{
    margin-top:-600px  !important;
    z-index: 99;
    position: relative;
}
.Joinnine{
    width:941px;
    height:auto;
    background:rgba(255,255,255,1);
    border-radius:0px 50px 0px 0px;
    padding: 0px 0px 20px 0px;
}
.JoinNineBlock{
    width:90%;
    margin: 0px auto;
    padding-top: 60px;
}
.JoinNineList{
    width:100%;
    margin-top:70px;
}
.JoinNineli{
    width:100%;
}
.JoinNinetit{
    width:100%;
    font-size: 20px;
    display: flex;
}
.JoinNinetit>div{
    width:63px;
    height:30px;
    border-radius:15px;
}
.JoinNinetit>span{
    z-index: 2;
}
.joinNineRiu{
    position: relative;
    top: 10px;
    left: -40px;
    background:rgba(255,231,170,1);
    z-index:1;
}
.joinNineRiu1{
    position: relative;
    top:-10px;
    left: -100px;
    background:rgba(170,242,255,1);
    z-index:1;
}
.joinNineRiu2{
    position: relative;
    top:-10px;
    left: -40px;
    background:rgba(255,231,170,1);
    z-index:1;
}
.joinNineRiu3{
    position: relative;
    top: 10px;
    left: -80px;
    background:rgba(170,242,255,1);
    z-index:1;
}
.JoinNinetext{
    width:70%;
    padding: 10px 0px;
    font-size:16px;
    color:rgba(51,51,51,1);
    line-height: 40px;
}
.JoinnineFive{
    width:100%;
    display: flex;
}
.JoinNfiveommit{
    width:941px;
    min-height:796px;
    background:rgba(255,239,199,1);
    border-radius:50px 0px 0px 0px;
    margin-left:-160px;
}
.JoinNfiveimg{
    width: 379px;
    height: 366px;
    background: url("../../img/HH/Join.png") ;
    background-size: 100% 100% ;
    position: relative;
    z-index: 99;
    margin-top:100px;
}
.JoinNfiveommitBlock{
    width:60%;
    margin: 0px auto;
}
/* 下五 列表样式 */
.joinNp1{
    left:-90px;
    top:-15px;
}
.joinNp1{
    left:-90px;
    top:-15px;
}
.joinNp1{
    left:-90px;
    top:-15px;
}
/* 加盟按钮 */
.JoiAnimg{
    width: 380px;
    height: 90px;
    background: url("../../img/HM/JoinA1.png") ;
    background-size: 100% 100% ;
    margin-top: 80px;
    cursor: pointer;
}

/* 蛋黄快 */
.JoinTan{
    width:100%;
    height:576px;
    background:rgba(255,239,199,1);
    margin-top:-400px;
}
/* 加盟咨询块 */
.Joinaddinfo{
    width:100%;
    height: auto;
    background: url("../../img/HM/JoinA2.png") no-repeat;
    background-size:100% auto;
    padding:60px 0px;
}
.JoinaddinfoTop{
    padding-top: 0px ;
}

/* 赛选项 */
.Jioninfotit{
    width:100%;
    display: flex;
    align-items: center;
    margin-top:50px;
}
.Jioninfotit>div{
    width:160px;
    height:38px;
    border-radius:5px;
    font-size:20px;
    color:rgba(51,51,51,1);
    text-align: center;
    line-height: 38px;
    margin-right: 20px;
    cursor: pointer;
}
.jioninfotit1{
    background:rgba(255,144,70,1);
    color:rgba(255,255,255,1) !important;
}
/* 表单 */
.JionFrom{
    width:100%;
    margin-top:60px;
}
.JoinFromList{
    width:100%;
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.Joinname{
    font-size:20px;
    font-family:PingFang SC;
    color:rgba(102,102,102,1);
    padding: 0px 10px;
}
.Joininput{
    width:220px;
    height:50px;
    background:rgba(255,255,255,1);
}
.Joininput>input{
    width:90%;
    height:80%;
}
input{
    background: none;
    outline:none;
    border: none;
}


/* 省市区选择 */
.JoinSan{
    width:90%;
    height:80%;
    color:rgba(153,153,153,1); 
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.JoininputOld{
    width:100%;
    height:50px;
    background: white;
    border:1px solid rgba(217,217,217,1);
    margin-top:0px;
}
.joDifex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.joHgao{
    height: 200px;
    overflow-y:scroll;
    position: relative;
    z-index: 999;
}
.joHgao::-webkit-scrollbar
{
	width:4px;
	height: 4px;
	background-color: #F5F5F5;
}
 
/*定义滚动条轨道 内阴影+圆角*/
.joHgao::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(217,217,217,1);
	border-radius: 10px;
	background-color: rgba(217,217,217,1);
}
 
/*定义滑块 内阴影+圆角*/
.joHgao::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(255,144,70,1);
	background:rgba(255,144,70,1);
}

.JoincityNama{
    width:100%;
    height:50px;
    font-size:16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color:rgba(102,102,102,1);
    border-bottom: 1px solid rgba(217,217,217,1);;
}
/* 文本域 */
.JointextYu{
    width:529px;
    height: 103px;
    background: white;
    display: flex;
    align-items: center;
    justify-content:center;
}
textarea{
    width:95%;
    height:90%;
    outline: none;
    resize: none;
    border: none;
}
/* 立即咨询 */
.JionXun{
    width:380px;
    height:60px;
    background:rgba(255,144,70,1); 
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:24px;
    color:rgba(255,255,255,1);
    margin-top: 20px;
    margin-left:60px;
}