@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('fonts/MyriadPro-Regular.eot');
  src: url('fonts/MyriadPro-Regular.woff2') format('woff2'),
       url('fonts/MyriadPro-Regular.woff') format('woff'),
       url('fonts/MyriadPro-Regular.ttf') format('truetype'),
       url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'),
       url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MyriadPro-Light';
  src: url('fonts/MyriadPro-Light.eot');
  src: url('fonts/MyriadPro-Light.woff2') format('woff2'),
       url('fonts/MyriadPro-Light.woff') format('woff'),
       url('fonts/MyriadPro-Light.ttf') format('truetype'),
       url('fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg'),
       url('fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
::-webkit-scrollbar  
{  
    width: 0px;  
    height: 0px;  
    background-color: #F5F5F5;  
} 
*{padding:0; margin:0; outline:none;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0); font-family:"MyriadPro-Regular"; -webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;  width:100%; background:#fff; color:#333;}
html{ font-size: 62.5%; }
body{ overflow: hidden; overflow-y:auto;}
body.white-bg{ background:#fff;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden;font-size: 0px;}
.clearfix{ zoom: 1}
ul,ol,li{list-style:none}
input { -webkit-appearance: none; -webkit-user-select: auto; font-family:"MyriadPro-Light";}
a{ text-decoration:none;}
i{ font-style:normal;}
textarea{ resize:none; font-family:"MyriadPro-Light";}
h1,h2,h3,h4{ font-weight: normal;}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input,button{-webkit-appearance:none; font-family:"MyriadPro-Light";}
input[type="checkbox"]{ border:0px;}
/*表单*/

.form > ul{ padding:0px 1rem}
.form > ul > li{ margin-top:0.5rem;}
.form > ul > li input[type="text"],.form > ul > li input[type="password"],.form > ul > li input[type="email"]{ width:100%; height:3.6rem; box-sizing:border-box; padding:0px 1rem; font-size:1.6rem; background-color:#fff; border:1px solid #c7c7cc; border-radius:.5rem;  -webkit-border-radius:.5rem; outline:none;}
.form > ul > li input[type="text"].input-validation-error,.form > ul > li input[type="password"].input-validation-error,.form > ul > li input[type="email"].input-validation-error
{
     border-color:#f00;
    }
 .form > ul > li .selectBox input[type="text"]{ padding-right:8rem;}

.form > ul > li textarea{ width:100%; box-sizing:border-box; padding:1rem 0.5rem; border:1px solid #ccc; border-radius:0.5rem; font-size:1.5rem; }
.form > ul > li button{ width:100%; height:4rem; border-radius:0.5rem; border:0px; font-size:1.6rem; font-weight:700;}
.form > ul > li button.red-btn{ background:#8a151b; color:#fff;}
.form > ul > li button.gray-btn{ background:#cccccc; color:#999999;}
.form > ul > li button.green-btn{ background:#accecd; color:#fff;}
.form > ul > li button.yellow-btn{ background:#f08200; color:#fff;}
.form > ul .flex{display: -webkit-flex;  display: flex;}
.form > ul .half{ -webkit-box-flex:1; -webkit-flex:1; flex:1;}
.form > ul .to{ display:inline-block; font-size: 1.6rem; line-height: 3.6rem; width:2rem; text-align:center;}
.form > ul > li > label{ display:inline-block; min-width:7.3rem; font-size:1.5rem; color:#999999; vertical-align:middle; margin-right:0.5rem;}
.form > ul > li > p{display:inline-block; vertical-align:middle; font-size:1.5rem; color:#595242;}
.form > h3{ padding:0px 1rem; margin:1rem 0px 0.5rem 0px; font-size:1.5rem; font-weight:700; color:#595242;}
.error-tip{ font-size:1rem; color:#f00;}

select{ width:100%; height:3.6rem; border:0px; font-size:1.3rem; opacity: 0;}
.salary-type,.exp-title{ width:10rem; float:left;}
.exp-title{ font-size:1.4rem; color:#fff; height: 3.6rem; line-height:3.6rem;}
.from-to{ width:auto; float:none; overflow: hidden;}
.select-from,.select-to{ width:50%; box-sizing: border-box; padding-left:0.5rem; float:right;}

.select-select{ width:100%; height:100%; position:relative;}
.form > ul > li  .select-select input[type="text"]{ padding-right:2.5rem;}
.select-select p{ height: 3.6rem; line-height:3.6rem;  background:#fff; color:#ababab; border-radius:.35rem; border: 1px solid #ccc; position:relative; font-size:1.4rem; padding-left:0.6rem; padding-right:2rem;}
.index-search .select-select p{ border:0px;}
.select-select:before
{
    position: absolute;
    right: 1rem;
    top: 1.3rem;
    background: url("../images/icon_adown.png") no-repeat center;
    background-size: 100%;
    cursor: pointer;
    content:"";
    z-index:1;
    display: block;
    width: 1.08rem;
    height: 0.675rem;

    }

.select-select select{ position:absolute; top:0px; left:0px; z-index:2;}




.selectBox{ position: relative;}
.selectBox p{ position:absolute; right:3rem; top:1rem; z-index:2; font-size:1.3rem;}
.selectBox .icon-adown{
    position: absolute;
    right: 1rem;
    top: 1.3rem;
    background: url("../images/icon_adown.png") no-repeat center;
    background-size: 100%;
    cursor: pointer;
    content: "";
    z-index: 1;
    display: block;
    width: 1.08rem;
    height: 0.675rem;
}
.selectBox.open .pop-box{ width:100%; height:100%; box-sizing: border-box; overflow:auto; position:fixed; z-index:80; background:#fff; padding-top:5.5rem; padding-bottom:5rem; top:0px; left:0px;}
.selectBox .select {
    display: none;

}
.selectBox.open .select {
    display: block;

}
.selectBox .select ul li{ font-size: 1.5rem; border-top: 1px solid #cccccc; position:relative;}
.selectBox .select ul li:first-child{ border-top: none;}
.selectBox .select > ul > li > h3{ overflow: hidden; height: 4rem; line-height: 4rem; padding: 0 1rem; font-size: 1.5rem;  position: relative;}
.selectBox .select > ul > li > h3 i{ position: absolute; right: 1.3rem; top:1.5rem; }
.selectBox .select > ul > li > ul{ display: none;}
.selectBox .select > ul > li.open > ul{ display: block;}
.selectBox .select > ul > li > ul > li{ padding: 1rem; line-height:2rem; width: 100%; box-sizing: border-box; font-size: 1.5rem; color: #999;}
.selectBox .select.this-select > ul > li{padding: 1rem; line-height:2rem; width: 100%; box-sizing: border-box; font-size: 1.5rem; color: #999;}


.checkbox{  display: block; box-sizing: border-box; padding-right:4rem; word-wrap: break-word; }
.selectBox .select ul li input[type="checkbox"]{ width:2.4rem; height:2.4rem; border-radius:2.4rem; background:url(../images/checkbox_ico.png) no-repeat; background-size:cover; border:0px; position:absolute; right:1rem; top:0.5rem; }
.selectBox .select ul li input[type="checkbox"]:checked{ background:url(../images/checkbox_checked.png) no-repeat; background-size:cover;}
.selectBox .select ul li input[type="checkbox"]{ float:right; }


.selectBox .select div.done-btn{ width:100%; height:5rem; box-sizing: border-box; padding:0.5rem 1rem; background:#f0f0f0; position:fixed; bottom:0px;}
.selectBox .select div.done-btn span{ display:block; height:4rem; line-height:4rem; border-radius:5px; background:rgba(240, 130, 0, 0.8); font-size:1.8rem; color:#fff; text-align:center;}

.icon-add{display: inline-block; width: 1rem; height: 1rem; background: url("../images/icon_add.png") no-repeat center; background-size:100%;}
.icon-x{display: inline-block; width: 2rem; height: 2rem; background: url("../images/icon_x.png") no-repeat center; background-size:100%;}


.onecheckBox{ display:inline-block; font-size:0px;}
.onecheckBox input,.login.form > ul > li .onecheckBox input{ display:inline-block; width:2rem; height:2rem; border:0px; background: url(../images/check_ico.png) no-repeat center; background-size:contain; vertical-align:middle; margin-right:0.5rem; }
.onecheckBox input:checked,.login.form > ul > li .onecheckBox input:checked{ background:url(../images/check_mark.png) no-repeat center; background-size:contain;}
.onecheckBox label{display:inline-block; font-size:1rem; vertical-align: middle; color:#666666;}
.onecheckBox input.input-validation-error{background:url(../images/check_ico_error.png) no-repeat center; background-size:contain;}
.mask-bg{ display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; z-index:1;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .3s ease-out;transition:all .3s ease-out; }
.mask-bg.active{ display: block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); animation: mask-bg .1s;-webkit-animation: mask-bg .1s;}

img {max-width:100%;}

html {
	font-size: 62.5%
}

@media only screen and (min-width:401px){ 
html {      
 font-size:78%!important;
 -webkit-text-size-adjust:100%;
}
}  

@media only screen and (min-width:481px) {
html {
	font-size: 94%!important;
 -webkit-text-size-adjust:100%;
}
}
@media only screen and (min-width:561px) {
/*html {
	font-size: 109%!important
}*/
html {
	font-size: 94%!important;
 -webkit-text-size-adjust:100%;
}
}
@media only screen and (min-width:641px) {
/*html {
	font-size: 125%!important
}
*/
html {
	font-size: 94%!important;
 -webkit-text-size-adjust:100%;
}

}