*{
    outline: none;
}
a{
    width: 100%;
    height: 100%;
}
.layui-m-layer-msg .layui-m-layercont{
	color: #ffffff;
}
.layui-layer-content{
    color: #ffffff;
}
#select{
    margin: 0 10px 0 78%;
    background: rgba(0,0,0,0);
    width: 65px;
    height: 20px;
    border: none;
    color: white;
    border-radius: 5px;
}
.select-head{
    overflow: hidden;
    width: 65px;
    height: 20px;
    box-sizing: border-box;
    padding: 0 10px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select-head .select-head-cont{
    float: left;
    font-size: 14px;
    color: #95989E;
    line-height: 20px;
}
.select-head .select-icon{
    float: right;
}
.select-head .select-icon img{
    width: 8px;
    height: 4px;
}
.option{
    text-indent: 10px;
    margin-top: 1px;
    width: 62px;
    color: black;
    background:#ffffff;
    line-height: 25px;
    border: 1px #cfcfcf solid;
    display: none;
    z-index: 5;
    position: absolute;
    right: 14px;
    top: 34px;
}
.option-item:hover{
    background: rgba(34, 189, 122, 0.3);
}
.click_bg{
    background: rgba(34, 189, 122, 0.3);
}
.rotate {
    transform-origin: center center;
    /* //旋转中心要是正中间 才行*/
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
}

.rotate1 {
    transform-origin: center center;
    transform: rotate(0deg);
    /*//返回原点*/
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    -ms-transition: -ms-transform 0.2s;
}
body{
    background: #F5F7FA;
}
.main{
    min-height: cala(100vh - 5rem);
}
.layui-m-layer0 .layui-m-layerchild{
    width: 80%;
}
.layui-m-layercont{
    padding: 20px 20px;
    font-size: 14px;
    line-height: 15px;
}
.layui-m-layerbtn{
    border-top: 1px solid #EAEEF5;
    background-color: #ffffff;
}
.layui-m-layerbtn span[yes]{
    color: #22BD7A;
}
.layui-m-layerbtn span[no]{
    border-right:none;
}
.main-index{
    padding-top: 20px;
}
.main-index .info-card{
    background: #ffffff;
    width: 92%;
    margin: 0 auto 20px;
    box-shadow:0px 0px 16px 1px rgba(41,51,48,0.08);
    border-radius:5px;
    padding: 20px 16px;
}
.main-index .info-card .info-top{
    display: flex;
    justify-content: space-between;
    height: 88px;
    align-items: center;
}
.main-index .info-card .info-top h4{
    font-size: 20px;
    color: #3D4047;
    font-weight: 500;
    margin-bottom: 10px;
}
.main-index .info-card .info-top p{
    color: #95989E;
    font-size: 13px;
}
.main-index .info-card .info-top img{
    width: 48px;
    height: 48px;
    border-radius: 50px;
}
.main-index .info-card hr{
    border: 1px solid #EAEEF5;
    margin: 20px auto;
}
.main-index .info-card .info-bottom p{
    font-size: 13px;
    color: #5E6066;
    line-height: 23px;
}
.main-index .info-card .info-bottom p label{
    color: #95989E;
    font-size: 13px;
    margin-right: 16px;
}
.main-index .entrance{
    width: 100%;
    height: 72px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px 10px 10px;
    background: #ffffff;
}
.main-index .entrance img{
    width: 40px;
    height: 40px;
}
.main-index .entrance .arrow{
    width: 7px;
    height: 11px;
}
.main-index .entrance div{
    flex: 1;
    margin-left: 10px;
}
.main-index .entrance div h4{
    font-size: 16px;
    color: #3D4047;
    margin-bottom: 5px;
}
.main-index .entrance div p{
    color: #95989E;
    font-size: 13px;
}
.main-archives>p{
    color: #95989E;
    font-size: 15px;
    line-height: 55px;
    padding-left: 20px;
    background: transparent;
}
.main-archives>p>a{
    color: #077AEC;
    font-size: 15px;
}
.main-archives .info-name{
    padding: 20px 24px;
    margin-bottom: 10px;
    background: #ffffff;
}
.main-archives .info-name h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}
.main-archives .info-name p{
    color: #95989E;
}
.main-archives .info-item{
    padding: 24px 20px;
    margin-bottom: 10px;
    background: #ffffff;
}
.main-archives .info-item .title{
    font-size: 16px;
    color: #3D4047;
    padding-bottom: 14px;
    border-bottom: 0.5px solid #EAEEF5;
    position: relative;
}
.main-archives .info-item .title i{
    position: absolute;
    border: 1px solid #22BD7A;
    height: 16px;
    left: -20px;
    /* top: calc(50% - 0.8rem); */
    top: 0;
}
.main-archives .info-item .item-main{
    padding: 10px 0 0;
}
.main-archives .info-item .item-main p{
    font-size: 13px;
    color: #5E6066;
    line-height: 23px;
    display: flex;
}
.main-archives .info-item .item-main p label{
    color: #95989E;
    font-size: 13px;
    margin-right: 16px;
    width: 90px;
    text-align: right;
}
.main-archives .info-item .item-main .contract{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.5px solid #EAEEF5;
}
.main-archives .info-item .item-main a:last-child .contract{
    border: none;
}
.main-archives .info-item .item-main .contract .contract-name{
    font-size: 14px;
    color: #3D4047;
    width: auto;
}
.main-archives .info-item .item-main .contract .contract-date{
    color: #95989E;
    display: flex;
    align-items: center;
}
.main-archives .info-item .item-main .contract .contract-date img{
    margin-left: 10px;
    width: 7px;
    height: 11px;
}
.main-archives .info-item .item-main p span{
    flex: 1;
}
.main-archives .info-item .education-expericnce,.main-archives .info-item .work-expericnce{
    width: 100%;
    overflow: hidden;
}
.main-archives .info-item .education-expericnce .education,.main-archives .info-item .work-expericnce .work{
    display: flex;
}
.main-archives .info-item .click_more{
    justify-content: center;
    align-items: center;
    line-height: 40px;
    padding-top: 30px;
    margin-top: -30px;
    font-style: normal;
    font-weight: normal;
    color: #22BD7A;
    font-size: 14px;
    position: relative;
    z-index: 1;
    background: -webkit-linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.8) 40%);
    background: -o-linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.8) 40%);
    background: -moz-linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.8) 40%);
    background: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.8) 40%);
    display: none;
}
.main-archives .info-item .click_more>img{
    width: 13px;
    height: 13px;
    margin-right: 8px;
}
.main-archives .info-item .education-expericnce .education-gslc-left,
.main-archives .info-item .work-expericnce .work-gslc-left{
    position: relative;
    padding-left: 6px;
    width: 1px;
    border-right: 1px solid #22bd7a;
    margin-top: 20px;
}
.main-archives .info-item .education-expericnce .education-gslc-left i,
.main-archives .info-item .work-expericnce .work-gslc-left i{
    background: url(/resources/images/line_end.jpg) no-repeat;
    display: block;
    position: absolute;
    width: 13px;
    height: 8px;
    bottom: -0.3px;
    left: 1px;
}
.main-archives .info-item .education-expericnce .education-gslc-right,
.main-archives .info-item .work-expericnce .work-gslc-right{
    margin-left: 20px;
}
.main-archives .info-item .education-expericnce .education-gslc-right .education-gslc-main,
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main{
    margin-bottom: 20px;
}
.main-archives .info-item .education-expericnce .education-gslc-right .education-gslc-main .year,
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main .year{
    font-size: 16px;
    color: #22bd7a;
    line-height: 32px;
    position: relative;
}
.main-archives .info-item .education-expericnce .education-gslc-right .education-gslc-main .year::before,
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main .year::before{
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(/resources/images/green_point.png) no-repeat;
    background-size: 10px;
    left: -25px;
    top: 15px;
    border-radius: 50%;
}
.main-archives .info-item .education-expericnce .education-gslc-right .education-gslc-main h4,
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main h4{
    color: #3D4047;
    font-size: 16px;
    font-weight: 600;
    margin: 6px 0 0;
}
.main-archives .info-item .education-expericnce .education-gslc-right .education-gslc-main h4>p
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main h4>p{
    margin-top: 3px;
    font-size: 14px;
    color: #95989E;
}
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main>p{
    font-size: 14px;
    line-height: 24px;
    color: #5E6066;
}
.main-archives .info-item .work-expericnce .work-gslc-right .work-gslc-main .description{
    margin-top: 10px;
}
.main-archives .info-item .question{
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 15px;
}
.main-archives .info-item .question p{
    color: #3D4047;
    font-size: 14px;
    margin-bottom: 10px;
}
.main-archives .info-item .question input{
	width: 16px;
    height: 16px;
    background: url(/resources/images/unchecked.png) no-repeat;
    background-size: 16px;
	/* border-radius:50%; */
	vertical-align: text-bottom;
	margin-bottom: 1px;
	margin-right: 8px;
    padding-left: 0;
    -webkit-appearance: none;
}
.main-archives .info-item .question input:last-child{
    margin-left: 60px;
}
.main-archives-edit .info-item .question input:first-child{
    margin-left: 0;
}
.main-archives-edit .info-item .question label:last-child input{
    margin-left: 60px;
}
.main-archives .info-item .question input:checked{
    background: url(/resources/images/checked.png) no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
}
.main-archives-edit  .info-item .title img{
    float: right;
    width: 7px;
    height: 11px;
}
.main-archives-edit  .info-item .item-main .add-education,
.main-archives-edit  .info-item .item-main .add-work{
    display: block;
    color: #22BD7A;
    font-size: 15px;
    text-align: center;
    margin: 20px auto 0;
}
.main-archives-edit  .info-item .item-main .add-education img,
.main-archives-edit  .info-item .item-main .add-work img{
    width: 16px;
    height: 16px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-bottom;
}
/* .main-information .preview{
    display: none;
    background: #F5F7FA;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    width: 100%;
    min-height: cala(100vh - 5rem);
} */
.main-information .preview-box{
    background: #ffffff;
    width: 90%;
    margin: 50% auto;
    /* transform: translateY(-50%); */
    display: flex;
    align-items: center;
}
.main-information  .preview-box img{
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.main-information .commit{
    position: fixed;
    bottom: 0;
}
.main-information>p{
    width: 100%;
    height:76px;
    padding: 20px;
    color: #5E6066;
    font-size: 14px;
    line-height: 18px;
    background: #ffffff;
}
.main-information>p a{
    color: #077AEC;
}
.main-information .info-box{
    background: #ffffff;
    margin-bottom: 20px;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.main-information .info-box .info-item{
    width: 45%;
    margin-top: 20px;
}
.main-information .info-box .info-item:last-child{
    margin-bottom: 20px;
}
.main-information .info-box .info-item .info-picture{
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    background-color: #F5F7FA;
    border-radius:4px;
    overflow: hidden;
}
.main-information .info-box .info-item .info-picture .file-input{
    display: none;
}
.main-information .info-box .info-item .info-picture>img{
    width: 100%;
    margin: 0 auto;
}
.main-information .info-box .info-item>input{
    display: none;
}
.main-information .info-box .info-item>p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #5E6066;
    font-size: 14px;
}
.main-information .info-box .info-item>p>img{
    width: 14px;
    height: 14px;
}
.commit{
    background: #22BD7A;
    color: #ffffff;
    text-align: center;
    width: 100%;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    display: block;
}
.main-paySlips .slips-top{
    width: 100%;
    height: 130px;
    background: #22BD7A;
}
.main-paySlips .slips-mid{
    height: 230px;
    margin-top: -120px;
    position: relative;
    background: url(/resources/images/slips_bg.png) no-repeat;
    background-size: 100%;
    padding: 15px 4% 0;
}
/* .main-paySlips .slips-mid select{
    position: absolute;
    right: 2rem;
    top: 1.4rem;
    width: 4.5rem;
    height: 2rem;
    border: none;
    color: #95989E;
    background: url(/resources/images/triangle.png) no-repeat right;
    background-size: 1rem;
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
    background-color: transparent;
} */
.main-paySlips .slips-bottom{
    padding: 0 16px;
}
.main-paySlips h3{
    font-size: 18px;
    color: #3D4047;
    line-height: 34px;
    margin-bottom: 10px;
}
.main-paySlips hr{
    background: #EAEEF5;
    margin: 4px auto 10px;
    width: 100%;
}
.main-paySlips .pay-item-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.main-paySlips .pay-item-box .year{
    color: #3D4047;
    font-size: 16px;
    line-height: 30px;
    width: 19%;
}
.main-paySlips .pay-item-box .pay-item-right{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.main-paySlips .pay-item-box .pay-item-right .slip-summary{
    border-bottom: 1px solid #EAEEF5;
    padding-bottom: 10px;
}
.main-paySlips .pay-item-box .pay-item-right a:last-child .slip-summary{
    border: none;
}
.main-paySlips .pay-item-box .pay-item-right .slip-summary .summary-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main-paySlips .pay-item-box .pay-item-right .slip-summary .summary-item p{
    color: #95989E;
    font-size: 14px;
    line-height: 30px;
}
.main-paySlips .pay-item-box .pay-item-right .slip-summary .summary-month p{
    color: #3D4047;
    font-size: 16px;
}
.main-paySlips-month .slips-mid{
    background: url(/resources/images/slips_detail_bg.png) no-repeat;
    background-size: 100%;
    margin-top: 0;
    position: relative;
    height: 260px;
}
.main-paySlips-month .slips-mid .slips-mid-top{
    height: 47%;
    padding: 30px 0;
    text-align: center;
}
.main-paySlips-month .slips-mid .slips-mid-top p{
    font-size: 14px;
    color: #3D4047;
    margin-bottom: 30px;
}
.main-paySlips-month .slips-mid .slips-mid-top h3{
    color: #464A52;
    font-size: 36px;
}
.main-paySlips-month .slips-mid .slips-mid-top h3>span{
    font-size: 24px;
}
.main-paySlips-month .slips-mid .slips-mid-bottom{
    height: 47%;
    padding: 40px 5%;
    text-align: center;
}
.main-paySlips-month .slips-mid .slips-mid-bottom p{
    display: flex;
    justify-content: space-between;
    text-align: right;
    color: #95989E;
    font-size: 13px;
    line-height: 22px;
}
.main-paySlips-month .slips-bottom .pay-detail-box{
    padding: 20px 40px;
}
.main-paySlips-month .slips-bottom .pay-detail-box p{
    justify-content: space-between;
    display: flex;
    font-size: 14px;
    line-height: 34px;
}
.main-paySlips-month .slips-bottom .pay-detail-box p label{
    color: #3D4047;
}
.main-paySlips-month .slips-bottom .pay-detail-box p span{
    color: #FF9100;
}
.main-paySlips-month .slips-bottom .pay-detail-box .wages{
    background: #F7F9FC;
    font-size: 14px;
    font-weight: 600;
    line-height: 50px;
}
.main-paySlips-month .slips-bottom .pay-detail-box .wages label,
.main-paySlips-month .slips-bottom .pay-detail-box .wages span{
    color: #3D4047;
}
.mian-edit .edit-item{
    width: 100%;
    height: 56px;
    padding: 0 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border-bottom: 1px solid #EAEEF5;
}
.mian-edit .edit-item label,
.mian-edit .edit-item p{
    min-width: 40%;
    font-size: 16px;
    color: #3D4047;
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 50%;
}
.mian-edit .edit-item p{
    justify-content: flex-end;
    max-width: 60%;
}
.mian-edit .edit-item p img{
    width: 7px;
    height: 11px;
    margin-left: 10px;
}
.mian-edit .edit-item .defult{
    color: #C4C6CC;
    font-size: 14px;
}
.mian-edit .edit-item .has-value{
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mian-edit .edit-item .edit-input{
    display: none;
    border: none;
    font-size: 16px;
    height: 40px;
    max-width: 50%;
}
.mian-edit .commit{
    position: fixed;
    bottom: 0;
}
.mian-edit .delete{
    position: fixed;
    bottom: 50px;
    background: #ffffff;
    color: #FC3E30FF;
}
.mian-edit .options{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    display: none;
}
.mian-edit .options .check-box-tip{
    border-bottom: .60px solid #E1E4EB;
}
.mian-edit .options .check-box-tip p{
    line-height: 50px;
    text-align: center;
    color: #3D4047;
    font-size: 16px;
    margin: 0;
}
.mian-edit .options .select-body{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
}
.mian-edit .options .option-box{
    max-height: 310px;
    overflow-y: auto;
}
.mian-edit .options .option-box p{
    border-bottom: 1px solid #EAEEF5;
    line-height: 50px;
    text-align: center;
    color: #3D4047;
    font-size: 16px;
    margin: 0;
}
.mian-edit .options .option-box .checked{
    background: yellow;
}
.mian-edit .options .action-box p{
    border-top: .60px solid #E1E4EB;
    line-height: 50px;
    text-align: center;
    color: #3D4047;
    font-size: 16px;
}
.cityBox{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index:10;
	display: none;
}
.cityBox-close{
	height: 80px;
	background: rgba(0,0,0,.3);
	width: 100%;
}
.cityBox-body{
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background: #fff;
	padding: 70px 20px 30px;
}
.cityBox-body h3{
	line-height: 40px;
	font-size: 16px;
	color: #3D4047;
	border-bottom: 1px solid #E1E4EB;
}
.hot{
	padding-top: 10px;
	margin-bottom: 20px;
}
.hot p{
	display: inline-block;
	width: 30%;
	margin: .50px 1%;
	text-align: center;
	border: 1px solid #E1E4EB;
	border-radius: .80px;
}
.cityBox-body p{
	line-height: 40px;
	font-size: 14px;
	color: #3D4047;
	border-bottom: 1px solid #E1E4EB;
}
.all p{
	line-height: 40px;
	border-bottom: 1px solid #E1E4EB;
}
.searchCity-box{
	position: fixed;
	top: 80px;
	left: 0;
	right: 0;
	background: #fff;
	padding: 10px 20px 0
}
.searchCity_result{
	position: absolute;
	top: 50px;
	left: 20px;
	right: 20px;
	bottom: 0;
	overflow-y: auto;
}
.searchCity-box input{
    -webkit-appearance: none;
    border: none;
    border-bottom: 1px solid #E1E4EB;
    background: none;
	width: 100%;
	color: #3D4047;
	height: 40px;
	font-size: 15px;
}
.none_tip{
	display: none;
	margin-top: 30%;
	text-align: center;
	font-size: 15px;
	color: #3D4047;
}
.archives-input{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #F5F7FA;
    display: none;
}
.archives-input .input-item{
    background: #ffffff;
    height: 46px;
    border-bottom: 1px solid #EAEEF5;
}
.archives-input .input-item label{
    font-size: 16px;
    line-height: 46px;
    color: #3D4047;
    width: 20%;
    padding-left: 20px;
    display: inline-block;
}
.archives-input .input-item input{
    border: none;
    font-size: 16px;
}
.main-company{
    background: #ffffff;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    height: 100vh;
}
.main-company .company-item-box{
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 15px;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
    width: 90%;
    margin: 0 auto 20px;
    border-radius: 4px;
}
.main-company .company-item-box .company-name{
    font-size: 16px;
    line-height: 20px;
    max-width: 90%;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.main-company .company-item-box img{
    width: 7px;
    height: 11px;
}