@charset "UTF-8";
*{padding:0px;margin:0px;list-style:none;}
body{width:100%;height:100%;text-rendering:geometricPrecision;font-family:PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;}
/* background-color:#f3f4f6; */
body{background: linear-gradient(45deg,#eaf2ff 30%,#f3f4f6 70%,#fcf5fe 80%);}
img{border:none;-webkit-touch-callout:none;max-width:100%;}
a{color:#000000;text-decoration:none;cursor:pointer;}
a:hover{color:#e23b3b;text-decoration:none;-webkit-transition:all linear .1s;transition:all linear .1s}

::selection{background-color:#e23b3b;color:#fff}
::-moz-selection{background-color:#e23b3b;color:#fff}
::selection{background-color:#e23b3b;color:#fff}
::-moz-selection{background-color:#e23b3b;color:#fff}

@font-face {font-family: 'logofont';src: url('../fonts/yipinchuangxiangti.ttf');}

.layout{width:1200px;margin:0 auto;}
.layout980{width:980px;margin:0 auto;}
.flex1{flex:1;}
.dflex{display: flex;}
.blue{color:#1e9fff}
.red{color:#e23b3b}
.darkblue{color:#002046;}
.orange{color:#ff6600}
.pulple{color:#3285f3}
.gray{color:#999999}
.bluebg{background-color: #1e9fff;}
.orangebg{background-color: #ff6600;}
.whitebg{background-color: #fff;}
.graybg{background-color: #fafafa;}
.darkbludbg{background-color: #002046;}
.blackbg{background-color: #002046;}
.shadow{box-sizing: border-box;box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;}
.shadow2{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.shadow3{box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}
.shadow4{box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;}
.white{color:#fff;}
.borderradius10{border-radius: 5px;}
.icon12{width:12px;height:12px;}
.icon16{width:16px;height:16px;}
.font16{font-size:16px;}
.font22{font-size:22px !important;}
.mb10{margin-bottom:10px;}
.mg10{padding:10px 0px;}
.mg20{padding:20px 0px;}
.oneline{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break: break-all;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.displaynone{display: none;}
.pt20{padding-top:20px;}
.mt30{margin-top:20px;}
.pl40{padding-left:40px;}
.pl10{padding-left:10px;}
.nodata{padding:30px;background-color: #fff;text-align: center;border-radius: 10px 40px 10px 40px;}
.nodata_pic{width:128px;height:128px;}
.nodata_title{font-size: 13px;color:#666;padding:20px;}
.nodata_btn{display:inline-block;padding:10px 30px;background-color: #3285f3;color:#fff;font-size:13px;border-radius: 10px;}
.pb50{padding-bottom:50px;}
.textline{text-decoration: underline;}

#header_main{height: 64px;background: linear-gradient(45deg,#002046 30%,#002046 60%,#002046 90%);box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;}
#header{height: 64px;display: flex;position: relative;}
#logo{height:90px;background-color: #fcfcfc;border-radius: 0px 0px 25px 10px;position: absolute;top:0;left:0;display: flex;padding:0px 20px 10px 20px;}
.logoimg{padding-top:14px;}
.logoimg img{height:64px;}
.flashshadow{box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 6px 0px;}

.webname{font-family: 'logofont';font-size:25px;color:#000;padding:18px 0px 10px 10px;}
.webname a{color:#000;}
.webname a:hover{color:#eb2532;}

.tools{display: flex;justify-content: flex-end;flex:1;padding-right:10px;}
.tools_icon{line-height:63px;}
.tools_icon_link{padding:0px 10px;font-size: 13px;color:#fff;opacity: 1;}
.tools_icon_img{width:12px;height:12px;padding-right:2px;}
.tools_icon a:hover{color:#fff;}

.login{display:flex;align-items: center;padding-left:20px;justify-content: flex-end;}
.login a{padding:5px 18px;font-size:13px;color:#fff;background-color: #eb2532;display: inline-block;border-radius: 5px;}

.menu{line-height: 64px;padding-left:250px;}
.menu ul{padding-right:35px;zoom:1;display: flex;}
.menu ul:after{content:"";display:block;clear:both}
.menu li{display:inline;position:relative}
.menu li a{padding:0px 12px;font-size:16px;margin:0 15px;position:relative;display:inline-block;color:#fff;}
.menu li a:hover{color:#fff;border-radius:10px 10px 10px 10px;}
/* .menu li:before{content:"";width:0;height:3px;background:#fff;position:absolute;left:50%;bottom:0;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;border-radius: 20px;} */
.menu li.on:before,.menu li:hover:before{width:32px;margin-left:-16px;}
.menu li.on a,.menu li:hover a{color:#fff;border-radius:10px 10px 10px 10px;background-color: #3285f3;}

#search{padding:40px 0px;}
.searchform{display:flex;justify-content: center;}
.searchform .sinput{padding:8px 20px;border-radius: 12px;background-color: #ffffff;font-size: 16px;border:none;width:600px;height:30px;color:#444;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}
#searchbox{width:600px;}
#searchbox input:focus{outline:3px solid #002046;}
#hotsearchjob{padding:20px 0px 0px 10px;font-size: 13px;color:#555;}
#hotsearchjob a{margin-right:10px;display: inline-block;color:#999;}
.searchbtn{width:80px;background:#3285f3;color:#fff;height: 46px;line-height: 46px;text-align: center;border-radius: 12px;font-size:16px;border:none;display: flex;align-items: center;justify-content: center;transform: scale(1);transition: all 0.3s ease;}
.searchbtn:hover{transform: scale(1.1);}

#content{display:flex;padding-bottom:40px;}
#pagecontent{padding-bottom:60px;}
#indexleft{width:290px;background-color: #fff;border-radius: 10px;height:100%;position:relative;}
#indexright{width:880px;margin-left:30px;padding-bottom:30px;}
#flash{width:880px;display:flex;padding-bottom:20px;}

.index_jobcatebox{padding:20px;background-color: #fff;border-radius: 10px;box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 6px 0px;}
.index_jobcate{padding-top:10px;}
.index_jobcate li{margin-bottom:10px;padding-bottom:10px;border-bottom: 1px solid #eee;background-image: url('../img/icon/arrow.png');background-size: 16px 16px;background-repeat: no-repeat;background-position: right center;padding-right:15px;position:relative;text-indent:0;display:block;}
.index_jobcate li a:hover{color:#3285f3;}
.index_jobcate li a{font-size:16px;font-weight: bold;padding-bottom:5px;display: block;}
.index_jobcate li .subul{margin:5px 0px;text-align:left;font-size:13px !important;color:#666;font-weight: normal;}
.index_jobcate li .subcate{display:none;width:420px;position:absolute;left:240px;background-color:#fcf5fe;text-align:left;z-index:3;padding:20px;border:1px solid #ddd;top:-15px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 10px;transition: all 0.8s ease;}
.index_jobcate li .subcate li{border:none;background: none;display:inline-block;text-align: left;}
.index_jobcate li .subcate li a{font-size:14px;color:#000000;display:inline-block;padding:0;font-weight: normal;}
.index_jobcate li .subcate li a:hover{color:#3285f3;text-decoration: underline;}

.jobcatebox{padding:20px;background-color: #fff;border-radius: 10px;box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 6px 0px;}
.jobcate{padding-top:10px;}
.jobcate li{margin-bottom:10px;padding-bottom:10px;border-bottom: 1px solid #eee;background-image: url('../img/icon/arrow.png');background-size: 16px 16px;background-repeat: no-repeat;background-position: right center;padding-right:15px;position:relative;text-indent:0;}
.jobcate li a:hover{color:#3285f3;text-decoration: underline;}
.jobcate li .checkthis{color:#3285f3;}
.jobcate li a{font-size:16px;font-weight: bold;padding-bottom:5px;display: block;}
.jobcate li .subul{margin:5px 0px;text-align:left;font-size:13px !important;color:#666;font-weight: normal;}
.jobcate li .subcate{display:none;width:420px;position:absolute;left:240px;background-color:#fcf5fe;text-align:left;z-index:3;padding:20px;border:1px solid #ddd;top:-15px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 10px;transition: all 0.8s ease;}
.jobcate li .subcate li{border:none;background: none;display:inline-block;text-align: left;}
.jobcate li .subcate li a{font-size:14px;color:#000000;display:inline-block;padding:0;font-weight: normal;}
.jobcate li .subcate li a:hover{color:#3285f3;text-decoration: underline;}
.jobcate li .subcate li .checkthis{color:#3285f3;text-decoration: underline;}

.morecate{text-align: center;padding-bottom:10px;}
.morecate a{font-size: 13px;color:#999;display:inline-block;border:1px solid #ddd;border-radius: 10px;padding:6px 20px;}
.morecate a:hover{background-color: #e23b3b;color:#fff;border:1px solid #e23b3b;transition: background-color 0.2s ease-in-out;}

.flashleft{width:880px;height:280px;border-radius: 10px;position:relative;}
.flashright{width:290px;height:280px;margin-left:10px;display:flex;flex-direction: column;justify-content: center;}
.flashright_pica{width:290px;height:135px;border-radius: 10px;margin-bottom:10px;}
.flashright_picb{width:290px;height:135px;border-radius: 10px;}

.footerul{padding-left:0px;display: flex;}
.footerul li{line-height: 32px;margin-right:18px;}
.footerul li a{color:#999;opacity: 0.9;font-size: 14px;}

#footer_main{}
#footer{padding: 40px 0px;}
.footer_bd{display: flex;justify-content: center;}
.footer_left{flex:1;}
.footer_left_title{font-size: 18px;color:#fff;padding-bottom:10px;position:relative;margin-bottom:10px;}
.footer_left_icon{width:14px;height:14px;}
.footer_left_line{width:80px;height:1px;background-color: #fff;position:absolute;bottom:0;left:0px;border-radius: 4px;opacity: 1;}
.copyright{font-size:14px;color:#999;opacity: 0.9;padding-top:20px;line-height: 26px;}
.copyright a{color:#fff;}
.footer_right{padding-left:150px;}
.footer_right_title{font-size: 14px;color:#999;opacity: 0.9;padding-bottom:10px;position:relative;margin-bottom:20px;}
.footer_right_line{width:30px;height:1px;background-color: #333;position:absolute;bottom:0;left:0px;border-radius: 4px;}
.footer_qrcode{width:96px;height:96px;}

.position{padding:20px 0px 20px 0px;text-indent: 8px;color:#999;font-size: 14px;}
.position a{color:#002046;}

.wrap{width:100%;height:188px;position:absolute;top:-8px;left:-7px;overflow:hidden;color:#fff}
.wrap:before{content:"";display:block;border-radius:8px 8px 0 0;width:40px;height:8px;position:absolute;left:60px;background:#2933c7}
.wrap:after{content:"";display:block;border-radius:0 8px 8px 0;width:8px;height:40px;position:absolute;left:0;top:60px;background:#2933c7}
.ribbon6{display:inline-block;text-align:center;width:140px;height:40px;line-height:40px;position:absolute;top:10px;left:-40px;z-index:2;overflow:hidden;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);border:1px dashed;box-shadow:0 0 0 3px #3285f3,0 21px 5px -18px rgba(0,0,0,.6);background:#3285f3}

.tool{position:fixed;bottom:30px;right:30px;z-index:99;font-weight:300}
.tool li{list-style:none}
.tool li i{font-size:14px;color:#fff}
.tool li button{background-color:#6b7280;height:48px;width:48px;border-radius:100%;border:none;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer}
.tool li button:hover{background-color:#3285f3}

.detailContent{line-height: 1.8;line-height: 26px;font-size: 14px;margin-bottom:0px;padding:0px 0px 0px 0px;}
.detailContent p{line-height: 26px;margin-bottom:8px;font-size: 14px;}
.speclist{border-top:1px solid #ddd;font-size: 14px;color:#000;}
.speclist li{line-height:2.6;border-bottom: 1px solid #ddd;}
.detailContent ul{padding-left:30px;}
.detailContent ul li{list-style-type: disc !important;}
.detailContent ol{padding-left:30px;}
.detailContent ol li{list-style-type: demical !important;}

.CompanyContent{line-height: 1.8;line-height: 26px;font-size: 14px;}
.CompanyContent p{line-height: 26px;margin-bottom:8px;font-size: 14px;}

.apply{padding:10px 25px;font-size:14px;color:#fff;background-color: #e23b3b;display: inline-block;border-radius:10px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.apply:hover{opacity: 0.8;color:#fff;}
.fav{padding:10px 25px;font-size:14px;color:#002046;background-color: #fafafa;display: inline-block;border-radius:10px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;margin-left:20px;border:1px solid #002046;}
.fav:hover{background-color: #002046;color:#fff;}

.douban .emptyjobtitle ul{ margin:6px 6px 0 0; zoom:1; }
.douban .emptyjobtitle ul li{ float:left; cursor:pointer; display:block; width:12px; height:12px; margin-right:4px; background-color: #002046;border-radius: 50%;;}
.douban .emptyjobtitle ul li.on{ background-color: #eb2532;}

.companylist{display:flex;flex-wrap:wrap;flex-wrap: wrap;}
.companylist li{width:32%;border-radius: 10px;background-color: #fff;margin-bottom:15px;}
/* .companylist  li:last-child:nth-child(4n + 2) {margin-right: calc((100% - 23%) / 3 * 2);}
.companylist  li:last-child:nth-child(4n + 3) {margin-right: calc((100% - 23%) / 3 * 1);} */
.companylist li:not(:nth-child(3n)) {margin-right: calc(4% /2);}
.companylist .libd{padding:15px;text-align: center;}
.companylist .lipic{width:160px;height:56px;}
.companylist .lititle{padding-top:5px;font-size:13px;color: #666;}

.pagedetail{line-height: 1.8;line-height: 26px;font-size: 14px;font-weight: 300;margin-bottom:0px;padding:0px 20px;}
.pagedetail p{line-height: 26px;margin-bottom:15px;font-size: 14px;font-weight: 300;}

.p880280{width:880px;height:280px;}
.p580280{width:580px;height:280px;}
.p300135{width:300px;height:135px;}
.p350240{width:350px;height:240px;}
.p250220{width:250px;height:220px;}

#catebox{display:flex;flex-wrap: wrap;}
/* justify-content: space-between; */
.catebox_subcate{padding:5px 0px;}
.catebox_subcate a{padding:2px;margin:3px;display: inline-block;color:#666;}
.catebox_subcate a:hover{text-decoration: underline;color:#3285f3;font-weight: bold;}
.catelist{border-radius: 10px;background-color: #fff;margin-bottom: 20px;width:32.5%;height: auto;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}
.catebd{padding:20px 20px 25px 20px;overflow:hidden;zoom:1;}
.catetitle{font-size:18px;padding:0px 0px 10px 0px;color:#333;}
.catelist:not(:nth-child(3n)) {margin-right: calc(2.5% /2);}

.itemlist li{padding:20px;background-color: #fff;border-radius: 10px;margin-bottom: 20px;box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 6px 0px;}
.item_info{display: flex;padding-bottom:20px;}
.item_jobtitle{font-size:16px;flex:1;padding-right:20px;}
.item_pubdate{font-size:13px;color:#666;}
.item_company{font-size: 13px;color:#999;padding-bottom:10px;}
.item_salary{color:#3285f3;font-size:16px;font-weight:500;}
.item_location{flex:1;text-align:right;color:#999;font-size: 13px;}

.formtitle{font-size: 14px;color: #444;font-weight: bold;padding-left:10px;}
.forminput{padding:12px 20px;border:1px solid #eee;background-color: #f3f4f6;border-radius: 8px;width:450px;}
.formtextarea{padding:12px 20px;border:1px solid #eee;background-color: #f3f4f6;border-radius: 8px;width:450px;height:80px;resize: none;}

#jobpageleft{width:880px;}
#jobpageright{width:290px;margin-right:30px;position:relative;}
#pageleft{width:910px;}
#pageright{width:250px;margin-left:40px;}
.pageleft_bd{padding:20px 20px 20px 20px;background-color: #fff;border-radius: 10px;margin-bottom:10px;box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 5px;}
.posttitle{font-size:22px;padding:15px 0px 18px 40px;position: relative;margin-bottom:30px;}
.posttitle_line_a{width:72px;border-bottom: 2px solid #3285f3;position: absolute;bottom: 5px;left:45px}
.posttitle_line_b{width:48px;border-bottom: 1px solid #3285f3;position: absolute;bottom: 0;left:45px}
.postcontent{padding:10px 20px 10px 20px;}
.w550{width:550px;}
.w350{width:350px;}
.w250{width:250px;}
.w150{width:150px;}
.posttce{width:85%;height:300px;}
.postbtn{font-size:16px;background-color: #eb2532;color:#fff;padding:10px 25px;display:inline-block;border-radius:10px;border:none;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

.postform_title{font-size: 14px;color: #444;font-weight: bold;padding-left:10px;}
.postform_input{padding:12px 20px;border:1px solid #eee;background-color: #f3f4f6;border-radius: 8px;width:450px;}
.postform_textarea{padding:12px 20px;border:1px solid #eee;background-color: #f3f4f6;border-radius: 8px;width:450px;height:80px;resize: none;}

.companybd{background-color: #fff;margin-bottom: 20px;padding:20px 30px;border-radius: 10px;box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 6px 0px;border-bottom:4px solid #eeeeee;}
.company_name{font-size:28px;padding:10px 0px 18px 20px}
.company_logo{padding:0px 0px 10px 20px}
.company_logo img{border:1px solid #ddd;height:200px;}
.moretitle{font-size:14px;font-weight: bold;padding:10px 0px 10px 10px;}
.detailSpec{padding:0px 0px 0px 0px;}
.infoleft{width:160px;text-indent: 5px;}
.inforight{flex:1;}
.othertitle{font-size:16px;font-weight: bold;padding:20px;}


.morebtn_bd{padding:0px 0px 0px 20px;}
.morebtn{font-size:14px;background-color: #e23b3b;color:#fff;padding:8px 20px 8px 20px;display:inline-block;border-radius: 15px 6px 15px 6px;margin-bottom:20px;}
.morebtn_bd a:hover{color:#fff;}

.otherjob_bd{display:flex;flex-wrap:wrap;justify-content: space-between}

.joblist{border-radius: 10px;background-color: #fff;margin-bottom: 20px;width:32%;height:130px;}
.jobbox{padding:20px;overflow:hidden;zoom:1;}
.joblist a:hover .jobtitle{color: #3285f3;text-decoration: underline;}
.jobtitle{font-size:16px;margin-bottom:20px;}
.jobcompany{font-size: 13px;color:#999;padding-bottom:10px;}
.joblist_info{padding-bottom:10px;}
.joblist_info_salary{color:#3285f3;font-size:16px;}
.joblist_info_location{flex:1;text-align:right;color:#999;font-size: 13px;}

.pagedetail_bd{padding:20px 20px 20px 20px;background-color: #fff;border-radius: 10px;margin-bottom:10px;box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;}
.pagedetail_title{font-size:22px;padding:20px 0px 30px 20px}

.jobposition{padding-bottom: 15px;color:#999;font-size: 14px;padding-left:10px;display: flex;}
.jobposition_text{align-items: center;text-align: right;}

#indexbd{width:880px;}
.indextitle{padding:25px 10px 20px 20px;}
.indextitle .titletext{font-size: 20px;font-weight: bold;color:#3285f3;}

#jobdetail_left{width:820px;margin-right:30px;}
#jobdetail_right{width:350px;position:relative;}
.viewBtn{padding:25px 0 25px 20px;display:flex;justify-content:start;position:absolute;top:160px;right:20px;}
.jobdetail_bd{background-color: #fff;margin-bottom:20px;padding:20px 30px;border-radius: 10px;box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 6px 0px;position:relative;}
.jobdetail_title{font-size: 28px;padding:10px 0px;}
.jobdetail_company{font-size: 14px;padding-bottom:20px;text-decoration: underline;}
.jobdetail_infolist{color:#333;font-size:14px;padding-bottom:10px;}

.detailRight{padding-top:10px;width:350px;height:240px;}
.detailright_company{padding:20px;border-radius:10px;background-color: #fff;margin-bottom: 20px;border-bottom:4px solid #eeeeee;}
.detialright_company_title{font-size:16px;font-weight: bold;padding-bottom:20px;}
.emptyjobtitle{padding:10px 10px 20px 20px;}
.emptyjobtitle .title{font-size:16px;font-weight: bold;}
.empty_bd{overflow:hidden;}
.empty_joblist{border-radius: 10px;background-color: #fff;margin-bottom: 20px;height:130px;width:100%;}
.empty_joblist_bd{padding:20px;overflow:hidden;zoom:1;}

/* 用戶中心下拉 */
.dropdown { position: relative; }
.dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; }
.dropdown-content { display: none; position: absolute; top: 50px; right: 0px; background-color: #f9f9f9; width:110px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; height: 17px; line-height: 17px; border-bottom: 1px solid #ddd; font-size: 13px; }
.dropdown-content a:hover { background-color: #3285f3; }
.dropdown:hover .dropdown-content { display: block; }