body,ul,li,p,dl,dd,dt,dd,i,em,a{padding: 0px;margin: 0px;text-decoration: none;list-style: none;font-style: normal;font-family: "microsoft yahei";}
html{font-size: 10px;}
img{display: block;}
textarea{resize: none;border: none;outline: none;background-color: transparent;}
.navbar{height: 44px;width: 100%;box-sizing: border-box;font-size: 1.7rem;background-color: #000;text-align: center;display: flex;color: white;line-height: 44px;justify-content:space-between;-webkit-justify-content:space-between;padding: 0px 8px;-webkit-align-items: center;align-items: center;position: fixed;top: 0px;left: 0px;z-index: 1000;}
.colorW{color: white !important;}
.allOver{text-align: center;}
.navbar .left{margin-right: 10px;display: flex;display:-webkit-flex;display: -ms-flexbox;display:-webkit-box;flex-shrink: 0;height: 44px;padding-left: 20px;background:url(../img/zp/craft_navBackIcon.png) no-repeat left center;background-size: 12px;}
.navbar .right{height: 44px;width:50px;background-size: 22px;}
.navbar .center{display: flex;display:-webkit-flex;display: -ms-flexbox;display:-webkit-box;flex-shrink: 10;line-height: 44px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: white;}
.tools{position: fixed;bottom: 0px;left: 0px;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 1.6rem;display: block;}
.editResume .list-block {margin-bottom: 40px;}
.list-block li{margin-left: 12px;padding-right: 12px;position: relative;padding-top: 8px;padding-bottom: 7px;font-size: 1.4rem;box-sizing: border-box;display: -webkit-flex;display: -ms-flexbox;display: -webkit-box;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;height: 44px;}
.list-block li:after{position: absolute;background-color: #dfdfdf;left: 0px;bottom: 0px;width: 100%;display: block;content: '';height: 1px;}
.list-block li>span,.list-block li>em{display: flex;display: -webkit-flex;}
.list-block li>span{-webkit-flex-shrink: 0;flex-shrink: 0;}
.list-block li>em{margin-left: 15px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-block li input[type="text"],.list-block li input[type="number"]{width: 100%;display: block;height: 43px;border: none;outline: none;color: #999;background: none;}
.list-block li>em>i{padding-left: 26px;background: url(../img/zp/craft_radioCheck.png) no-repeat 4px -16px;background-size: 16px;margin-right: 6px;line-height: 30px;height: 30px;padding-right: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-block li>em>i.radio-checked{background-position: 4px 7px;}
.button{transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;}
.button.gray-bg{background-color: #f5f5f5;}
.button-fill{transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;opacity: 1;}
.button-share{background: url(../img/zp/craft_zpShare.png) no-repeat center center;}
/*段落*/
.paragraphWrap{padding: 0px 12px;}
.paragraphList textarea{width: 100%;height: 180px;font-size: 1.4rem;line-height: 20px;}
.paragraphList{background-color: #f1f1f1;margin-bottom: 30px;overflow: hidden;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;-ms-transition: all 0.6s;}
.paragraphImg{overflow: hidden;}
.paragraphImg>em{float: left;height: 54px;width: 54px;overflow: hidden;margin: 5px;position: relative;border: 1px solid #f1f1f1;}
.paragraphImg>em>i{height: 20px;width: 20px;background: url(../img/zp/craft_delImg.png) no-repeat right top;background-size: 18px;display: block;position: absolute;top: 0px;right: 0px;}
.paragraphImg>em img{width: 100%;min-height: 100%;}
.paragraphImg label input{display: block;position: absolute;z-index: -1;opacity: 0;height: 0px;width: 0px;}
.paragraphImg label{float: left;height: 54px;width: 54px;background: url(../img/zp/craft_photoLoadBtn.png) no-repeat center center;background-size: 40px;border: 1px solid #dfdfdf;margin: 5px;}

.paragraphPanle{overflow: hidden;padding: 8px 0px;background-color: #d9d9d9;font-size: 1.6rem;}
.paragraphPanle li{float: left;position: relative;width: 50%;text-align: center;height: 20px;line-height: 20px;color: #969696;}
.paragraphPanle li:after{width: 1px;position: absolute;right: 0px;top: 0px;height: 100%;content: '';background-color: #a8a8a8;}
.paragraphPanle li:last-child:after{width: 0px;}
.paragraphPanle li span{color: #982424;font-size: 2rem;padding-right: 4px;line-height: 20px;height: 20px;}
.paragraphText{padding: 10px;}
/*技能专长*/
.specialtyPanle{overflow: hidden;padding: 0px 12px;}
.specialtyPanle li:first-child{float: left;}
.specialtyPanle li:last-child{float: right;color: #982424;height: 24px;line-height: 24px;}
.specialty{font-size: 1.4rem;}
.specialty .list-block li >em{-webkit-justify-content: flex-end;justify-content: flex-end;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-right: 30px;}
.specialty .list-block li select{height: 26px;min-width: 60px;}
.specialty .list-block li input[type="text"]{color: #000;}
.specialty .list-block li{transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;}
.specialty .list-block li>i{height: 26px;width: 26px;background: url(../img/zp/craft_delAffix.png) no-repeat center center;background-size: 12px;display: block;position: absolute;right: 0px;top: 50%;margin-top: -13px;}
/*.specialty .list-block li.displayNone{opacity: 0;}*/


.introduce{padding: 0px 12px;font-size: 1.4rem;}
.introduceText{padding: 10px;background-color: #f1f1f1;margin: 12px 0px;}
.introduceText textarea{font-size: 1.4rem;line-height: 20px;display: block;height: 120px;width: 100%;}
.affix{margin-bottom: 80px;max-width: 100%;padding: 0px 12px;}
.affix>div{font-size: 1.4rem;overflow: hidden;}
.affix>div p{float: left;}
.affix>div p i{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #969696;}
.affix .affixInput input{display: block;z-index: -1;height: 0px;width: 0px;opacity: 0;position: absolute;left: 0px;}
.affix .affixInput{padding-left: 22px;background: url(../img/zp/craft_affixUpIcon.png) no-repeat left center;background-size: 16px;color: #982424;float: right;width: 40px;}
.affix .affix-fileName{border: 1px solid #dfdfdf;margin: 10px auto;padding: 0px 10px;height: 26px;line-height: 26px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 24px;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;}
.affix .affix-fileName>i{position: absolute;right: 0px;top: 0px;height: 26px;width: 26px;background: url(../img/zp/craft_delAffix.png) no-repeat center center;background-size: 12px;}

.saveResume{overflow: hidden;border-top: 1px solid #dfdfdf;position: fixed;bottom: 0px;left: 0px;width: 100%;background-color: white;}
.saveResume li{float: left;width: 50%;color: #982424;font-size: 1.6rem;height: 40px;line-height: 40px;text-align: center;}
.saveResume li:last-of-type{background-color: #982424;color: white;}
.radioChecked-enter-active, .radioChecked-leave-active {
  transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;border-radius: 6px;
}
.radioChecked-enter, .radioChecked-leave-active {
  padding-left: 26px;background: url(../img/zp/craft_radioCheck.png) no-repeat 4px -16px;background-size: 16px;margin-right: 6px;line-height: 30px;height: 30px;padding-right: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
  background-position: 4px 7px;
}

/*企业详情页面*/
.companyDetails{}
.companyDetails .main>ul li>p img{max-width: 100%;margin: auto;}
.companyDetails .companyImgWrap{margin-top: 10px;overflow: hidden;position: relative;}
.companyDetails .companyImgWrap .my-gallery{overflow: hidden;position: absolute;height: auto !important;}
.companyDetails .companyImgWrap .my-gallery a{display: block;height: 100%;width: 100%;}
.companyDetails .companyImgWrap figure{display: block;padding: 0px;/*height: 64px !important;width: 64px !important;*/}
.companyDetails .companyImgWrap figure img{width: 100%;height: 100%;}
.companyDetails .main>ul li{position: relative;background-color: #f4dada;margin-bottom: 20px;padding: 10px;font-size: 1.4rem;line-height: 20px;color: #333;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.companyDetails .main{padding: 0px 12px;background: url(../img/zp/craft_companyTopBg.jpg) #c74444 no-repeat center top;background-size: 100% auto;padding-top: 240px;padding-bottom: 30px;}
.companyDetails .main>ul li .companyLogo{position: absolute;top: -40px;left: 0px;height: 64px;width:64px;border: 4px solid #f4dada;box-shadow: 2px 2px 4px rgba(0,0,0,0.1);overflow: hidden;}
.companyDetails .main>ul li .companyLogo img{width: 100%;}
.companyDetails .main>ul li:first-of-type h3{max-width: 61%;margin: auto;text-align: center;margin-bottom: 20px;font-size: 1.4rem;font-weight: 800;color: #000;}
.companyDetails .main>ul li>p{text-align: justify;}

.companyDetails .main>ul li:first-child dl:first-of-type{line-height: 24px;display: block;margin-top: 10px;}
.companyDetails .main>ul li:first-child dl{overflow: hidden;}
.companyDetails .main>ul li:first-child dl *{float: left;}
.companyDetails .main>ul li:first-child dl dt{width: 44px;}
.companyDetails .main>ul li:first-child dl dd{width: 84%;}

.companyDetails .main>ul .commanyJobList{padding: 10px 0px 0px 0px;}
.companyDetails .main>ul .commanyJobList>*{padding: 0px 10px;}
.companyDetails .main>ul .commanyJobList>div:not(.job-content){overflow: hidden;color: #000;margin-bottom: 4px;}
.companyDetails .main>ul .commanyJobList>div.job-content{padding-bottom: 12px;}
.companyDetails .main>ul .commanyJobList>div:nth-of-type(1){margin-bottom: 10px;}
.companyDetails .main>ul .commanyJobList>div em:first-of-type{float: left;}
.companyDetails .main>ul .commanyJobList>div em:last-of-type{float: right;}
.companyDetails .main>ul .commanyJobList p{line-height: 24px;}
.companyDetails .main>ul .commanyJobList>i{display: block;height: 30px;line-height: 30px;text-align: center;color: #c74444;border-top: 1px solid #a8a8a8;}
.companyDetails .main>ul .commanyJobList>i.jobPosted{color: #969696;}
.companyDetails .main>ul .commanyJobList>div.jobRequirements{color: #333;line-height: 22px;margin-bottom: 12px;}

/*简历预览*/
.resumePreview .main{padding: 0px 12px 30px 12px;}
.resumePreview .title{line-height: 30px;height: 30px;border-bottom: 1px solid #dfdfdf;color: #c74444;font-size: 1.7rem;padding-top: 12px;}
.resumePreview .personalInfo{overflow: hidden;margin-top: 10px;}
.resumePreview .personalInfo li{float: left;width: 50%;}
.resumePreview .personalInfo li p{margin-bottom: 6px;line-height: 20px;font-size: 1.4rem;}
.resumePreview .personalInfo li p:last-of-type{margin-bottom: 0px;}
.resumePreview .works p{line-height: 22px;font-size: 1.4rem;margin:12px 0px;}
.resumePreview .works p img{max-width: 100%;margin: auto;}
.resumePreview .goodAt{overflow: hidden;line-height: 18px;font-size: 1.4rem;margin-top: 6px;}
.resumePreview .goodAt li:first-child{float: left;color: #969696;}
.resumePreview .goodAt li:last-of-type{float: right;text-align: right;}
.resumePreview .introduceMyself{font-size: 1.4rem;line-height: 22px;margin-top: 10px;}
.resumePreviewPop{display: none;padding: 0px 12px;position: absolute;top: 0px;left: 0px;background-color: white;padding-bottom: 44px;width: 100%;box-sizing: border-box;}
.resumePreviewPop .closeResumePreviewPop{position: fixed;bottom: 0px;left: 0px;background-color:rgba(0,0,0,0.2);width: 100%;color: white;font-size: 1.6rem;text-align: center;line-height: 40px;height: 40px;}
.resumePreviewPop .works pre{font-family: "microsoft yahei";margin: 0px;}
/*企业列表*/

.companyList .main{padding: 10px 17px 40px 10px;}
.companyList .main dl{overflow: hidden;padding: 8px;box-shadow: 8px 8px 0px #cf6767;background-color: #fff;display: block;}
.companyList .main dl dt{float: left;width: 24%;overflow: hidden; }
.companyList .main dl dt img{width: 100%;height: 100%;border: 1px solid #f1f1f1;}
.companyList .main dl dd{float: left;width: 76%;font-size: 1.2rem;}
.companyList .main dl dd ul{overflow: hidden;line-height: 24px;}
.companyList .main dl dd li:first-of-type{float: left;font-size: 1.4rem;font-weight: 800;color: #000;width: 70%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.companyList .main dl dd li:last-of-type{float: right;padding-left: 16px;background: url(../img/zp/craft_map.png) no-repeat left center;background-size: 8px;}
.companyList .main dl dd p{margin-top: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #c74545;}
.companyList .main dl dd i{margin-top: 4px;display: block;height: 36px;overflow: hidden;line-height: 18px;color: #111;padding-right: 0px;text-align: justify;}
.companyList .main dl dd>*{padding: 0px 8px;}
.companyList .main>a{box-shadow: 7px 7px 20px rgba(0,0,0,0.5);display: block;margin-bottom: 20px;}
.companyList .main a{color: #000;}
.backtop{position: fixed;right: 10px;bottom: 30px;background: url(../img/zp/craft_goTop.png) no-repeat center center;height: 40px;width: 40px;background-size: 40px;display: none;}
/*查看简历*/
.checkResume .resumeTopImg{width: 100%;}

/*企业报名*/
.busSignUp .tools{background-color: #982424;color: #fff;font-size: 1.6rem;}
.busSignUp li>span{display: block;width: 56px;}

/*首页*/
.zpIndex {background: url(../img/zp/craft_indexBottomBg.png) no-repeat center bottom,url(../img/zp/craft_indexTopBg.png) no-repeat center 500px;background-size: 100% auto;height: 100%;}
.zpIndex .main{margin-top: -16%;margin: 0px 12px;padding-bottom: 120px;}
.zpIndex .craft_zpIndexTopBg{width: 100%;}
.zpIndex .indexTip{width: 80%;margin: auto;padding: 12px 10px;border: 1px solid #fff;color: white;font-size: 1.4rem;position: relative;margin-bottom: 20px;text-align: justify;}
.zpIndex .index_title{font-size: 1.7rem;text-align: center;line-height: 24px;background: url(../img/zp/craft_indexTitleBg.png) no-repeat left center,url(../img/zp/craft_indexTitleBg.png) no-repeat right center;width: 92%;background-size: 26%;margin: auto;color: white;margin-bottom: 16px;}
.zpIndex .indexPerson{max-height: 114px;min-height: 100px;width: 98%;position: relative;color: white;margin-left: 7px;display: block;background-color: rgba(0,0,0,0.3);margin-bottom: 20px;}
.zpIndex .indexPerson img{height: 100px;width: 100px;}
.zpIndex .indexPerson dl{overflow: hidden;}
.zpIndex .indexPerson dl dt{float: left;height: 100px;width: 100px;position: absolute;top: -7px;left: -7px;}
.zpIndex .indexPerson dl dd{float: left;margin-left: 106px;}
.zpIndex .indexPerson h3{margin: 10px 0px 6px 0px;padding-right: 6px;}
.zpIndex .indexPerson h3>em{margin-right: 10px;}
.zpIndex .indexPerson p{padding-right: 6px;height: 60px;line-height: 19px;overflow: hidden;}
.zpIndex .index_company{overflow: hidden;margin-bottom: 20px;}
.zpIndex .index_company li{float: left;width: 48%;margin-bottom: 12px;background-color: rgba(0,0,0,0.3);color: white;}
.zpIndex .index_company li a{display: block;color: white;}
.zpIndex .index_company li:nth-of-type(2n){margin-left: 2%;}
.zpIndex .index_company li:nth-of-type(2n+1){margin-right: 2%;}
.zpIndex .index_company dt img{width: 100%;}
.zpIndex .index_company dd p{padding: 0px 8px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 1.4rem;line-height: 20px;}
.zpIndex .index_company dd em{margin-left: 8px;font-size: 1.2rem;padding-left: 14px;background: url(../img/zp/craft_indexMapIcon.png) no-repeat left center;background-size: 7px;line-height: 20px;}
.zpIndex .index_company dd{padding: 4px 0px;}

.moreCompany{float: right;font-size: 1.4rem;color: white;margin-bottom: 30px;}

.zpIndex .indexButton{width: 200px;border-radius: 6px;background-color: white;color: #c74444;text-align: center;height: 40px;line-height: 40px;box-shadow: 0px 4px 10px rgba(0,0,0,0.3);margin: auto;display: block;clear:both;font-size: 1.6rem;margin-bottom: 20px;}
.zpIndex .schoolWrap{overflow: hidden;margin-bottom: 20px;}
.zpIndex .schoolWrap img{float: left;width: 22%;margin-left: 1.5%;margin-right: 1.5%;margin-bottom: 10px;}

/*企业详情图片版*/
.companyDetailDesign .main{padding-bottom: 40px;}
.companyDetailDesign .main img{width: 100%;}
.companyDetailDesign .tools{background-color: #982424;color: white;}
.jobPop{height: 100%;position: fixed;background-color: white;top: 0px;width: 100%;left: 0px;overflow: auto;display: none;}
.jobPop ul{padding-bottom: 70px;padding-top: 44px;}
.jobPop li{-webkit-justify-content:space-between;justify-content: space-between;}
.jobPop li a{padding: 4px 0px;background-color: #c74444;color: white;display: block;font-size: 1.2rem;border-radius: 6px;text-align: center;width: 64px;}
.jobPop .closeJobPop{position: fixed;bottom: 60px;left: 50%;margin-left: -20px;height: 40px;width: 40px;background: url(../img/zp/craft_closeJobPop.png) no-repeat center center;background-size: 40px;}
.jobPop .jobPosted a{background-color: #d9d9d9;color: #969696;}

@media only screen and (min-width: 320px) {
    .zpIndex .indexPerson dl dd{margin-left: 102px;}
}

@media only screen and (max-width: 375px) {
    .companyDetails .main>ul li .companyLogo{position: absolute;top: -25px;left: 0px;height: 50px;width:50px;border: 4px solid #f4dada;box-shadow: 2px 2px 4px rgba(0,0,0,0.1);overflow: hidden;}
}
@media only screen and (min-width: 375px) {
    .companyDetails .main{padding-top: 280px;}
    .companyDetails .main>ul li .companyLogo{height: 66px;width: 66px;}
    .companyDetails .main>ul li:first-of-type h3{margin-bottom: 36px;}
    .zpIndex .indexPerson dl dd{margin-left: 102px;}
}

@media only screen and (min-width: 414px) {
    .companyDetails .main{padding-top: 320px;}
    .companyDetails .main>ul li .companyLogo{height: 78px;width: 78px;}
    .companyDetails .main>ul li:first-of-type h3{margin-bottom: 40px;}
}

@media only screen and (min-width: 600px) {
    .companyDetails .main{padding-top: 440px;}
    .companyDetails .main>ul li .companyLogo{height: 88px;width: 88px;}
  .companyDetails .main>ul li:first-of-type h3{margin-bottom: 40px;}
}
@media only screen and (min-width: 768px) {
    .companyDetails .main{padding-top: 550px;}
    .companyDetails .main>ul li .companyLogo{height: 120px;width: 120px;}
  .companyDetails .main>ul li:first-of-type h3{margin-bottom: 80px;}
}
@media only screen and (min-width: 1024px) {
    .companyDetails .main{padding-top: 750px;}
}