@charset "utf-8";
html{-webkit-font-smoothing:antialiased}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}
button,input[type=submit],input[type=text],input[type=button],select{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
body{color:#000;line-height:1.3;overflow-x: hidden;background:#fff}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../images/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}


@media(min-width: 1441px){
    html{font-size: 100px}
}
@media(max-width: 1440px) and (min-width: 901px){
    html{font-size: calc(100vw / 1600 * 100);}
}
@media(max-width: 900px){
	html{font-size: calc(900px / 1600 * 100);}
}
body{font-size: 14px; font-family: Arial,"Microsoft YaHei";background-color: #fff;}
body *{box-sizing: border-box;}
.anmitem {
    transition: all ease .7s 0s;
    -moz-transition: all ease .7s 0s;
    -webkit-transition: all ease .7s 0s;
}
.oov,
.tov,
.thov {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.oov {
    -webkit-line-clamp: 1;
    white-space：nowrap;
}

.tov {
    -webkit-line-clamp: 2;
}

.thov {
	-webkit-line-clamp: 3;
}
.layout{
	max-width: 14.4rem;
	margin: 0 auto;
}

.header{
    height: 0.96rem;
    line-height: 0.8rem;
    position: relative;
    z-index: 12;
    background: #fff;
    width: 100%;
    padding-top: 0.16rem;
}
.header:before{
    content: '';
    position: absolute;
    height: 0.16rem;
    width: 2.9rem;
    background: url(../images/bg-hd.png) no-repeat;
    background-size: 100% 100%;
    right: 0;
    top: 0;
}

.header .logo{
    float: left;
}
.header .hd-rg{
    width: 100%;
}
.nav{
    width: 65%;
    height: 0.8rem;
    float: left;
}
.nav .fir-nav{
    float: left;
    margin: 0 5%;
}
.nav .fir-nav.on a,
.nav .fir-nav:hover a{
    color: #0098f2;
}
.nav .fir-nav>a:after{
    content: '';
    width: 0%;
    height: 2px;
    background: #0098f2;
    position: absolute;
    left: 0px;
    bottom: 0px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.nav .fir-nav.on>a:after,
.nav .fir-nav:hover>a:after{
    width: 100%;
}
.nav .fir-nav>a{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
    display: inline-block;
    position: relative;
}
.nav .fir-nav:hover .sec-nav{
    display: block;
}
.header .login{
    float: right;
    color: #333;
    font-size: calc(12px - 0.12rem + 0.16rem);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.header .login:before{
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-login.png) no-repeat center;
    background-size: contain;
    margin-top: -3px;
    margin-right: 8px;
}
.header .login:hover{
    color: #0098f2;
}

.header .menu-icon {
    width: 26px;
    height: 26px;
    display: inline-block;
    float: right;
    position: relative;
    z-index: 100;
    top: 20px;
    display: none;
}
.header .menu-icon em {
    width: 26px;
    height: 2px;
    display: block;
    background: #333;
    text-align: right;
    position: absolute;
    right: 0;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.header .menu-icon em:first-of-type {
    top: 0px;
}
.header .menu-icon em:nth-of-type(2) {
    top: 10px;
}
.header .menu-icon em:last-of-type {
    top: 20px;
}
.header .menu-icon.on em:first-of-type {
    transform: translate(0, 10px) rotate(-45deg);
    -moz-transform: translate(0, 10px) rotate(-45deg);
    -webkit-transform: translate(0, 10px) rotate(-45deg);
    -ms-transform: translate(0, 10px) rotate(45deg);
}
.header .menu-icon.on em:nth-of-type(2) {
    transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
}
.header .menu-icon.on em:last-of-type {
    transform: translate(0, -9px) rotate(45deg);
    -moz-transform: translate(0, -9px) rotate(45deg);
    -webkit-transform: translate(0, -9px) rotate(45deg);
    -ms-transform: translate(0, -9px) rotate(45deg);
}

.footer{
    background: #333;
}
.ft-nav{
    border-bottom: 1px solid #484848;
    padding: 20px 0;
}
.ft-nav a{
    color: #fff;
    opacity: 0.5;
    font-size: calc(12px - 0.12rem + 0.16rem);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ft-nav a:hover{
    opacity: 1;
}
.ft-nav a:hover:after{
    opacity: 0.5;
}
.ft-nav a:after{
    content: '|';
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.2rem;
    margin-top: -3px;
}
.ft-nav a:last-of-type:after{
    display: none;
}
.ft-bot{
    padding: 20px 0;
}
.ft-link{
    float: left;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.14rem);
}
.ft-link span{
    opacity: 0.5;
}
.ft-link a{
    color: #fff;
    opacity: 0.5;
    font-size: calc(12px - 0.12rem + 0.14rem);
    margin: 0 0.15rem;
    line-height: 1.5;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.ft-link a:hover{
    opacity: 1;
}
.ft-bot .rg{
    float: right;
    color: #fff;
    opacity: 0.5;
    font-size: calc(12px - 0.12rem + 0.14rem);
}
.ft-bot .rg p{
    display: inline-block;
    margin: 0.03rem 0.1rem;
} 
.fl-code{
    cursor: pointer;
    z-index: 10;
    position: fixed;
    right: 0;
    width: 60px;
    bottom: 13%;
    text-align: center;
    background: #fff;
    padding: 4px;
    font-size: calc(12px - 0.12rem + 0.14rem);
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.05);
}
.fl-code img{
    width: 100%;
    margin-bottom: 0.03rem;
}
.fl-code .code{
    display: none;
}
.fl-code:hover{
    width: 100px;
}
.fl-code:hover .icon{
    display: none;
}
.fl-code:hover .code{
    display: block;
}
@media screen and (max-width: 1220px){
    .layout{
        padding: 0 0.2rem;
        width: 100%;
    }
    .header .hd-rg{
        padding-top: 60px;
        position: fixed;
        width: 100%;
        height: 100%;
        top:0;
        right: -100%;
        padding-left: 0;
        background: #fff;
        text-align: center;
        z-index: 11;
        opacity: 0;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .header .hd-rg.on {
        right: 0;
        opacity: 1;
    }
    .header .hd-rg .content{
        height: 100%;
        overflow-y: auto;
        padding-bottom: 60px;
        padding-top: 20px;
    }
    .nav{
        width: 100%;
        float: none;
        height: auto;
        padding: 0 40px;
        text-align: center;
    }
    .nav .fir-nav{
        float: none;
        width: 100%;
        margin: 0;
        height: auto;
        line-height: 50px;
    }
    .nav .fir-nav>a{
        width: 100%;
        padding: 0;
    }
    .nav .active .sec-nav{
        max-height: 1000px;
    }
    .header .menu-icon {
        display: block;
        top: 12px;
    }
    .nav .fir-nav {
        text-align: left;
        border-bottom: 1px solid #e5e5e4;
    }
    .nav .pro-nav{
        position: relative;
    }
    .nav .pro-nav:after{
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
        right: 10px;
        top:0%;
        transform:rotate(45deg);
        margin-top: 15px;
        transition: all ease .3s 0s;
        -moz-transition: all ease .3s 0s;
        -webkit-transition: all ease .3s 0s;
    }
    .nav .pro-nav.active:after{
        transform:rotate(135deg);
    }
    .header .login{
        margin-right: 0.2rem;
    }
    .ft-link{
        float: none;
        margin-bottom: 0.25rem;
    }
    .ft-bot .rg{
        float: none;
        text-align: center;
    }
    .fl-code{
        width: 50px;
    }
    /* .copyright{
        float: none;
        text-align: center;
    } */

}


.hm-ban{
    position: relative;
    padding-bottom: 0.5rem;
}

.hm-ban img{
    width: 100%;
}
.sear-box{
    width: 9.4rem;
    height: 1rem;
    background: #fff;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    transform:translate(-50%,0);
    z-index: 3;
    padding: 0.25rem 0.5rem;
}
.sear-box form{
    width: 100%;
    height: 100%;
}
.sear-box .tex{
    width: 85%;
    height: 100%;
    background: #eee;
    border: none;
    padding: 0 0.4rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.sear-box .btn{
    width: 15%;
    height: 100%;
    float: right;
    background: #0098f2 url(../images/icon-search.png) no-repeat center;
    background-size: 0.26rem 0.26rem;
    border: none;
}
.hm-page{
    padding: 0.7rem 0;
}
.tt-modu{
    text-align: center;
    margin-bottom: 0.45rem;
}
.tt-modu .en{
    font-size: calc(12px - 0.12rem + 0.72rem);
    color: #999;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    opacity: 0.2;
}
.tt-modu .cn{
    font-size: calc(12px - 0.12rem + 0.52rem);
    color: #000;
    font-weight: 600;
    line-height: 1;
    margin-top: -0.35rem;
}

.join-it{
    display: block;
    width: 48%;
    margin: 0 1% 2%;
    overflow: hidden;
    position: relative;
    float: left;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;

}
.join-it:hover{
transform: translate(0,-10px);
}
.join-it img{
    width: 100%;
    display: block;
}
.join-it .tex{
    line-height: 0.8rem;
    height: 0.8rem;
    background: #f0f0f0;
    text-align: center;
    color: #333;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.join-it .tt{
    font-size: calc(12px - 0.12rem + 0.3rem);
}
.join-it .tt:before{
    content: '';
    width: 0.4rem;
    height: 0.32rem;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -3px;
    margin-right: 12px;
}
.join-it .ic1:before{
    background-image: url(../images/icon-join1.png);
}
.join-it .ic2:before{
    background-image: url(../images/icon-join2.png);
}
.join-it:hover .ic1:before{
    background-image: url(../images/icon-join1-sel.png);
}
.join-it:hover .ic2:before{
    background-image: url(../images/icon-join2-sel.png);
}
.join-it:hover .tex{
    background: #0098f2;
    color: #fff;
}
.hm-gray{
    background-color: #fafafa;
    background-position: center;
    background-size: cover;
}

.job-it{
    display: block;
    float: left;
    width: 100%;
    height: 3.2rem;
    background: #fff url(../images/zs-logo.png) right bottom no-repeat;
    text-align: center;
    padding-top: 0.45rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.job-it .icon{
    margin-bottom: 0.35rem;
    height: 0.66rem;
}
.job-it .tt{
    font-size: calc(12px - 0.12rem + 0.24rem);
    color: #333;
}
.job-it .more{
    margin-top: 0.55rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #999;
}
.job-it:hover{
    transform:translate(0,-10px);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.hm-page2 .content{
    position: relative;
}
.hm-page2 .swiper-container{
    padding: 10px 0;
}
.hm-page .sw-button{
    position: absolute;
    top:50%;
    margin-top: -0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 100%;
    background-color: #cccccc;
    background-position: center;
    background-size: contain;
    z-index: 3;
}
.hm-page .sw-button:hover{
    background-color: #0098f2;
}
.hm-page .sw-prev{
    left: -1rem;
    background-image: url(../images/sw-prev.png);
}
.hm-page .sw-next{
    right: -1rem;
    background-image: url(../images/sw-next.png);
}
.hm-page .swiper-button-disabled{
    opacity: 0.5;
}

.banner{
    background-position: center;
    background-size: cover;
    position: relative;
    display: block;
}
.banner .ban-con{
    height: 220px;
    display: flex;
    align-items: center;
    color: #ffffff;
}

.banner .cn{
    font-weight: 600;
    line-height: 1;
    font-size: calc(12px - 0.12rem + 0.36rem);
    margin-bottom: 0.1rem;
}
.banner .en{
    line-height: 1;
    font-size: calc(12px - 0.12rem + 0.36rem);
    opacity: 0.5;
}

.com-mod{
    background: #fafafa;
    padding: 0.8rem 0 0.5rem;
}
.menu li{
    width: 32.3%;
    float: left;
    margin-bottom: 2%;
    background: #fff;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.2rem);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.menu li:nth-of-type(2){
    margin: 0 1.5% 2%;
}
.menu a{
    color: #333;
}
.menu .on,
.menu li:hover{
    background: #0098f2;
}
.menu .on a,
.menu li:hover a{
    color: #fff;
}

.ques-it{
    width: 100%;
    float: left;
    margin:0 auto 0.2rem;
}
.ques-it .hd{
    min-height: 0.74rem;
    background: #fff;
    padding: 0.25rem 0;
    color: #333;
    overflow: hidden;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
    position: relative;
}
.ques-it .lt{
    width: calc(100% - 1rem );
    overflow: hidden;
    padding-left: 0.4rem;
    padding-right: 0.3rem;
    position: relative;
    float: left;
}
.ques-it .lt:after{
    content: '';
    position: absolute;
    width: 1px;
    height: 0.28rem;
    background: #cecdd2;
    right: 0;
    top: 50%;
    margin-top: -0.14rem;
}
.ques-it .tt{
    float: left;
    width: 80%;
    font-size: calc(12px - 0.12rem + 0.18rem);
}
.ques-it .time{
    font-size: calc(12px - 0.12rem + 0.15rem);
    float: right;
}
.ques-it .arr{
    margin-left: calc(100% - 1rem );
    padding-left: 0.4rem;
}
.ques-it .arr:after{
    content: '';
    width: 0.22rem;
    height:0.12rem;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-arr-b.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}
.ques-it .qu-tex{
    width: 100%;
    padding: 0.25rem 0.4rem;
    background: #fff;
    line-height: 2;
    font-size: calc(12px - 0.12rem + 0.15rem);
    color: #333;
    display: none;
}
.ques-it .bt{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    margin-top: 0.3rem;
}
.ques-it.on .hd,
.ques-it:hover .hd{
    background: #0098f2;
    color: #fff;
}
.ques-it.on .hd .arr:after,
.ques-it:hover .hd .arr:after{
    background-image: url(../images/icon-arr-w.png);
}
.ques-it.on .hd .arr:after{
    transform:rotate(180deg);
}

.page{
    text-align: center;
    padding: 0.3rem 0;
}
.page a{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 0.36rem;
    min-width: 0.36rem;
    border: 0.02rem;
    border: 1px solid #cecece;
    margin: 0.04rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #999;
    position: relative;
    background: #fff;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.page a:hover,
.page .on{
    background: #0482fd;
    border-color: #0482fd;
    color: #fff;
}
.page .prev,
.page .next{
    width: auto;
    padding: 0 0.15rem;
}
.sear-sh{
    position: relative;
    height: 0.6rem;
    background: #fafafa;
}

.job-box{background: #fff; }

.job-box .ta-body:hover{
    background: #f0f0f0;
}
.job-box .list-box:hover .ta-body{
    overflow: hidden;
}
.job-box .list-box ul{ display: table; width: 100%; text-align: center; box-sizing:border-box; }
.job-box .list-box li{display: table-cell; text-align: center; width: 12.5%; padding: 0 1%;}
.job-box .ta-title{ height: 0.7rem; line-height: 0.7rem;  color:#fff; background: #0098f2; font-size: calc(12px - 0.12rem + 0.16rem);}
.job-box .ta-body{ height: 0.8rem; line-height: 0.8rem; font-size: calc(12px - 0.12rem + 0.14rem); color: #666;border-top: 1px solid #f2f2f2; position: relative; transition: all ease .2s 0s; -moz-transition: all ease .2s 0s; -webkit-transition: all ease .2s 0s; }
.job-box .ta-body p{ line-height: 20px; vertical-align: middle; display: inline-block; }
.job-box .ta-body a{ display: block; color: #666; transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s; }
.job-box .ta-body a:hover{ color: #0098f2; }
.job-box .on .ta-body{ background: #f0f0f0; }
.job-box .on .intro-box{ border-bottom: none; }
.job-box .on .ta-body:after{ transform:rotate(-45deg);  }
.job-box .ta-title li:first-of-type,.job-box .ta-body li:first-of-type{ text-align: left; padding-left: 30px; width: 25%;}
.job-box .list-box:last-of-type{ border-bottom: 1px solid #f2f2f2;}

.job-box .coll{
    display: inline-block;
    vertical-align: middle;
    width: 0.21rem;
    height: 0.21rem;
    background: url(../images/icon-coll.png);
    background-size: contain;
    cursor: pointer;
}

.job-box .coll.on{
    display: inline-block;
    vertical-align: middle;
    width: 0.21rem;
    height: 0.21rem;
    background: url(../images/icon-coll-on.png);
    background-size: contain;
}
.shzp{
    padding-top: 0;
}

.ap-it{
    float: left;
    text-align: center;
    width: 20%;
    position: relative;
    z-index: 2;
}
.ap-it:hover .icon{
    transform:scale(1.1);
}
.ap-it:after{
    content: '';
    width: 0.13rem;
    height: 0.13rem;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #0098f2;
    position: absolute;
    right: 0;
    margin-right: -0.07rem;
    top: 0.56rem;
}
.ap-it:nth-of-type(2):after{
    border-color: #fed600;
}
.ap-it:nth-of-type(3):after{
    border-color: #82c836;
}
.ap-it:nth-of-type(4):after{
    border-color: #ea006a;
}
.ap-it:last-of-type:after{
    display: none;
}
.ap-it .icon{
    height: 1.26rem;
    margin-bottom: 0.3rem;
    transition: all ease .5s 0s;
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
}
.ap-it .lb{
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #333;
}
.app-mod{
    padding: 1.5rem 0;
}
.app-mod .tt-modu{
    margin-bottom: 1rem;
}
.app-mod ul{
    position: relative;
}
.app-mod ul:before{
    content: '';
    width: 80%;
    height: 2px;
    background: #a6a6a6;
    position: absolute;
    left: 10%;
    top: 0.63rem;
    z-index: 1;
}

.banner1 .ban-con{
    height: 420px;

}
.job-city{
    width: 100%;
    background: #fff;
    padding: 0.3rem 0.3rem 0.1rem;
    margin-bottom: 0.45rem;
    left: 0;
    z-index: 3;
}
.job-city .col{
    max-width: 14.4rem;
    margin: 0 auto 0.2rem;
    overflow: hidden;
}
.job-city a,
.job-city span{
    color: #666;
    font-size: calc(12px - 0.12rem + 0.18rem);
    /* display: inline-block; */
    /* margin: 0 0.3rem; */
    line-height: 1.5;
    float: left;
    min-width: 12%;
}
.job-city span{
    margin: 0;
}
.job-city a:hover,
.job-city .on a{
    color: #0098f2;
}
.bgw{
    background: #fff;
}

.job-art{
    background: #fff;
    padding: 0 0.7rem;
}
.job-art .art-lt{
  width: 780px;
  float: left;
}
.job-art .art-lt .hd{
    line-height: 0.9rem;
    border-bottom: 1px solid #e6e6e6;
    color: #0098f2;
    font-size: calc(12px - 0.12rem + 0.28rem);
    position: relative;
}
.job-art .art-lt .hd:before{
    content: '';
    width: 0.35rem;
    height: 0.9rem;
    background: #0098f2;
    position: absolute;
    left: -0.7rem;
    top: 0;
}
.job-art .art-lt .content{
    border-bottom: 1px solid #e6e6e6;
    padding-top: 0.4rem;
}
.job-art .art-lt .col{
    margin-bottom: 0.5rem;
}
.job-art .art-lt .col .tt{
     color: #0098f2;
    font-size: calc(12px - 0.12rem + 0.20rem);
    padding-left: 0.1rem;
    position: relative;
    margin-bottom: 0.15rem;
}
.job-art .art-lt .col .tt:before{
    content: '';
    width: 2px;
    height: 0.2rem;
    background: #0098f2;
    position: absolute;
    left: 0;
    top:50%;
    margin-top: -0.1rem;
}
.job-art .art-lt .col .dd{
    padding-left: 0.4rem;
     color: #666;
    font-size: calc(12px - 0.12rem + 0.14rem);
    line-height: 2;
    overflow: hidden;
}
.job-art .art-lt .gk{
    display: flex;
    justify-content: space-between;
}
.job-art .art-lt .gk li{
    float: left;
    /* width: 25%; */
}
.job-art .art-lt .gk .icon{
    margin-top: -3px;
    margin-right: 0.05rem;
}
.job-art .art-rg{
    width: 2.6rem;
    margin-top: 0.4rem;
    float: right;
}
.job-art .art-rg .hd{
    height: 0.5rem;
    line-height: 0.5rem;
    background: #0098f2;
    color: #fff;
    padding:  0 0.25rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
}
.job-art .art-rg ul{
   height: 280px;
    border: 1px solid #e5e5e5;
    border-top: none;
    padding:  0.3rem 0.3rem;
    line-height: 1.1;
}
.job-art .art-rg li{
    position: relative;
    padding-left: 0.1rem;
    margin-bottom: 0.12rem;
}
.job-art .art-rg li:before{
    content: '';
    width: 3px;
    height: 3px;
    background: #0b98de;
    position: absolute;
    left: 0;
    top: 0.08rem;
}
.job-art .art-rg a{
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.job-art .art-rg a:hover{
    color: #0b98de;
}
.job-art .art-bt{
    padding: 0.6rem 0 0.7rem;
    overflow: hidden;
}
.job-art .btn{
    border: none;
    min-width: 1.4rem;
    line-height: 0.46rem;
    padding: 0 0.2rem;
    background: #0098f2;
    color: #fff;
    border-radius: 0.03rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
    margin-right: 0.3rem;
    float: left;
    text-align: center;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.job-art .btn:hover{
    background: #028adb;
}
.job-art .back{
    float: right;
}

.logon-mod{
    width: 8.1rem;
    min-height: 6.4rem;
    background: #fff;
    margin: 0 auto ;
    padding: 0.45rem 1.8rem 0.8rem;
    box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);
    margin-bottom: 0.3rem;
}
.logon-mod .tt{
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.3rem);
    color: #333;
    font-weight: 600;
    margin-bottom: 0.5rem;
}
.logon-mod .tt:before,
.logon-mod .tt:after{
    content: '';
    width: 28px;
    height: 2px;
    background: #0098f2;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.2rem;
}
.lo-tab{
    width: 100%;
    line-height: 0.46rem;
    overflow: hidden;
    background: #ccc;
    margin-bottom: 0.3rem;
}
.lo-tab li{
    width: 50%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.18rem);
    cursor: pointer;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.lo-tab .on,
.lo-tab li:hover{
    background: #0098f2;
}
.fm-it{
    display: none;
}
.fm-it.on{
    display: block;
}
.fm-it .tex{
    width: 100%;
    line-height: 0.48rem;
    border: 1px solid #dbdbdb;
    padding: 0 0.2rem;
    font-size: calc(12px - 0.12rem + 0.14rem);
    margin-bottom: 0.2rem;
}
.fm-it .ver-box{
    margin-bottom: 0.2rem;
}
.fm-it .ver-box .tex1{
   line-height: 0.48rem;
    border: 1px solid #dbdbdb;
    padding: 0 0.2rem;
    width: 48%;
    float: left;
}
.fm-it .ver-box .ver{
    width: 48%;
    float: right;
    line-height: 0.48rem;
    border: 1px solid #dbdbdb;
    text-align: center;
}
.fm-it .ver-box .ver img{
    max-width: 100%;
    max-height: 100%;
}
.fm-it .ver-box .btn{
    background: #ccc;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.14rem);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.fm-it .ver-box .btn:hover{
    background: #0098f2;
}
.fm-it .sub{
    width: 46%;
    line-height: 0.48rem;
    text-align: center;
    color: #fff;
    font-size: calc(12px - 0.12rem + 0.14rem);
    border-radius: 0.05rem;
    background: #0098f2;
    border: none;
    margin-top: 0.4rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.fm-it .sub:hover{
    background: #028ada;
}
.fm-it .sub1{
    width: 100%;
    margin-top: 0.1rem;
}
.fm-it .bt{
    margin-top: 0.3rem;
}
.fm-it .bt a{
   color: #666;
    font-size: calc(12px - 0.12rem + 0.14rem);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.fm-it .bt a:hover{
    text-decoration: underline;
}
.fm-it .fl{
    float: left;
}
.fm-it .fr{
    float: right;
}


/* 简历 */

.join-form{
    padding:0.55rem 0 0.7rem;
}
.main-fm{
    width: 10.15rem;
    float: left;
}
.main-fm .top-fm{
    padding: 0.4rem 1rem 0.5rem 0.6rem;
    position: relative;
}
.main-fm .top-fm .hd{
    margin-bottom: 0.3rem;
}
.main-fm .top-fm .lt{
    float: left;
}
.main-fm .top-fm .rg{
    margin-left: 2.4rem;
}
.main-fm .u-img{
    width: 1.66rem !important;
    height: 1.66rem !important;
    background-color: #ebebeb;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
.main-fm .u-img img{
    width: 100%;
    height: 100%;
}
.main-fm .top-fm form{
    /*margin-left: 230px;*/
}
.main-fm .ip-box{
    width: 98%;
    display: flex;
    line-height: 34px;
    margin:0 1% 20px;
    float: left;
    position: relative;
}
.main-fm .ip50{
    width: 48%;
}
.main-fm .ip-box label{
     font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
    width: 96px;
}
.main-fm .tex{
    height: 34px;
    flex:1;
    border-radius: 2px;
    border: 1px solid #dcdcdc;
}
.main-fm .date-box{
    position:relative;
    display: flex;
    flex:1;
}
.main-fm .sel{
    padding: 0 10px;
}
.main-fm .ip-box .sex{
    width: 48%;
    margin: 0 1%;
    line-height: 34px;
    border-radius: 2px;
    border: 1px solid #dcdcdc;
    text-align: center;
    position: relative;
    float: left;
}
.main-fm .ip-box .s-tex{
    border: none;
}
.main-fm .ip-box .sex.on{
    background: #f5f5f5;
}
.main-fm .sex .ra{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.main-fm .bt{
    text-align: center;
}
.main-fm .btn{
    width: 100px;
    line-height: 38px;
    border-radius: 38px;
    border: 1px solid #dcdcdc;
    background: none;
    font-size: 14px;
    color: #bd1d21;
    margin: 0 10px;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.main-fm .btn:hover{
    background: #bd1d21;
    color: #fff;
}
.main-fm .bot-fm{
    background: #fafafa;
    border: 2px solid #d4c2b5;
    border-top: none;
    padding: 0.4rem 0.6rem;
}
.main-fm .tips p{
    display: inline;
    vertical-align: middle;
}
.main-fm .tips .close{
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    background: url(../images/icon-close.png) no-repeat center;
    margin-left: 20px;
    cursor: pointer;
}
.job-it1{
margin-bottom: 0.2rem;
}
.main-fm .hd{
    margin-bottom: 0.3rem;
}
.main-fm .hd .icon{
    display: inline-block;
    vertical-align: middle;
}
.main-fm .hd .tt{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #333;
    font-weight: 600;
    margin-left: 5px;
    position: relative;
}
.main-fm .che{
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.exp-box,
.edu-box{
    border-top: 1px dashed #eee;
    padding-top: 0.2rem;
    margin-top: 0.4rem;
    position: relative;
}
.exp-box .close,
.edu-box .close{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: -15px;
    border: 1px solid #eee;
    background:#fff url(../images/icon-close.png) no-repeat center;
    background-size: 60% 60%;
}
.job-it1 .im:after{
    content: '';
    position: absolute;
    height: 20px;
    width: 40px;
    background: url(../images/lb-im.png) no-repeat center;
    top: 50%;
    margin-top: -8px;
    right: -44px;
}
.job-it1 .btn{
    display: block;
    width: 140px;
    line-height: 40px;
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.14rem);
    color: #fff;
    margin: 10px auto 0;
    background: #0098f2;
}
.job-it1 .bt{
    display: flex;
    margin: 20px 0 0;
}
.job-it1 .bt li{
    flex:1;
    text-align: center;
    font-size: 14px;
    color: #333
}
.job-it1 .bt em{
    color: #666;
}
.job-it1 .bt .sel{
    border: none;
    background: transparent;
}
.job-it1 label{
     font-size: calc(12px - 0.12rem + 0.16rem);
     margin-bottom: 0.15rem;
    color: #333;
    display: block;
}
.job-it1 .label1{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.job-it1 .inp{
    width: 100%;
    line-height: 34px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
}
.job-it1 .sel{
    width: 100%;
    line-height: 34px;
    height: 34px;
    border-radius: 4px;
    border: 1px solid #dcdcdc;
    /* margin-right: 2%; */
    float: left;
}
.job-it1 .sel input{
    width: 100%;
    border: none;
    background: transparent;
}
.job-it1 .sel:last-of-type{
    margin-right: 0;
    float: right;
}
.job-it1 .t-tex{
    width: 100%;
    height: 100px;
    outline: none;
    background: transparent;
    padding: 10px;
    border: 1px solid #dcdcdc;
    font-family: 14px;
}
.job-it2{
    width: 48%;
}
.job-it2 .sel1{
    width: 100%;
}
.w48{
    width: 48%;
}
.main-fm .sub{
    display: block;
    width: 1.4rem;
    line-height: 0.46rem;
    border-radius: 0.05rem;
    background: #0098f2;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border: none;
    margin: 30px auto 0;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
    cursor: pointer;

}
.main-fm .sub:hover{
    background: #008fe3;
}
.main-fm .add{
   font-size: calc(12px - 0.12rem + 0.2rem);
   color: #0098f2;
}

.main-fm .up{
    margin-top: 0.3rem;
    text-align: center;
    font-size: calc(12px - 0.12rem + 0.16rem);
   color: #666;
   cursor: pointer;
}
.main-fm .up:before{
    content: '';
    width: 18px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-up.png) no-repeat center;
    background-size: contain;
    margin-top: -3px;
    margin-right: 0.1rem;
}
.main-fm .im:before{
    content: '*';
    display: inline-block;
    vertical-align: middle;
    color: #0098f2;
}
.side-fm{
    width: 3.85rem;
    float: right;
}
.side-it{
    padding: 0.4rem;
    background: #fff;
    margin-bottom: 0.3rem;
}
.side-it .lb{
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
}
.side-it .num{
    color: #bd1d21;
}
.side-it .lb1{
    font-size: 14px;
    color: #666;
}
.side-it .bt{
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px dashed #d4c2b5;
    text-align: center;
}
.side-it .bt a{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #bd1d21;
    margin: 0 20px;
    position: relative;
}
.side-it .bt a:last-of-type:before{
    content: '';
    width: 2px;
    height: 16px;
    background: #d4c2b5;
    position: absolute;
    left: -20px;
    top:50%;
    margin-top: -6px;
}
.side-it .bt .icon{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.side-it .bt .icon img{
    display: block;
}
.side-it1{
    text-align: center;
}
.side-it1 .lb1{
    line-height: 24px;
}
.side-it .up{
    width: 1.4rem;
    height: 0.46rem;
    line-height: 0.46rem;
    border-radius: 0.05rem;
    background: #0098f2;
    margin: 0 auto 0.3rem;
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #fff;
    cursor: pointer;
    position: relative;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.side-it .up .file{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}
.side-it .up:hover{
    background: #008fe3;
}
.side-it .lb2{
    font-size: calc(12px - 0.12rem + 0.18rem);
    color: #333;
    margin-bottom: 0.4rem;
    text-align: left;

}
.main-fm .fm-col{
    background: #fff;
    border: none;
    margin-bottom: 0.3rem;
}

.user-side {
    width: 3.5rem;
    float: left;
}
.user .u-info{ width: 100%; border-radius: 4px; background: #fff; text-align: center; box-sizing:border-box; padding: 0.5rem 0.3rem; margin-bottom: 0.2rem; }
.user .u-info .u-img{ width: 1.1rem; height: 1.1rem; line-height: 1.1rem; text-align: center; border-radius: 100%; overflow: hidden; margin:0 auto 0.15rem; background-color: #eee; }
.user .u-info .u-img img{ display: block; width: 100%; height: 100%; border-radius: 100%; }
.user .u-info .u-name{ font-size: calc(12px - 0.12rem + 0.16rem); line-height: 1.2; color: #333;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.user .u-info .bj{
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/icon-bj.png) no-repeat center;
    background-size: contain;
}
.user .u-info .btn{
    font-size: calc(12px - 0.12rem + 0.14rem);
    border: none;
    color: #fff;
    margin-top: 0.2rem;
    padding: 0 0.1rem;
    line-height: 0.3rem;
    background: #0098f2;
    border-radius: 0.05rem;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.user .u-info .btn:hover{
    background: #028ada;
}
.user .u-info .code{
    width: 1.58rem;
    height: 1.58rem;
    line-height: 1.58rem;
    margin: 0 auto 0.2rem;
    text-align: center;
    padding: 0.1rem;
    background: url(../images/bg-code.png) no-repeat center;
    background-size: 100% 100%;
}
.user .u-info .code img{
    width: 100%;
    height: 100%;
    display: block;
}
.user .u-info .lb{
    font-size: calc(12px - 0.12rem + 0.16rem);
    color: #333;
}
.user .u-nw{
    width: 100%;
    text-align: left;
    padding: 0 0.2rem 0.4rem;
}
.user .u-nw .hd{
    line-height: 0.76rem;
    border-bottom: 1px solid #0098f2;
    font-size: calc(12px - 0.12rem + 0.2rem);
    color: #333;
    margin-bottom: 0.15rem;
}
.unw-it{
    display: block;
    padding: 0.1rem 0;
}
.unw-it .time{
    color: #666;
    line-height: 1;
    font-size: calc(12px - 0.12rem + 0.16rem);
    margin-bottom: 0.05rem;
}
.unw-it .tt{
    color: #333;
     font-size: calc(12px - 0.12rem + 0.16rem);
     transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.unw-it:hover .tt{
    color: #0098f2;
}


.u-menu .quit-li{ height: 0.64rem; line-height: 0.64rem; font-size: calc(12px - 0.12rem + 0.16rem);  background: #fff;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.u-menu .quit-li .q-button{ width: 100%; height: 100%; display: block;  color:#333; text-align: center;  }
.u-menu .quit-li .q-button:before{ content: ''; display: inline-block; margin-right: 0.15rem; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-top: -2px; background: url(../images/icon-off1.png) no-repeat center; }
.u-menu .quit-li:hover{ background: #00a0ff; }
.u-menu .quit-li:hover .q-button{ color: #fff; }
.u-menu .quit-li:hover .q-button:before{ background: url(../images/icon-off.png) no-repeat center; }


.user-main{
    width: 10.7rem;
    float: right;
    padding-bottom: 60px;
    border-radius: 4px;
}
.user-main .content{
    padding: 0.5rem 0.3rem;
}

.user-main .hd{
    height: 70px;
    line-height: 70px;
    padding: 0 30px;
    border-bottom: 1px solid #eeeeee;
}
.user-main .hd .tt{
    font-size: 18px;
    color:#333;
    display: inline-block;
    position: relative;
    margin-right: 30px;
}
.user-main .hd .tt a{
    font-size: 18px;
    color:#333;
    display: inline-block;
    position: relative;
}
.user-main .hd .tt.on,
.user-main .hd .tt.on a{
    color:#00a0ff;
}
.user-main .hd .tt.on:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 2px;
    background: #00a0ff;
}
.user-main .hd a{
    float: right;
    font-size: 14px;
    color: #888;
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.user-main .hd a:hover{
    color: #00a0ff;
}
.user-main .col{
    margin-bottom: 0.2rem;
    background: #fff;
}
.user-main .btn{
    display: block;
    margin: 0 auto 0.15rem;
    width: 1.2rem;
    line-height: 0.46rem;
    border-radius: 0.05rem;
    text-align: center;
    color: #fff;
    background: #0098f2;
    font-size: calc(12px - 0.12rem + 0.14rem);
    transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.user-main .btn:hover{
    background: #028ada;
}
.user-main .lb{
     font-size: calc(12px - 0.12rem + 0.14rem);
     color: #666;
     text-align: center;
}
.int-hd{
    line-height: 0.6rem;
    overflow: hidden;
    background: #fcfcfc;
    padding: 0 0.3rem;
}
.int-hd .th{
    float: left;
    font-size: calc(12px - 0.12rem + 0.15rem);
    color: #000;
}
.int-hd .th{
    width: 17.5%;
}
.int-hd .th:first-of-type{
    width: 30%;
}
.int-hd .th.th1{
    width: 40%;
}
.int-hd .th2{
    width:20%;
    text-align: center;
}
.int-hd .th3{
    width: 40%;
    text-align: center;
}
.int-it{
    padding:0.25rem;
     font-size: calc(12px - 0.12rem + 0.14rem);
    color: #666;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.int-it .td{
    float: left;
    vertical-align: middle;
    line-height: 18px;
    width: 17.5%;
    padding: 0 0.02rem;
}
.int-it .td em{
    color: #0098f2;
     font-size: calc(12px - 0.12rem + 0.14rem);
}
.int-it .td .r{
    color: #fe0101;
}
.int-it .td a{
   color: #666;
     font-size: calc(12px - 0.12rem + 0.14rem);
     transition: all ease .3s 0s;
    -moz-transition: all ease .3s 0s;
    -webkit-transition: all ease .3s 0s;
}
.int-it .td a:hover{
    color: #0098f2;
}
.int-it .td:first-of-type{
    width: 30%;
}
.int-it .td.td1{
    width: 40%;
}
.int-it .td2{
    width: 20%;
    text-align: center;
}
.int-it .td3{
    width: 40%;
    text-align: center;
}

.user-main .coll {
    display: inline-block;
    vertical-align: middle;
    width: 0.21rem;
    height: 0.21rem;
    background: url(../images/icon-coll.png);
    background-size: contain;
    cursor: pointer;
    float: right;
    margin-right: 0.2rem;
    margin-top: -2px;
}
.user-main .coll.on{
    display: inline-block;
    vertical-align: middle;
    width: 0.21rem;
    height: 0.21rem;
    background: url(../images/icon-coll-on.png);
    background-size: contain;
}

.tx-mask{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 111;
  visibility: hidden;
}
.tx-mask>div{
  padding: 40px;
  box-sizing: border-box;
  background: white;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  justify-content: space-between;
}
.tx-mask-l{
  width: calc(100% - 240px);
  height: 6rem;
  float: left;
}
.tx-mask-l>img{
  max-width: 100%;
}
.tx-mask-r{
    float: right;
  width: 240px;
  text-align: right;
  padding-left: 0.4rem;
  box-sizing: border-box;
}
.tx-mask-r .icon-cha{
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 24px;
  background: url(../images/icon-close.png) no-repeat center;
}
.tx-mask-r .icon-cha:before{ content: "\e606"; font-family: "iconfont";}
.edit-success{
  border: none;
  background: #FCA223;
  color: white;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  cursor: pointer;

}

.edit-yltx1{
  margin: 0 0 0 auto;
  height: 200px;
    width: 200px;
  overflow: hidden;
  position: relative;
}
.upimage{
  position: relative;
  box-sizing: border-box;
  border: 1px solid #999999;
  margin: 0.4rem 0;
}
.upimage>span{
  width: 100%;
  height: 40px;
  display: block;
  text-align: center;
  line-height: 40px;
}
#inputImage{
  cursor: pointer;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.date_selector, .date_selector *{width: auto;height: auto;border: none;background: none;margin: 0;padding: 0;text-align: left;text-decoration: none;  box-sizing: unset;}

.date_selector{ top: 40px !important; left: 0% !important;  background:#fbfbfb;border: 1px solid #ccc;padding: 10px;margin:0;margin-top:-1px;position: absolute;z-index:100000;display:none;border-radius: 3px;box-shadow: 0 0 5px #aaa;box-shadow:0 2px 2px #ccc; width:220px;}

.date_selector_ieframe{position: absolute;z-index: 99999;display: none;}

.date_selector .nav{width: 100%;}

.date_selector .nav p{clear: none;}

.date_selector .month_nav, .date_selector .year_nav{margin: 0 0 3px 0;padding: 0;display: block;position: relative;text-align: center;}

.date_selector .month_nav{float: left;width: 55%;}

.date_selector .year_nav{float: right;width: 42%;margin-right: -8px;}

.date_selector .month_name, .date_selector .year_name{font-weight: bold;line-height: 20px;}

.date_selector .button{display: block;position: absolute;top: 0;width:18px;height:18px;line-height:16px;font-weight:bold;color:#5985c7;text-align: center;font-size:12px;overflow:hidden;border: 1px solid #ccc;border-radius:2px;}

.date_selector .button:hover, .date_selector .button.hover{background:#5985c7;color: #fff;cursor: pointer;border-color:#3a930d;}

.date_selector .prev{left: 0;}

.date_selector .next{right: 0;}

.date_selector table{border-spacing: 0;border-collapse: collapse;clear: both;margin: 0; width:220px;}

.date_selector th, .date_selector td{width: 2.5em;height: 2em;padding: 0 !important;text-align: center !important;color: #666;font-weight: normal;}

.date_selector th{font-size: 12px;}

.date_selector td{border:1px solid #f1f1f1;line-height: 2em;text-align: center;white-space: nowrap;color:#5985c7;background: #fff;}

.date_selector td.today{background: #eee;}

.date_selector td.unselected_month{color: #ccc;}

.date_selector td.selectable_day{cursor: pointer;}

.date_selector td.selected{background:#2b579a;color: #fff;font-weight: bold;}

.date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover{background:#5985c7;color: #fff;}




@media screen and (max-width: 1640px){
    .hm-page .sw-prev{
        left: -0.1rem;
    }
    .hm-page .sw-next{
        right: -0.1rem;
    }
    .main-fm .top-fm .rg{
        margin-left: 2rem;
    }
}
@media screen and (max-width: 1220px){
    .banner1 .ban-con{
    height: 320px;
}
.job-art .art-lt{
    width: 100%;
    float: none;
}
.job-art .art-rg{
    width: 100%;
    float: none;
}
.job-art .art-rg ul{
    height: auto;
    max-height: 3.5rem;
}
.main-fm{
    width: 100%;
    float: none;
}
.side-fm{
    width: 100%;
    float: none;
    margin-top: 0.5rem;
}
.user-main {
    width: auto;
    float: none;
    padding-bottom: 60px;
    border-radius: 4px;
    margin-left: 3.8rem;
}
.ques-it .tt{
    width: 75%;
}
.job-city a, .job-city span{
    min-width: 20%;
}
}
@media screen and (max-width: 768px){
    .sear-box{
        position: static;
        width:100%;
        transform: translate(0,0);
        padding: 0.15rem 0.5rem;
    }
    .hm-ban{
        padding-bottom: 0;
    }
    .tt-modu .en {
    font-size: calc(12px - 0.12rem + 0.52rem);
}
.tt-modu .cn {
    font-size: calc(12px - 0.12rem + 0.34rem);
}
.ques-it .hd {
    height: auto;
    line-height: normal;
    overflow: hidden;
    padding: 0.2rem 0;
    position: relative;
}
.ques-it .tt {
    float: none;
    line-height: normal;
    width: 100%;
}
.ques-it .time {
    float: none;
    margin-top: 0.15rem;
}
.ques-it .arr:after {
    position: absolute;
    top: 50%;
    transform:translate(0,-50%);
}
.page a{
    min-width: 0.44rem;
    line-height: 0.44rem;
}
.banner .ban-con{
    height: 90px;
}
.banner .cn {
    font-size: calc(12px - 0.12rem + 0.24rem);
}
.banner .en {
    font-size: calc(12px - 0.12rem + 0.24rem);
}
.com-mod {
    padding: 0.5rem 0 0.3rem;
}
.shzp{
    padding-top: 0;
}
.job-box{
    overflow-x: scroll;
}
.job-box .content{
    width: 180%;
}
.app-mod .tt-modu {
    margin-bottom: 0.6rem;
}
    .banner1 .ban-con{
    height: 150px;
}
.job-art{
    padding: 0 0.3rem;
}
.job-art .art-lt .hd:before{
    left: -0.3rem;
    width: 0.1rem;
}
.job-art .art-lt .gk{
    display: block;
}
.job-art .art-lt .gk li{
    width: 50%;
    margin-bottom: 2%;
}
.job-art .art-bt {
    padding: 0.4rem 0;
    overflow: hidden;
}
.main-fm .top-fm {
    padding: 0.4rem 0.3rem;
}
.main-fm .top-fm .lt{
    float: none;
}
.main-fm .top-fm .rg{
    margin-left: 0;
}
.main-fm .ip50{
    width: 100%;
}
.main-fm .u-img{
    margin: 0 auto;
}
.main-fm .up{
    margin-bottom: 0.5rem;
}

.user-side{
    width: 100%;
    float: none;
}
.user-main{
    margin-left: 0;
    margin-top: 0.5rem;
}
.user .u-info .btn{
    line-height: 0.54rem;
    padding: 0 0.2rem;
}
.user-main .btn{
    line-height: 0.54rem;
}
.int-hd{
    padding: 0 0.15rem;
}
.tx-mask>div{
    padding: 40px 0.4rem;
}
.tx-mask-l {
    width: 100%;
    height: 4rem;
    float: none;
}
.tx-mask-r{
    float: none;
    padding-left: 0;
    width: 100%;
    margin: 0.3rem auto 0;
}
.edit-yltx1{
    float: left;
}
.upimage,
.edit-success{
    width: 45%;
    float: right;
}
.upimage{
    margin-bottom: 0.3rem;
}
.edit-yltx1{
    width: 160px;
    height: 160px;
}
.job-city a, .job-city span{
    min-width: 25%;
    font-size: calc(12px - 0.12rem + 0.16rem);
}
.job-it1 .sel{
    width: 100%;
    margin-bottom: 0.2rem;
}
.fl-code{
    width: 40px;
    padding: 3px;
}
.fl-code:hover{
    width: 80px;
}

}

@media screen and (max-width: 640px){
    .join-it{
        width: 100%;
        float: none;
        margin: 0 auto 4%;
    }
    .ap-it .icon{
        height: 0.8rem;
    }
    .app-mod ul:before{
        top: 0.4rem;
    }
    .ap-it:after{
        top: 0.32rem;
    }
    .logon-mod{
        width: 100%;
        padding: 0.3rem 0.3rem 0.5rem;
    }
    .lo-tab,
    .fm-it .tex,
    .fm-it .ver-box .tex1,
    .fm-it .ver-box .ver,
    .fm-it .ver-box .btn,
    .fm-it .sub{
        line-height: 0.64rem;
    }
    .job-art .art-lt .gk li{
        width: 100%;
    }

}