/* 审批列表 */
.approve .backstage-box{min-width: 1000px;background: #e8f4fe;}
.list-approve{position: relative;top: -160px;margin: 0 40px;min-width: 920px;border-radius: 12px;background: #fff;box-shadow: 0px 0px 20px 0px rgba(140, 140, 140, 0.3);}
.approve-apmain{padding: 30px 50px 40px;box-sizing: border-box;}
.apmain-adsort{display: inline-block;margin-bottom: 20px;height: 32px;overflow: hidden;}
.adsort-asevery{display: block;float: left;width: 68px;height: 32px;line-height: 30px;background: #fff;border: 1px solid #d6d6d6;border-left: none;box-sizing: border-box;text-align-last: center;cursor: pointer;}
.adsort-asevery:first-child{border-left: 1px solid #d6d6d6;border-radius: 5px 0 0 5px;}
.adsort-asevery:last-child{border-radius: 0 5px 5px 0;}
.adsort-asevery:hover{border: solid 1px #7ca2ff;color: #388bff}
.adsort-asevery-active{border: solid 1px #388bff !important;background: #388bff !important;color: #fff !important;}
.adsort-asevery-active.adsort-asevery:first-child{border-left: 1px solid #388bff;}

/* 审批列表 表格 */
.apmain-aptable{table-layout: fixed;}
.apthead-aptr, .aptbody-aptr{height: 50px;text-align: left;}
.apthead-aptr{background: #f6f6f6;}
.apthead-aptr .aptr-apth{font-size: 16px;}
.aptable-aptbody .aptbody-aptr:hover{background:#eef8ff;}
.apthead-aptr .aptr-apth, .aptbody-aptr .aptr-aptd{padding: 0 15px;height: 50px;line-height: 50px;border: none;border-bottom: 1px solid #e8e8e8;box-sizing: border-box;}
.apthead-aptr .aptr-apth:first-child, .aptbody-aptr .aptr-aptd:first-child{padding-left: 40px;width: 40%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.apthead-aptr .aptr-apth:nth-child(2), .aptbody-aptr .aptr-aptd:nth-child(2){width: 10%;}
.apthead-aptr .aptr-apth:nth-child(3), .aptbody-aptr .aptr-aptd:nth-child(3){width: 15%;}
.apthead-aptr .aptr-apth:nth-child(4), .aptbody-aptr .aptr-aptd:nth-child(4){width: 15%;}
.apthead-aptr .aptr-apth:nth-child(5), .aptbody-aptr .aptr-aptd:nth-child(5){width: 20%;}
.aptd-apid{display: none;}
.aptd-apresult{display: block;position: relative;padding-left: 15px;}
.apresult-i{display: block;position: absolute; top: 22px; left: 0;width: 6px;height: 6px;border-radius: 50%;}
.apresult-i-success{background: #52c41a;}
.apresult-i-await{background: #1890ff;}
.apresult-i-defeat{background: #f5222d;}

/* 操作栏 按钮 */
.aptr-aptd .aptd-particular{display: inline-block;padding-right: 7px;height: 14px;line-height: 14px;color: #2762f1;cursor: pointer;}
.aptr-aptd .aptd-check{display: inline-block;padding-left: 10px;height: 14px;line-height: 14px;border-left: 1px solid #e8e8e8;color: #2762f1;cursor: pointer;}
/* .aptr-aptd .aptd-particular:hover, .aptr-aptd .aptd-check:hover{} */
/* 分页 */
.page-apr{text-align: center;}
.m-style{display: inline-block;margin: 40px 0 0 0;}

/* 用户申请表单弹框 信息 */
/* div.mask{display: none;} */

.popup-informate{display: none;position: fixed;top: 150px;left: 50%;margin-left: -450px;/*width: 47%;*/width: 900px;background: #fff;border-radius: 4px;z-index: 20;}
.informate-title{padding: 0 20px;height: 40px;line-height: 40px;border-bottom: 1px solid #e8e8e8;font-weight: normal;font-size: 16px;}
.iftitle-ifclose{display: inline-block;float: right;margin-top: 14px;width: 14px;height: 14px;background: url(../imgs/icons.png) no-repeat -40px -40px;cursor: pointer;}
.iftitle-ifclose:hover{background-position: -40px -60px;}
/* 表格信息 */
.informate-ifapply{overflow: hidden;padding: 0 40px;box-sizing: border-box;}

/* 左侧 信息 */
.ifapply-ifleft{float: left;width: 50%;box-sizing: border-box;}
.ifleft-ifcom{position: relative;margin-top: 25px;}
.ifcom-iftle{display: block;position: absolute;width: 138px;text-align: right;}
/* .ifcom-iftle{width: 132px;overflow: hidden;} */
.iftle-tlname{display: block;float: right;font-weight: bold;}
.iftle-i{display: block;float: right;margin: 7px 5px 0 0;width: 7px;height: 6px;background: url(../imgs/icons.png) no-repeat -1px -200px;}
.ifcom-ifresult{display: block;margin-left: 138px;}
/* 右侧 信息 */
.ifapply-ifright{float: left;width: 50%;box-sizing: border-box;}
.ifright-ifcom{/*position: relative;*/margin-top: 25px;}
.ifright-iftextarea{height: 40px;box-sizing: border-box;}
.ifcom-ifimg{position: relative;width: 128px;height: 180px;display: flex;align-items: center;box-sizing: border-box;}
.ifimg-box{display: block;display: flex;align-items: center;outline:none;position: absolute;left: 50%;top: 50%;margin: -90px 0 0 -64px;width: 128px;height: 180px;text-align: center;vertical-align: middle;overflow: hidden;box-sizing: border-box;cursor: zoom-in;}
.ifimg-ifimages{margin: 0 auto;align-items: center;max-width: 128px;}
.ifcom-ifarticle{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}
.ifintro-tip{display: none;position: absolute;top: 315px;left: 585px;padding: 5px 10px;width: 272px;border-radius: 3px;background: #4c4c4c;z-index: 30;color: #fff;}
.ifintro-tip::before{position: absolute;top: -14px;display: block;content: '';border: 8px solid transparent;border-bottom: 8px solid #4c4c4c;}
.ifpro-tip{display: none;position: absolute;top: 370px;left: 585px;padding: 5px 10px;width: 272px;border-radius: 3px;background: #4c4c4c;z-index: 30;color: #fff;}
.ifpro-tip::before{position: absolute;top: -14px;display: block;content: '';border: 8px solid transparent;border-bottom: 8px solid #4c4c4c;}

.informate-ifopinion{overflow: hidden;padding: 0 40px;box-sizing: border-box;overflow: hidden;}
.ifresult-flopinion{max-height: 40px;}
/* 确定 按钮 */
.informate-ifbtn{margin: 40px 0 20px;text-align: center;}
.ifbtn-ifconfirm{display: inline-block;padding: 0;width: 100px;height: 32px;line-height: 32px;background: #5b8bff;border: none;border-radius: 3px;outline: none;box-sizing: border-box;color: #fff;cursor: pointer;}
.ifbtn-ifconfirm:hover{background: #7ca2ff;}


/* 审核页面弹框 */
.popup-audit{display: none;position: fixed;top: 150px;left: 50%;margin-left: -270px;width: 540px;height: 368px;background: #fff;border-radius: 4px;z-index: 20;box-sizing: border-box;}
.audit-adtitle{padding: 0 20px;height: 40px;line-height: 40px;border-bottom: 1px solid #e8e8e8;font-weight: normal;font-size: 16px;}
.adtitle-adclose{display: inline-block;float: right;margin-top: 14px;width: 14px;height: 14px;background: url(../imgs/icons.png) no-repeat -40px -40px;cursor: pointer;}
.adtitle-adclose:hover{background-position: -40px -60px;}
.adthrough-addecide{margin: 20px 0 25px;padding-left: 20px;box-sizing: border-box;}
.addecide-adcompany{font-weight: bold;}
.adcompany-adid{display: none;}
.adcompany-adname{display: inline-block;}
.audit-adstatus{position: relative;margin-bottom: 20px;padding-left: 40px;box-sizing: border-box;}
.adstatus-comtle{display: block;position: absolute;top: 0px;left: 40px;;font-weight: bold;}
.adbtn-adstatus{display: block;margin-left: 70px;}
.adthrough-adbtn{position: relative;margin-bottom: 20px;padding-left: 40px;box-sizing: border-box;}
.adbtn-comtle{display: block;position: absolute;top: 8px;left: 40px;;font-weight: bold;}
.adbtn-adres{margin-left: 70px;}
.adbtn-combtn{display: inline-block;position: relative;padding-left: 50px;width: 140px;height: 40px;border-radius: 4px;border: solid 1px #d9d9d9;outline: none;box-sizing: border-box;text-align: left;color: #4b4b4b;}
.adbtn-combtn:nth-child(1){margin-right:16px;cursor: not-allowed;}
.nodisable.adbtn-combtn:nth-child(1){cursor: pointer;}
.adbtn-adi{display: block;position: absolute;top: 10px;left: 20px;width: 20px;height: 20px;background: url(../imgs/icons.png) no-repeat;}
.adyes-adi{background-position: -310px -510px;}
.adno-adi{background-position: -340px -510px;}
.nodisable.adbtn-combtn:nth-child(1):hover{border: solid 1px #0ac93c;color: #0ac93c;}
.adbtn-combtn:nth-child(2):hover{border: solid 1px #e01a0b;color: #e01a0b;}
.nodisable.adbtn-combtn:nth-child(1):hover .adyes-adi{background-position: -310px -480px;}
.adbtn-combtn:nth-child(2):hover .adno-adi{background-position: -340px -480px;}
.nodisable.adbtn-result-active.adbtn-combtn:nth-child(1){border: solid 1px #0ac93c;color: #0ac93c;}
.adbtn-result-active.adbtn-combtn:nth-child(2){border: solid 1px #e01a0b;color: #e01a0b;}
.nodisable.adbtn-result-active.adbtn-combtn:nth-child(1) .adyes-adi{background-position: -310px -480px;}
.adbtn-result-active.adbtn-combtn:nth-child(2) .adno-adi{background-position: -340px -480px;}

.adthrough-adopinion{display: none;position: relative;margin-bottom: 40px;padding-left: 40px;box-sizing: border-box;}
.adopinion-comtle{display: block;position: absolute;top: 22px;left: 40px;font-weight: bold;}
.adopinion-adnav{display: inline-block;margin-left: 70px;padding: 5px 10px;width: 300px;height: 72px;border-radius: 4px;border: solid 1px #d9d9d9;resize: none;box-sizing: border-box;}

.adthrough-adsubmit{position: absolute;bottom: 20px;left: 50%;margin-left: -80px;text-align: center;width: 160px;}
.adsubmit-adbutton{display: inline-block;padding: 0;width: 160px;height: 32px;background: #5b8bff;border-radius: 3px;outline: none;color: #fff;}
.adsubmit-adbutton:hover{background: #7ca2ff;}

/* 提交申请 页头 */
.fill-fhead{/*position: absolute;top: 0;left: 0;*/width: 100%;height: 303px;background: url(../imgs/apply_bg.png)}
.fhead-fhtitle{padding-top: 65px;text-align: center;}
.fhtitle-fhimg{display: inline-block;}
/* .fhtitle-fhimg{display: inline-block;margin-right: 18px;vertical-align: middle;}
.fhtitle-fhline{display: inline-block;width: 1px;height: 40px;background: rgba(255, 255, 255, 0.5);vertical-align: middle;}
.fhtitle-fhname{display: inline-block;margin-left: 15px;vertical-align: middle;color: #fff;font-size: 30px;} */

/* 提交申请 内容 */
.fill-fapply{position: relative;background: #f9f9f9;}
.fapply-famain{position: absolute;top: -113px;left: 50%;margin-left: -600px;width: 1200px;background: #fff;box-shadow: -1px 1px 20px 0px rgba(213, 213, 213, 0.5);border-radius: 10px;}
.famain-fatle{position: relative;margin-top: 35px;text-align: center;color: #000;font-size: 24px;}
.fatle-faline{position: absolute;bottom: -15px;left: 50%;margin-left: -25px;width: 50px;height: 2px;background: #ff5969;}
.famain-frequest{margin-top: 60px;padding: 0 65px;;overflow: hidden;box-sizing: border-box;}
/* 左侧 申请内容 */
.frequest-finformation{float: left;width: 50%;}
/* .frequest-fleft{float: left;width: 50%;} */
.finfor-fcon{position: relative;margin-bottom: 20px;}
.fcon-fitle{top: 6px;}
.fcon-firesult{margin-left: 138px;padding: 0 10px;width: 340px;height: 32px;border-radius: 4px;border: solid 1px #d9d9d9;outline: none;box-sizing: border-box;}
.fcon-firesult::-webkit-input-placeholder{color:#666;}

.fcon-fradio{margin-left: 138px;display: block;position: relative;}
.fcon-fbox-fradio{display: block;}
.fradio-fopt{display: inline-block;margin-right: 30px;line-height: 32px;cursor: pointer;}
.fopt-fi{display: inline-block;position: relative;margin-right: 6px;width: 14px;height: 14px;background: url(../imgs/icons.png) no-repeat -70px -100px;vertical-align: middle;}
.fradio-fopt:hover .fopt-fi{background-position: -70px -120px;}
.fopt-active{background-position: -70px -140px !important;}

.fcon-fselect{position: relative;margin-left: 138px;width: 150px;height: 32px;}
.fselect-farrows{display: block;position: absolute;top: 13px;right: 10px;width: 14px;height: 7px;background: url(../imgs/icons.png) no-repeat -40px -20px;}
.fselect-felect{display: block;padding: 0 10px;width: 150px;height: 32px;border: 1px solid #d9d9d9;border-radius: 4px;cursor: pointer;}
.fselect-active{background-position: -40px -1px;}
.fselect-ful{display: none;position: absolute;top: 37px;left: 0;padding: 4px 0;width: 150px;box-shadow: 0px 1px 9px 0px rgba(150, 150, 150, 0.5);background: #fff;z-index: 40;}
.ful-fli{padding-left: 15px;height: 24px;line-height: 24px;cursor: pointer;}
.ful-fli:hover{background: #f5f5f5;}
.ful-fli-active{background: #eef8ff !important;}
/* 输入框正确/错误提示 */
.fill-fapply .finput-success-hint{display: block;position: absolute;top: 9px;right: 68px;width: 14px;height: 14px;background: url(../imgs/icons.png) no-repeat -1px -180px;}
.fill-fapply .finput-error-hint{position: absolute;top: 32px;left: 138px;width: 300px;color: #f5222d;}
.fill-fapply .finput-error-hint .fhint-icon{position: absolute;top: 3px;left: 0;width: 12px;height: 12px;background: url(../imgs/icons.png) no-repeat -1px -160px;}
.fill-fapply .finput-error-hint .fhint-exp{display: block;margin-left: 17px;height: 12px;font-size: 12px;}
.fill-fapply .fimg-error-hint{top: 180px;}
.fill-fapply .ftextarea-error-hint{top: 85px;}


/* 右侧 申请内容 */
.frequest-fright{/*float: left;width: 50%;*/padding-left: 55px;box-sizing: border-box;}
.fcon-fcform{display: block;position: relative;margin-left: 138px;width: 128px;height: 180px;}
.fcform-fimgbox{display: flex;align-items: center;width: 128px;height: 180px;background: #ededed;overflow: hidden;box-sizing: border-box;text-align: center;}
.fimgbox-fimg{width: 128px;border: none;}
.fcform-filebox{position: absolute;top: 50%;left: 50%;margin: -14px 0 0 -14px;width: 28px;height: 28px;cursor: pointer;}
.filebox-input{display: block;position: absolute;top: 0;left: 0;width: 28px;height: 28px;opacity: 0;filter: alpha(opacity=0);cursor: pointer;}
.filebox-file{display: block;width: 28px;height: 28px;background: url(../imgs/icons.png) no-repeat -370px -480px;cursor: pointer;}
/* 有图片时 鼠标滑过 修改图片 */
.fimgbox-fmark-active{position: absolute;top: 0;left: 0;width: 128px;height: 180px;background: rgba(0, 0, 0, 0.5);}
.fcform-filebox-active{position: absolute;top: 50%;left: 50%;margin: -14px 0 0 -28px;width: 56px;height: 28px;cursor: pointer;}
.filebox-input-active{display: block;position: absolute;top: 0;left: 0;width: 56px;height: 28px;opacity: 0;filter: alpha(opacity=0);cursor: pointer;}
.filebox-file-active{display: block;width: 56px;color: #fff;font-size: 14px;}


.fcon-describe{margin-left: 138px;padding: 5px 10px;width: 340px;height: 85px;border-radius: 4px;border: solid 1px #d9d9d9;resize: none;box-sizing: border-box;}
.finfor-ftec{margin-bottom: 95px;}

/* 提交申请 按钮 */
.famain-fabtn{margin-bottom: 50px;text-align: center;}
.fabtn-fasubmit{padding: 0;width: 160px;height: 36px;line-height: 36px;background: #5b8bff;border-radius: 3px;box-sizing: border-box;color: #fff;font-size: 14px;}
.fabtn-fasubmit:hover{background: #7ca2ff;}


/* 遮罩 */
.app-appmark{display: none;position: fixed;top: 0; left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 10;}
.appmark-apphint{position: absolute;top:  50%;left: 50%;margin: -100px 0 0 -200px;padding: 50px 0;width: 400px;background: #fff;border-radius: 5px;box-shadow: 0px 0px 3px 0px rgba(166, 166, 166, 0.5);}
.apphint-appname{text-align: center;}
.appmark-apphint .appmark-appbtn{display: block;margin: 50px 0 0 120px;padding: 0;width: 160px;height: 36px;line-height: 36px;background: #5b8bff;border-radius: 3px;box-sizing: border-box;text-align: center;color: #fff;font-size: 14px;cursor: pointer;}
.appmark-apphint .appmark-appbtn:hover{background: #7ca2ff;color: #fff;}