@import './m_com_open_box.css';
.pc-com-module-title {
    padding: 1rem 0 .7rem 0;
    text-align: center;
    line-height: .34rem;
    color: #333333;
    font-size: 0.34rem;
    font-weight: bold;
}
.pc-banner {
    display: none;
}
.mbanner .banner {
    width: 100%;
    height: 7.2rem;
    background: url(/images/company/fozu.gif) no-repeat center;
    background-size: cover;
}
.page-register .mbanner a {
    display: block;
    width: 100%;
}
.page-register .page-showmsg {
    padding: 0 .26rem;
}
.page-register .page-showmsg .tips {
    padding: 0.8rem 1rem .3rem;
    font-size: 0.27rem;
    line-height: 0.47rem;
    color: #666666;
    text-align: center;
}
.page-register .page-showmsg .tips span {
    color: #409EFF;
    /* font-weight: bold; */
    font-size: .54rem;
    letter-spacing: .02rem;
}
.page-register .page-showmsg .hmform {
    margin-bottom: .4rem;
}
.page-register .page-showmsg .complete {
    height: 1.6rem;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.page-register .page-showmsg .complete .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-register .page-showmsg .complete .item div {
    font-size: 0.26rem;
    line-height: 0.86rem;
    color: #666666;
}
.page-register .register-serve {
    padding: 0 .26rem .48rem;
}
.page-register .register-serve .sbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page-register .register-serve .sbox li {
    width: 3.34rem;
    margin-bottom: .2rem;
}
.page-register .register-serve .sbox li img {
    width: 100%;
    height: 2.15rem;
}
.page-register .register-serve .sbox li .tit {
    font-size: 0.28rem;
    line-height: 0.76rem;
    color: #409EFF;
    padding-top: .04rem;
}
.page-register .register-serve .sbox li .cont {
    font-size: 0.24rem;
    line-height: 0.34rem;
    color: #333333;
    padding-right: .12rem;
}
.page-register .register-content {
    width: 100%;
    height: 16.67rem;
    background: url('/images/company/m_zc_46.jpg') no-repeat center;
    background-size: cover;
}
.page-register .register-content .pc-com-module-title {
    color: #fff;
}
.page-register .register-content .cbox li.citem {
    width: 6.98rem;
    height: 2.1rem;
    margin: 0 auto .2rem;
    padding-left: .34rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
}
.page-register .register-content .cbox li.citem .tit {
    padding: .4rem 0 0 .8rem;
    font-size: 0.31rem;
    line-height: 0.6rem;
    color: #409EFF;
    background: url(/images/company/zctm_27.png) no-repeat left bottom;
    background-size: .6rem .6rem;
}
.page-register .register-content .cbox li.citem .cont {
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: #666666;
    padding-top: .2rem;
}
.page-register .register-content .cbox li.citem div.tit2 {
    background-image: url(/images/company/zctm_28.png);
}
.page-register .register-content .cbox li.citem div.tit3 {
    background-image: url(/images/company/zctm_31.png);
}
.page-register .register-content .cbox li.citem div.tit4 {
    background-image: url(/images/company/zctm_40.png);
}
.page-register .register-content .cbox li.citem div.tit5 {
    background-image: url(/images/company/zctm_42.png);
}
.page-register .register-content .cbox li.citem div.tit6 {
    background-image: url(/images/company/zctm_45.png);
}
.page-register .pack-yy {
    width: 100%;
    height: 2.7rem;
    text-align: center;
    background: -webkit-gradient(linear, left top, right top, from(#4f468d), to(#9685ff));
    background: linear-gradient(left, #4f468d, #9685ff);
}
.page-register .pack-yy .tit {
    font-size: 0.42rem;
    line-height: 0.68rem;
    color: #ffffff;
    padding-top: .33rem;
}
.page-register .pack-yy .cont {
    font-size: 0.25rem;
    line-height: 0.48rem;
    color: #ffffff;
    margin-bottom: .23rem;
}
.page-register .pack-yy .yybtn {
    display: block;
    width: 2.66rem;
    height: 0.66rem;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    text-align: center;
    line-height: 0.66rem;
    font-size: 0.27rem;
    color: #ffffff;
    margin: 0 auto;
    letter-spacing: .02rem;
    border: .02rem solid #fff;
}
.page-register .register-flow {
    padding-left: .26rem;
}
.page-register .register-flow .ctit {
    font-size: 0.28rem;
    line-height: 0.3rem;
    color: #409EFF;
    margin-bottom: .4rem;
}
.page-register .register-flow .ct-flow {
    margin-bottom: .72rem;
}
.page-register .register-flow .ct-flow .fbox {
    width: 7.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-register .register-flow .ct-flow .fbox li {
    float: left;
    width: 1.46rem;
    height: .54rem;
    background-color: #2c2f61;
    text-align: center;
    margin: 0 .9rem .6rem 0;
    position: relative;
    font-size: 0.24rem;
    line-height: 0.54rem;
    color: #ffffff;
}
.page-register .register-flow .ct-flow .fbox li.lastbot {
    margin-bottom: 0;
}
.page-register .register-flow .ct-flow .fbox .toleft::before {
    content: '';
    width: .68rem;
    height: .1rem;
    background: url(/images/company/im_da.png) no-repeat center;
    background-size: .68rem .1rem;
    position: absolute;
    top: 0.21rem;
    left: -0.75rem;
}
.page-register .register-flow .ct-flow .fbox .toright::after {
    content: '';
    width: .72rem;
    height: .1rem;
    background: url(/images/company/im_dd.png) no-repeat center;
    background-size: .72rem .1rem;
    position: absolute;
    top: 0.21rem;
    right: -0.78rem;
}
.page-register .register-flow .ct-flow .fbox .totop::before {
    content: '';
    width: .1rem;
    height: .4rem;
    background: url(/images/company/im_dc.png) no-repeat center;
    background-size: .1rem .4rem;
    position: absolute;
    top: -0.48rem;
    left: 0.69rem;
}
.page-register .register-flow .ct-flow .fbox .toright2::after {
    content: '';
    width: .73rem;
    height: 1.2rem;
    background: url(/images/company/im_db.png) no-repeat center;
    background-size: .73rem 1.2rem;
    position: absolute;
    bottom: 0.23rem;
    right: -0.8rem;
}
.page-register .register-flow .db-flow .fbox {
    width: 6.98rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-register .register-flow .db-flow .fbox li {
    width: 2.2rem;
    height: 2.6rem;
    background-color: #fff;
    -webkit-box-shadow: 0 0 .2rem #f1f3f2;
    box-shadow: 0 0 .2rem #f1f3f2;
    text-align: center;
    overflow: hidden;
}
.page-register .register-flow .db-flow .fbox li .img1 {
    width: 1.17rem;
    height: 1.2rem;
    margin-top: .4rem ;
}
.page-register .register-flow .db-flow .fbox li .img2 {
    width: 1.46rem;
    height: 1.1rem;
    margin-top: .5rem;
}
.page-register .register-flow .db-flow .fbox li .img3 {
    width: 1.02rem;
    height: 1.16rem;
    margin-top: .44rem;
}
.page-register .register-flow .db-flow .fbox li .cont {
    padding-top: .3rem;
    font-size: 0.24rem;
    line-height: 0.35rem;
    color: #333333;
}
.page-register .register-flow .db-flow .fbox li .cont1 {
    padding: 0 .45rem;
    padding-top: .15rem;
}
.page-register .need-some {
    padding-bottom: .5rem;
}
.page-register .need-some .zlbox {
    padding: 0 .26rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page-register .need-some .zlbox li {
    text-align: center;
    margin-bottom: .3rem;
}
.page-register .need-some .zlbox li p {
    font-size: 0.24rem;
    line-height: 0.72rem;
    color: #333333;
}
.page-register .need-some .zlbox li p.pc-word {
    display: none;
}
.page-register .need-some .zlbox li.tp .img1 {
    width: 1.36rem;
    height: .86rem;
}
.page-register .need-some .zlbox li.tp .img2 {
    width: .94rem;
    height: 1.20rem;
}
.page-register .need-some .zlbox li.tp .img3 {
    width: 1.59rem;
    height: 1.18rem;
}
.page-register .need-some .zlbox li.jia {
    width: .25rem;
    height: .25rem;
    background: url(/images/app/jiahao.png) no-repeat top;
    background-size: 100%;
    margin: 0 .34rem;
    padding-top: .75rem;
}
.page-register .need-some .zlbox li.jia1 {
    display: none;
}
.page-register .getsome {
    width: 100%;
    height: 10.7rem;
    background: url(/images/company/m_zc_96.jpg) no-repeat center;
    background-size: cover;
}
.page-register .getsome .pc-com-module-title {
    color: #fff;
}
.page-register .getsome .stepbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page-register .getsome .stepbox li {
    width: 2.20rem;
    margin: 0 .12rem;
    text-align: center;
    margin-bottom: .52rem;
}
.page-register .getsome .stepbox li .img {
    width: 100%;
    height: 2.70rem;
    background-color: #fff;
    overflow: hidden;
}
.page-register .getsome .stepbox li .img .img1 {
    width: 1.60rem;
    height: 2.16rem;
    margin-top: .26rem;
}
.page-register .getsome .stepbox li .img .img2 {
    width: 1.55rem;
    height: 2.16rem;
    margin-top: .29rem;
}
.page-register .getsome .stepbox li .img .img3 {
    width: 1.93rem;
    height: 1.33rem;
    margin-top: .68rem;
}
.page-register .getsome .stepbox li .img .img4 {
    width: 1.52rem;
    height: 2.21rem;
    margin-top: .24rem;
}
.page-register .getsome .stepbox li .img .img5 {
    width: 1.99rem;
    height: 1.15rem;
    margin-top: .78rem;
}
.page-register .getsome .stepbox li p {
    padding: .13rem .1rem 0;
    font-size: .26rem;
    line-height: .34rem;
    color: #ffffff;
}
.page-register .hm-question .pc-com-module-title {
    padding-top: .6rem;
}
.page-register .hm-question .qabox li {
    width: 6.98rem;
    margin: 0 auto .34rem;
}
.page-register .hm-question .qabox li.mhide {
    display: none;
}
.page-register .hm-question .qabox li .tit {
    width: .4rem;
    height: .4rem;
    background-color: #409EFF;
    font-size: 0.26rem;
    line-height: 0.4rem;
    color: #ffffff;
    margin-right: .26rem;
    text-align: center;
}
.page-register .hm-question .qabox li .cont {
    width: 6.3rem;
}
.page-register .hm-question .qabox li .ques {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .3rem;
}
.page-register .hm-question .qabox li .ques .cont {
    font-size: 0.28rem;
    line-height: 0.4rem;
    color: #333333;
    font-weight: bold;
}
.page-register .hm-question .qabox li .answ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
}
.page-register .hm-question .qabox li .answ .tit {
    background-color: #9685ff;
    margin-top: .1rem;
}
.page-register .hm-question .qabox li .answ .cont {
    font-size: 0.24rem;
    line-height: 0.56rem;
    color: #666666;
}
.page-register .hm-question .qbtn {
    width: 3.6rem;
    height: 0.9rem;
    border-radius: 0;
    background: -webkit-gradient(linear, left top, right top, from(#409EFF), to(rgb(121, 187, 255)));
    background: linear-gradient(left, #409EFF, rgb(121, 187, 255));
    cursor: pointer;
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.9rem;
    color: #ffffff;
    margin: 0 auto;
}
.page-register .other-provide {
    padding: 0 .26rem 1.2rem;
}
.page-register .other-provide .obox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-register .other-provide .obox .item {
    float: left;
    width: 2.14rem;
    height: 1.74rem;
    padding-top: .4rem;
    background-color: #fff;
    text-align: center;
    margin-bottom: .28rem;
    -webkit-box-shadow: 0 0 .5rem #f4f4f4;
    box-shadow: 0 0 .5rem #f4f4f4;
}
.page-register .other-provide .obox .item a {
    display: block;
    width: 100%;
    height: 100%;
}
.page-register .other-provide .obox .item img {
    width: .9rem;
    height: .9rem;
}
.page-register .other-provide .obox .item p {
    font-size: .24rem;
    line-height: .70rem;
    color: #666666;
}
.pagecover {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: none;
}
.pagecover .gszc-submit {
    background-color: #409EFF;
}
