html {height:100%;width:100%;font-size:20px!important;}
@media only screen and (min-width:400px) { html {font-size:21.33px!important; }}
@media only screen and (min-width:414px) { html {font-size:22.08px!important;}}
@media only screen and (min-width:480px) { html {font-size:25.6px!important;}}

body{background-color:#1a0085;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;}
.topnav{position:relative;padding:0rem 2%;height:2.2rem;background-color:#fff;overflow:hidden;}
.topnav h2{position:absolute;left:0;top:0;display:block;font-size:0.9rem;text-align:center;color:#000;width:100%;height:2.2rem;line-height:2.2rem;}
.topnav .prev{position:relative;z-index:99;float:left;margin-top:0.5rem;display:inline-block;width:1.2rem;height:1.2rem;background:url(../images/mprev.png) no-repeat;background-size:auto 1.2rem;}
.topnav .mlogo{float:left;display:inline-block;width:5.65rem;height:2.2rem;background:url(../images/mlogo.png) no-repeat;background-size:auto 2.2rem;}
.topnav .back{float:right;display:inline-block;height:2.2rem;line-height:2.2rem;color:#333;font-size:0.7rem;}
.banner{position:relative;z-index:1;}
.banner img{display:block;width:100%;}
/*main*/
.mainbox{position:relative;z-index:99;margin:0 auto;margin-top:0rem;padding-bottom:0.5rem;width:92%;}
.maintitle{text-align:center;margin:0 auto;}
.maintit{position:relative;padding:0 1.2rem;color:#0048da;font-size:0.9rem;line-height:1rem;font-weight:bold;}
.subtit{position:relative;color:#fff;font-size:0.5rem;line-height:2rem;font-weight:lighter;letter-spacing:0.2rem;}
.subtit i{position:absolute;top:50%;margin-top:-0.5rem;display:inline-block;width:2rem;height:1.1rem;}
.subtit .titl{left:0;bottom:0;background:url(../images/m-titbgl.png) no-repeat;background-size:auto 1.1rem;}
.subtit .titr{right:0;top:0;background:url(../images/m-titbgr.png) no-repeat;background-size:auto 1.1rem;}
/*joblist*/
.jobboxbg{border:0.25rem solid rgba(255, 255, 255, 0.2);border-radius:0.4rem;background:#6f49ea;background:linear-gradient(to bottom, #8e25f1 0%,#3c29f4 100%);padding:0.5rem;}
.joblist{overflow:hidden;}
.joblist li{float:left;margin-top:0.5rem;width:92%;background-color:#fff;padding:0.6rem 4%;border-radius:0.5rem;}
.joblist li:first-child{margin-top:0;}
.joblink,.comlink{position:relative;display:block;cursor:pointer;}
.jobname{font-size:0.7rem;font-weight:bold;color:#333;line-height:1.2rem;padding-right:4rem;max-width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jobpay{font-size:0.7rem;color:#ffffff;line-height:1.2rem;padding-top:0.2rem;padding-bottom:0.5rem;padding-right:4rem;max-width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jobpay span{display:inline-block;line-height:24px;padding:0 12px;border-radius:99px;background: #765efa;background: linear-gradient(to right, #765efa 0%,#b520fe 100%); }
.jobbtn{position:absolute;top:0.1rem;right:0;display:inline-block;width:3.75rem;height:1.4rem;line-height:1.4rem;font-size:0.6rem;font-style:normal;text-align:center;color:#fff;background-color:#2683e4;border-radius:0.2rem;background: #0fc173;background:linear-gradient(to right, #0fc173 0%,#10d46e 100%); }

.comlink{border-top:0.05rem dashed #6cb8ff;padding-top:0.6rem;overflow:hidden;}
.comlogo{position: absolute;left:0;bottom:0;display:block;width:2rem;height:2rem;border:0.05rem solid #e5e5e5;border-radius:50%;vertical-align:middle;overflow: hidden;}
.comlogo img{display: block;max-width:100%;max-height:100%;margin:0 auto;vertical-align: middle;transform: translateX(-50%) translateY(-50%);position: relative;top: 50%;left: 50%;}
.combox{padding-left:2.4rem;}
.comname{font-size:0.6rem;color:#555;line-height:1rem;max-width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cominfo{font-size:0.6rem;color:#999;line-height:1rem;max-width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cominfo span{position:relative;padding:0rem 0.25rem;}
.cominfo span:before{position:absolute;top:50%;left:0;margin-top:-0.3rem;content:"";display:block;height:0.6rem;width:0.05rem;background-color:#ccc;}
.cominfo span:first-child{padding-left:0;}
.cominfo span:first-child:before{display:none;}

/*·­Ò³*/
.lookfor{margin:0.6rem 0rem 0.2rem 0rem;padding: 1rem 0rem;}
.lookfor .lookfor-pages{text-align:center;height:1.4rem;line-height:1.4rem;border-top:none;overflow:hiddden;}
.lookfor .lookfor-pages a{position:relative;float:left;display:inline-block;box-sizing:border-box;width:22%;margin:0 2%;height:1.4rem;font-size:0.6rem;background:url(../images/m-btnm.png) repeat-x;background-size:auto 1.525rem;color:#fff;border-radius:0.2rem;}
/*.lookfor .lookfor-pages a:before{position:absolute;top:0px;left:-0.1rem;content:"";display:block;height:1.4rem;width:0.7rem;background:url(../images/m-btnl.png) no-repeat;background-size:auto 1.525rem;}
.lookfor .lookfor-pages a:after{position:absolute;top:0px;right:-0.1rem;content:"";display:block;height:1.4rem;width:0.7rem;background:url(../images/m-btnr.png) no-repeat;background-size:auto 1.525rem;}

*/.lookfor .lookfor-pages a.firstbtn{width:14%;margin:0;box-sizing:border-box;}
.lookfor .lookfor-pages a.lastbtn{width:14%;margin:0;box-sizing:border-box;}
.lookfor .lookfor-pages span{float:left;display:inline-block;box-sizing:border-box;width:20%;font-size:0.6rem;line-height:1.4rem;color:#fff;}
.lookfor .lookfor-pages span em{font-style:normal;}
.lookfor .lookfor-pages a.disabled{border:solid 0.05rem #bdbdbd;background-color:#bdbdbd;}
.lookfor .lookfor-pages a.firstbtn.disabled{border:solid 0.05rem #bdbdbd;background-color:#fff;color:#999;}
.lookfor .lookfor-pages a.lastbtn.disabled{border:solid 0.05rem #bdbdbd;background-color:#fff;color:#999;}