/* --- wrap --- */
.inner_wrap{display: flex; justify-content: space-between;}
.inner_wide{width: 78%;}
.inner_narrow{width: 21%;}


.inner_company{min-height: 80vh; margin-bottom: 20px;}


/* --- search --- */
.inner_search {padding:16px 25px; margin-bottom: 16px; }
.inner_search .box{height: 60px; background: #fff; border-radius: 4px; margin-bottom: 16px;}
.inner_search .box .input{height: 100%; border: 2px solid #4576FB; width: 87%; font-size: 14px; color: #666; border-radius: 4px; padding-left: 16px; background: #fff; transition: all .3s;}
.inner_search .box .button{background:#4576FB; color: #fff; border: none; height: 100%; width: 12%; text-align: center; color: #fff; font-size: 16px; border-radius: 4px; cursor: pointer; margin-left: auto;}
.inner_search .box .button:hover{opacity: .95;}
.inner_search .box .input:hover{box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.06); }


/* --- column --- */
.inner_column{ height: 56px; padding: 0 16px; border-bottom: 1px solid #efefef; padding-left: 0;}

/* tab */
.inner_column .tab{height: 100%; color: #ccc;}
.inner_column .tab a{margin: 0 20px; font-size: 18px; height: 100%; display: flex; align-items: center; border-bottom: 2px solid #fff;}
.inner_column .tab a.active{ color: #4576FB; border-bottom: 2px solid #4576FB; font-weight: bolder;}

/* sort */
.inner_column .sort{margin-left: auto;}
.inner_column .sort .icon{width: 8px; height: 8px;}
.inner_column .sort a{padding: 0 16px; border-right: 1px solid #efefef; height: 16px; line-height: 16px;}
.inner_column .sort a.active{ color: #4576FB;}
.inner_column .sort a:last-child{border-right: none;}
.inner_column .sort .sort_select {position: relative; margin-left: 32px;}
.inner_column .sort .sort_select input{background: none; border: 1px solid #efefef; border-radius: 4px; height: 32px; width: 100px; background: url(/jinhon/images/arrow-down-grey.svg) no-repeat 90% center; background-size: 12px 12px; text-align: left; padding-left: 8px;}
.inner_column .sort .sort_select ul{display: none; position: absolute; top: 32px; border: 1px solid #efefef; width: 100px; background: #fff; border-radius: 4px; right: 0; z-index: 999;}
.inner_column .sort .sort_select li{height:40px; line-height: 40px; text-align: center; border-bottom: 1px solid #efefef;} 
.inner_column .sort .sort_select:hover ul{display: block;}

/* result */
.inner_column .result{margin-left: auto; color: #999;}
.inner_column .result b{color: #FF6A6A; margin: 0 5px;}

/* total */
.inner_column .total{margin-left: 16px; color: #999;}
.inner_column .total b{color: #FF6A6A;}

/* form */
.inner_column .input{border:1px solid #dfdfdf; border-radius: 4px; width: 100px; text-align: center; transition: all .3s; height: 27px;}
.inner_column .input:hover{ border: 1px solid #4576FB;}
.inner_column .button{padding: 0 8px; border-radius: 4px;}

/* price */
.inner_column .price{margin-left: 20px;}
.inner_column .price b{margin: 0 4px;}

/* h3 */
.inner_column h3{font-size: 18px; height: 100%; display: flex; align-items: center; padding-left: 16px; position: relative; }
.inner_column h3::before{content: ""; left: 0; top: 30%; width: 3px; height: 40%; background: #4576FB; position: absolute; border-radius: 100px;} 

/* tips */
.inner_column .tips{margin-left: auto; color: #999;}
.inner_column .tips em{color: #FF6A6A; margin: 0 8px;}




/* --- city --- */
.inner_city{padding: 32px; text-align: center; min-height: 75vh;}
.inner_city .column{font-size: 22px; font-weight: bolder; margin-bottom: 40px;}
.inner_city .list em{margin-left: 1.2%; width: 19%; font-size: 16px; margin-bottom: 16px;}
.inner_city .list em:nth-child(5n+1){margin-left: 0;}
.inner_city .list a{ border: 1px solid #efefef; padding: 12px 32px; border-radius: 8px; display: block;}
.inner_city .list a:hover{ background: #4576FB;  border: 1px solid #4576FB; color: #fff;}




/* --- path --- */
.inner_path{padding: 16px 0; color: #999;}


/* --- title --- */
.inner_title{ margin-bottom: 16px;}
.inner_title h3{font-size: 18px; font-weight: bolder; color: #212121;}
.inner_title .more{margin-left: auto;}


/* --- scan --- */
.inner_scan{ margin-top: 16px; padding: 25px;}
.inner_scan .pic {margin-right: 16px;}
.inner_scan .pic img{width: 80px; height: 80px;}
.inner_scan .content h3{font-size: 14px;}
.inner_scan .content p{color: #999; margin-top: 8px;}


/* --- more --- */
.inner_other{padding: 25px; margin-top: 12px;}
.inner_other em{display: block; width: 33.333%; line-height: 200%;}


/* --- job --- */
.inner_job{padding: 25px; margin-top: 12px; padding-bottom: 0;}
.inner_job .item{border-bottom: 1px dashed #efefef; padding: 20px 0;}
.inner_job .item:last-child{border-bottom: none; }
.inner_job .item i{padding: 0 4px; color: #ccc;}
.inner_job .left{width: 60%;}
.inner_job .left h3{font-size: 16px;}
.inner_job .left h3 a{ color: #4576FB; font-weight: bolder;}
.inner_job .left .term{color: #999; margin-top: 8px;}
.inner_job .salary{width: 28%; color: #FF6A6A; font-size: 16px;}
.inner_job .right{width: 12%; text-align: center; color: #999;}
.inner_job .date{margin-top: 8px;}
.inner_job .nothing{text-align: center; color: #999; padding-bottom: 25px;}


/* --- ask --- */
.inner_ask{padding: 25px;}
.inner_ask .nothing{color: #999; text-align: center; }
.inner_ask .nothing .text{margin-bottom: 16px;}
.inner_ask .list .button{margin-top: 16px;}
.inner_ask .item{border-bottom: 1px dashed #efefef; padding: 12px 0;}
.inner_ask .item em{padding: 3px 4px; border-radius: 4px; font-size: 10px; margin-right: 8px;}
.inner_ask .item dt{margin-bottom: 4px; color: #4576FB;}
.inner_ask .item dd{color: #666;}
.inner_ask .item dt em{background: #4576FB; color: #fff;}
.inner_ask .item dd em{background: #1CB177; color: #fff;}


/* --- weChat --- */
.inner_weChat{text-align: center; padding: 16px;}
.inner_weChat .pic img{width: 100%;}
.inner_weChat h3{font-size: 14px; color: #333; margin-bottom: 8px; font-weight: bolder;}
.inner_weChat p{color: #999;}


/* --- resume --- */
.inner_resume{margin-bottom: 12px;}
.inner_resume .box{padding: 16px;}
.inner_resume .pic{width: 50px; margin-right: 8px;}
.inner_resume .box img{width: 50px; height: 50px;}
.inner_resume .info p{color: #999;}


/* --- type --- */
.inner_type .list{padding: 16px;}
.inner_type .list li{line-height: 200%;}


/* --- nav --- */
.inner_nav{ background: #4576FB; margin-bottom: 20px; }
.inner_nav .wrap{height: 64px;}

/* nav */
.inner_nav .nav{margin-right: auto;}
.inner_nav .nav li {margin-right: 8px; line-height: 40px;}
.inner_nav .nav li a{display: block; font-size: 16px; color: #fff; padding: 0 20px;}
.inner_nav .nav li.active a{background: #fff; color: #212121; border-radius: 4px; }

/* search */
.inner_nav .search{background: #fff; border-radius: 6px; padding: 0 8px; padding-left: 10px;}
.inner_nav .search_type{height: 40px; line-height: 40px; position: relative;}
.inner_nav .search_type .show{ width: 100px;}
.inner_nav .search_type .show input{ height: 40px; background: none; border: none; width: 100%; text-align: left; background: url(/jinhon/images/arrow-down-grey.svg) no-repeat 85% center; background-size: 12px 12px;}
.inner_nav .search_type .hide{display: none; position: absolute; left: 0; top: 40px; z-index: 999; background: #fff; box-shadow: 0px 0px 5px #ececec;}
.inner_nav .search_type .hide a{display: block; padding: 0 16px; border-bottom: 1px solid #efefef;}
.inner_nav .search_keyword{border: none; width: 200px; height: 40px; line-height: 40px;}
.inner_nav .search_btn{background: #4576FB; color: #fff; border: none; height: 28px; line-height: 28px; padding: 0 16px; border-radius: 4px;}
.inner_nav .search_type:hover .hide{display: block;}