html,body,#app {
    width: 100%;
    height: 100%;
    font-size: calc(100/750*100vw);
}
button{
    outline: none;
}
.employed{
    width: 100%;
    height: 100%;
    font-size: 14px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.employed-header{
    width: 100%;
    height: .78rem;
    background: #F4F4F4;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:.3rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(19,19,19,1);
}

.employed-main{
    flex: 1;
    overflow: auto;
    background: #F1F1F1;
}

.employed-footer{
    width:100%;
    height:.9rem;
    display: flex;
    background: #FDF9FA;
}
.employed-footer>img{
    width: 100%;
    height: 100%;
}

.banner{
    width: 100%;
    height: 4.04rem;
    box-sizing: border-box;
    padding: .36rem;
    background: url("/imgs/banner.png") no-repeat;
    background-size: 100%;

}
.banner>h1{
    color:#fff;
    font-size: .58rem;
    margin: .19rem .19rem .3rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
}
.banner>p{
    color:#fff;
    font-size: .24rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    line-height: .5rem;
}
.banner>h3{
    color:#EF8E41;
    font-size: .3rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    margin: .30rem .19rem;
}
.banner>h3>span{
    color:#FF6A00;
    font-size: .46rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
}
.banner>div{
    display: flex;
}
.banner>div>button{
    width: 2.18rem;
    height: .66rem;
    background:#FF6A00;
    color: #FBFBFB;
    font-size:.26rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    border: 1px solid #FF6A00;
}
.banner>div>p{
    width: 2.18rem;
    height: .66rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FF6A00;
    font-size:.26rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
}
.smfu{
    width: 100%;
    height: 1.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .5rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(47,47,47,1);
    background: url("/imgs/main.png") no-repeat;
    background-size: 100%;
}
.employed-items{
    padding: 0 .18rem;
    box-sizing: border-box;
    margin-bottom: .6rem;
    box-shadow:0px 2px 26px 0px rgba(0,0,0,0.14);
}
.employed-item{
    width: 100%;
}
.item-main{
    width: 100%;
    padding: .5rem .4rem;
    background: #fff;
    box-sizing: border-box;
}
.employed-item>hr{
    width: 100%;
    height: .1rem;
    margin: 0;
    background: #343E3A;
    border: none;
}
.item-main-header{
    margin-top: .05rem;
    height: .5rem;
    margin-bottom: 0.1rem;

}
.item-main-header>h3{
    margin: 0;
    float: left;
    font-size:.36rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(59,59,59,1);
    line-height:.5rem;
}
.item-main-header>p{
    float: right;
    width:2.3rem;
    height:.42rem;
    border:1px solid rgba(255,106,0,1);
    font-size:.24rem;
    font-family:PingFangSC-Medium,PingFang SC;
    font-weight:500;
    color:rgba(255,106,0,1);
    line-height:.42rem;
    text-align: center;
}
.item-main>h5{
    font-size:.24rem;
    margin: 0;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(121,121,121,1);
    line-height:.33rem;
}
.item-main>hr{
    margin: .35rem 0;
    height: 1px;
    background: #D6D6D6;
    border: none;
}
.p-item{
    margin: .26rem 0; 
}
.p-item>p{
    font-size:.24rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(34,34,34,1);
    line-height:.33rem;
    padding: .05rem 0;
}
.p-item>p>img{
    width: .2rem;
    height: .2rem;
    margin-right: .25rem;
}
.item-main>h3{
    margin: .2rem 0;
    height:.5rem;
    font-size:.3rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#FF6A00;
    line-height:.42rem;
}
.item-main>h3>span{
    font-size: .36rem;
}
.item-main>button{
    width: 100%;
    height:.66rem;
    border: 1px solid #FF6A00;
    background:#FF6A00;
    color:#fff;
}
.even-item{
    display: flex;
    flex-wrap: wrap;
}
.even-item>p{
    width: 50%;
}

.liji{
    width: 100%;
    height: .8rem;
    background:rgba(255,106,0,1);
    color: #fff;
    outline: none;
    border: 1px solid rgba(255,106,0,1);
    margin-bottom: .6rem;
}

.employed-footer>div{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.employed-footer>div>i{
    flex:7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.employed-footer>div:nth-child(1)>i>img{
    width: .49rem;
    height: .42rem;
}
.employed-footer>div:nth-child(2)>i>img{
    width: .38rem;
    height: .39rem;
}
.employed-footer>div>span{
    flex: 3;
    font-size:.18rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(144,140,142,1);
}



.banner2{
    width: 100%;
    height: 3.18rem;
}
.banner2>img{
    width: 100%;
    height: 100%;
}

.my{
    width: 100%;
    height: 1rem;
    background: #fff;
    display: flex;
    margin-top:.4rem; 
}
.my>span{
    flex:2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.my>span>img{
    width: .22rem;
    height: .24rem;
}
.my>p{
    flex: 7;
    display: flex;
    align-items: center;
    font-size:.28rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(19,19,19,1);
    line-height:.40rem;
}
.my>i{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.my>i>img{
    width: .09rem;
    height: .17rem;
}

.btnkai{
    width: 100%;
    height: .66rem;
    padding: 0 .57rem;
    box-sizing: border-box;
    margin-top: .5rem;
}
.btnkai>button{
    width: 100%;
    height: 100%;
    background: #FF6A00;
    border: 1px solid #FF6A00;
    color: #fff;
}