html,body {
font-size: 16px;background: #F1F3F7;color:#282828;font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial
}
@media screen and (min-width: 375px) {
html {
/* iPhone6的375px尺寸作为16px基准,414px正好18px大小, 600 20px */
font-size: calc(100% + 2 * (100vw - 375px) / 39);
font-size: calc(16px + 2 * (100vw - 375px) / 39);
}
}
@media screen and (min-width: 414px) {
html {
/* 414px-1000px每100像素宽字体增加1px(18px-22px) */
font-size: calc(112.5% + 4 * (100vw - 414px) / 586);
font-size: calc(18px + 4 * (100vw - 414px) / 586);
}
}
@media screen and (min-width: 600px) {
html {
/* 600px-1000px每100像素宽字体增加1px(20px-24px) */
font-size: calc(125% + 4 * (100vw - 600px) / 400);
font-size: calc(20px + 4 * (100vw - 600px) / 400);
}
}
@media screen and (min-width: 1000px) {
html {
/* 1000px往后是每100像素0.5px增加 */
font-size: calc(137.5% + 6 * (100vw - 1000px) / 1000);
font-size: calc(22px + 6 * (100vw - 1000px) / 1000);
}
}
.f10{font-size:0.625rem;}
.f12{font-size:0.75rem }
.f13{font-size:0.8125rem }
.f14{font-size:0.875rem;}
.f16{font-size:1rem;}
.f18{font-size:1.125rem;}
.mr2{margin-right:2px;}
.mb2{margin-bottom:2px;}
.ml5{margin-left:0.3125rem;}
.mt5{margin-top:0.3125rem;}
.mb5{margin-bottom:0.3125rem;}
.ml10{margin-left:0.625rem;}
.mr5{margin-right:0.3125rem;}
.mr10{margin-right:0.625rem;}
.mt10{margin-top:0.625rem;}
.mt20{margin-top:1.25rem;}
.mb20{margin-bottom:1.25rem;}
.mb10{margin-bottom:0.625rem;}
.pt10{padding-top:0.625rem;}
.pb5{padding-bottom:0.3125rem;}
.pl10{padding-left:0.625rem;}
.pb10{padding-bottom:0.625rem;}
.p10{padding:0.625rem;}
.p20{padding:1.25rem;}
.mt40{margin-top:2.5rem;}
.mt50{margin-top:3.125rem;}
.mb50{margin-bottom: 3.125rem;}
.mb100{margin-bottom: 6.25rem}
a{text-decoration: none;color:#1365E8;}
.g28{color:#282828;}
.g80{color: #808080}
.red{color:#FB2020}
.bgfa{background-color: #fafafa}
.pct39{width: 39%}
.laydate-icon.pct39{width: 38%}
select{-webkit-appearance: none;}
/*input*/
::-webkit-input-placeholder {color: #CCCCCC;}
::-moz-input-placeholder {color: #CCCCCC;}
::-ms-input-placeholder {color: #CCCCCC;}
.m-input{height:30px;line-height: 20px;padding:5px 10px 5px 8px;background-color:#fff;outline:none;color:#282828;border-radius: 3px;border: 1px solid #D9D9D9;box-sizing: border-box;transition: .15s;}
.m-input:hover,.m-input:focus {border-color: #1365E8;}
/*button*/
.m-button{height:30px;line-height: 30px;border-radius: 3px;background-color: #1365E8;color:#fff;display: inline-block;text-decoration: none;box-sizing: border-box;cursor:pointer;transition: border-color .15s, background-color .15s;-webkit-transition: border-color .15s, background-color .15s;text-align: center;border:0;}
.m-button:not(:disabled):hover{background-color: #2172F5;color:#fff;}
.m-button:not(:disabled):active{background-color: #2060C6}
.m-button.h44{line-height: 44px;height: 44px}
.m-shadow{box-shadow: 0 15px 20px -13px #94CAFF;}
/*textarea*/
textarea.m-textarea,.m-textarea > textarea{
line-height: 20px; padding: 3px 3px;border: 1px solid #D9D9D9 ; border-radius: 3px; background-color: #fff;outline: none;color:#282828; transition: border-color .15s, background-color .15s;word-break: break-all;vertical-align: top;box-sizing: border-box;resize: none;overflow: auto;}
/*time*/
.laydate-icon{border:0 !important;text-align: right;padding-right:20px !important;}
/*tip*/
.ui-tip{background: url('../images/tip-red.png') #FFF4F4 no-repeat 10px 5px;background-size:15px 17px;border: 1px solid #EBD3D3;border-radius: 3px;padding:5px 10px 5px 28px;box-sizing: border-box;display: inline-block;color:#676767;font-size:12px;}
.ui-tip.bnormal{background-image: url('../images/ic-tips-blue.png');border:0;background-color:transparent;}
/*icon*/
.resumeIcon{background:url(../images/resume_Icon.png) no-repeat;background-size:250px 250px;}
.logoIcon{width:117px;height: 46px;background-position: -90px 0;display: inline-block;}
.m-radio{width: 20px;height: 20px;background-position: -65px -5px;display: inline-block;position: relative;}
.m-radio.on{width: 20px;height: 20px;background-position: -35px -5px;}
.radio-opacity,.checkbox-opacity{position: absolute;width: 100%;height:100%;left:0;top:0;opacity: 0;padding:0;margin:0;}
.successIcon{width:144px;height: 121px;background:url(../images/jobSuccess.png) no-repeat top center;background-size:100% 100%;display: inline-block;}
.switchIcon{ position:relative; width:61px; height: 33px; background:url(../images/switch-on.jpg) no-repeat top center; background-size:100% 100%; display: inline-block; border-radius:33px ; -webkit-border-radius:33px ; -moz-border-radius:33px ; -ms-border-radius:33px ; -o-border-radius:33px ; }
.switchIcon.on{background:url(../images/switch.png) no-repeat top center;background-size:100% 100%;}
.addIcon{width:12px;height: 12px;background:url(../images/add.png) no-repeat top center;background-size:100% 100%;display: inline-block;}
.adderror {border: 1px #FF6B6B solid !important;}
/*laydate*/
.laydate-theme-lgblue .laydate-selected:hover{background-color: #eef9ff !important}
.laydate-theme-lgblue.layui-laydate-range {width:506px;}
.laydate-theme-lgblue .layui-laydate-main {width: 252px;}
.laydate-theme-lgblue .layui-laydate-content table{border-collapse:separate;border-spacing:2px;}
.laydate-theme-lgblue .layui-laydate-content td, .laydate-theme-lgblue .layui-laydate-content th{height:22px;width: 30px;line-height: 22px;padding:0;border:1px #fff solid;}
.laydate-theme-lgblue .layui-laydate-main .layui-this{background-color:#1890FF !important;}
.laydate-theme-lgblue .layui-laydate-content td.laydate-selected{background-color: #eef9ff }
.laydate-theme-lgblue .layui-laydate-content td:hover, .laydate-theme-lgblue .layui-laydate-list li:hover{border-color:#1890FF;border-radius: 2px;color:#1890FF;background-color: #fff;}
.laydate-theme-lgblue .layui-laydate-content td{color:#282828;}
.laydate-theme-lgblue .layui-laydate-footer span:hover{color:#1890FF;}
.laydate-theme-lgblue .layui-laydate-header i:hover, .laydate-theme-lgblue .layui-laydate-header span:hover{color: #1890FF;}
.laydate-icon{background-image:url(../images/layicon.png) !important;background-size:17px 16px;background-repeat: no-repeat;}
/*time*/
.render-dtime{height:100%;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAMAAADOBMQXAAAAOVBMVEUAAADJycnFxcXCwsLDw8PCwsLFxcXDw8PDw8PDw8PExMTDw8PDw8PHx8fV1dXCwsLCwsLGxsbCwsJ9scqQAAAAEnRSTlMAEimyY+5I1sSdd4ZuGQa9WDrH6vB7AAAAc0lEQVQY05XNSw7DMAhFUXi1wf8k7H+xdSW3xJNKuQOEzgBolWUOyeQhxWhx9pkJS7UCRwPQDqDqUmOiPuYyOhHbV1/3ftqC18wveHxTKYwCLrJpyJAsyGFTyOjSh2DTmnCmE6kS//+mhb2iSy81Ty961huLgQUDKGFqEAAAAABJRU5ErkJggg==') no-repeat right}
.resume_part{display: none}
/*个人信息*/
.menuBarScroll{overflow: auto;clear:both;-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);}
.menuBar{min-width: 800px;background-color: #fff;}
.menuBarList{color:#282828;margin: 0 12px;position: relative;display: inline-block;padding:15px 0;}
.menuBarList:hover,.menuBarList.on{color:#1365E8}
.menuBarList.on:before{content:'';position: absolute;width:40px;height: 3px;bottom: 0;left:50%;transform: translateX(-50%);background-color:#1365E8;}
.resume_title{font-size: 22px;margin-top:1rem;margin-bottom:0.625rem ;font-weight: bold;}
.dline{background: #FFFFFF;border-radius: 5px;padding:0.6rem 0.6rem 0.6rem 0.3rem;box-sizing: border-box;margin-bottom: 10px;}
.m-select{background-color: #fff;border:0;outline:none;background-image: url(../images/select-arrow.png);background-position: right;background-size:12px 5px;background-repeat: no-repeat;text-align:center;text-align-last:right;padding-right:20px;direction:rtl;}
.t_linerbg{line-height:1rem;display: inline-block;position: relative;}
.t_linerbg:before{width:4px;background:#3482ff;content: '';display: inline-block;position: absolute;height:100%;left:0;top:0}
.bgwhr5{background: #FFFFFF;border-radius:5px}
.radis_top5{border-radius:5px 5px 0 0;}
.radis_bot5{border-radius:0 0 5px 5px;}
.touxiangFile{width: 100%;height: 100%;position: absolute; left: 0;top: 0;right:0;bottom:0;opacity: 0;padding: 0; margin: 0;}
.imgShow{display: none}
.dline_l{background: #FFFFFF;padding:0.6rem 0.6rem 0.6rem 0.3rem;box-sizing: border-box;border-bottom: 1px #eee solid;}
.dline_l:last-child{border-bottom: 0}
#ImgPr01{display: inline-block;}
.addFileDiv{border:1px #eee solid;background:#fff;display: inline-block;color:#1365E8;font-size: 0}
.addFile{width: 24px;height: 24px;background-position: -3px -3px;display: inline-block;}
.addFileDiv:hover{border-color:#1365E8;}
/*教育经历*/
.quitRemarkStyle input[name^='reason']{width: 18px;height: 18px;vertical-align: middle;}
.addBut{border: 1px solid #CCCCCC;border-radius: 16px;display: inline-block;padding:2px 18px;color:#676767;}
.selctBlueB{padding:30px 0px;background-color:#2d66ef;color:#fff;border-radius: 10px;margin:0 20px;}
#school_name{width: 100%;border: 1px solid #eaeaea;margin-bottom: 3px;padding: 3px;box-sizing: border-box;}
#school_province{width: 100%;border: 1px solid #eaeaea;margin-bottom: 3px;padding: 3px;box-sizing: border-box;}
.qTime{color:#08CB93;font-style: normal;}
.menuBarScrollHidden{height:56px;}
.menuBarScroll.fixed{position: fixed;z-index: 9;left:0;top:0;right:0;}
.schoolTypeForegin{display: none}
/*应聘岗位*/
.jobbg{background: url(../images/jobbg.png) no-repeat top center;background-size: 100% ;}
.jobblock{ margin-top:calc(48vw ); background: #FFFFFF; box-shadow: 0 4px 10px 0 #DDE8F5; border-radius: 6px; box-sizing: border-box; padding:1rem; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.m-nbrinput{border: 0;outline: none;float:right;text-align: right}
.mydeposit{box-sizing: border-box;padding:20px;overflow-y: auto;height: 500px;}
.removeBut1{width:16px;height: 18px;background:url(../images/del.png) no-repeat top center;background-size:100% 100%;display: inline-block;}
.pct23{width: 23%;}
.m-button.disabled{
background:#1365e8 url(../images/loading.gif) no-repeat;
background-size: 25px 25px;
background-position: 110px center;
opacity: 1;
filter: alpha(opacity=100);
-webkit-filter: alpha(opacity=100);
}