body,html{background-color:hsla(0,0%,98%,.8);-webkit-font-smoothing:antialiased}
.wrapper{max-width: 640px; margin: 0 auto;position: relative;height: 100vh;}
.foot-nav{height:50px;position:fixed;bottom:0; left: 0;right: 0; background: #fff;    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);display: grid;grid-template-columns: repeat(5,1fr);border-top: 1px solid #ddd }
.foot-nav .nav-item{text-align: center;padding-top:8px}
.foot-nav .nav-item .boto-icon{font-size: 20px;}
.foot-nav .nav-item p{padding-top: 2px;font-size: 12px;}
.foot-nav .nav-item.active{color: #1c5bff; font-weight: bold}
.header{position: fixed;top: 0;left: 0;right: 0; background: #fff;z-index:999;}
.show_head{display: grid;grid-template-columns:50px 50px 1fr 50px 50px;height: 54px;line-height: 54px;border-bottom: 1px dashed #ddd}
.show_head div{text-align: center}
.show_head div img{height: 40px}
.show_head div .boto-icon{font-size: 20px}
.hidden{display: none}
.down-menu{position: relative}
.down-menu .lang_txt{border: 1px solid  #1c5bff; color:  #1c5bff;border-radius: 4px; padding: 4px }
.div-show{position: relative;left: -55px;}
ul.ul-down{position: fixed;top: 55px;width: 100px;background: #fff;box-shadow: 0 0 4px #aaa;border-radius: 4px;}
ul.ul-down li{background: #fff;text-align: center;line-height: 40px;height: 40px;width: 100px;float: inherit}
ul.ul-down li:hover{background: #2d8cf0;color: #fff}
ul.ul-down li a{text-align: center;float: inherit !important;font-weight: normal}
ul.ul-down li:hover a{color: #fff;font-weight: 550}
ul.ul-down:before{z-index: -1;content:"";position:absolute;top:-5px;left:66px;width:0;height:0;transform:rotate(45deg);border:12px solid #fff;box-shadow:0 0 4px #aaa}


.about_main{margin: 60px 4px 0 4px;background: #fff}
.about_main h1{height: 40px; line-height: 40px;border-bottom: 1px solid #ddd;padding-left: 15px; font-size: 18px;}
.about_main .about_details{padding:15px;line-height:2;color:#222;font-size:16px;text-align:justify;word-wrap:break-word;word-break:break-word;overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
.about_main .about_details p{margin-bottom:15px}
.about_main .about_details img{max-width:100%;display:block;border-radius:4px;margin:0 auto 8px;height:auto}
.about_main .about_details p a{color:#1e9fff!important}

.about_box{margin: 15px 5px 60px 5px;}
.about_box .foot_about{ text-align: center;font-size: 16px;}
.about_box .foot_about a{margin:0 6px;color: #666;line-height: 40px;}
.about_box .foot_copy{color: #999;line-height: 40px; font-size: 12px;text-align: center}

.index_main{margin: 55px 4px 0 4px;}
.index_mark{background: #fff}
.index_mark ul.menu{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;padding: 10px 0;}
.index_mark ul.menu li{text-align: center;}
.index_mark ul.menu li p:first-child{line-height: 44px;height: 44px;}
.index_mark ul.menu li p:last-child{line-height: 25px;height: 25px;}
.index_mark ul.menu li img{width: 80%;}
.index_mark ul.menu li p .magic-icon{color: #1e9fff }
h1.index_title{line-height: 35px;
    height: 35px; font-size: 18px;padding: 8px 8px 0 8px;}
h1.index_title a{float: right;font-size: 14px; font-weight: lighter}
.index_container {
    display: flex;
    flex-wrap: nowrap; /* 不换行 */
    overflow-x: auto; /* 水平滚动条，用于滚动查看溢出的子元素 */
    background: #fff;

}
.index_container .item {
    padding:10px;
    flex: 0 0 auto; /* 根据需要设置flex子项目的宽度、增长和收缩规则 */
    /* 更多样式 */
}
.index_container .item  .firm-show{display: grid;grid-template-columns: 46px 1fr;gap: 10px;padding: 10px 10px;width:48vw;}
.index_container .item   .firm-show img{width: 46px; height: 46px; border-radius: 6px;}
.index_container .item  .firm-show:hover {
    background: #f2f7ff;
    border-radius: 12px;
}
.index_container .item  .firm-title{height: 20px; line-height: 20px; font-size: 18px;font-weight: 600}
.index_container .item   .firm-s{height: 20px; line-height: 20px;padding-top: 5px;}
.job_list{margin-top: 8px}
.job_list li{
    border-radius: 8px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    background-color: #fff;
}
.job_list li:hover{background: #f2f7ff}
.job_list .job-info_link {

    box-sizing: border-box;
    overflow: hidden;
}
.job_list li .job_title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 10px 0 10px;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
}
.job_list li .job_title .job_name{color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    transition: all .2s linear;
}
.job_list li .job_title  .job_salary{    font-size: 16px;
    font-weight: 500;
    color: #fe574a;
    line-height: 22px;
    flex: none;
}
.job_list li .job_tag{padding: 10px 20px 16px 20px;}
.job_list li .job_tag span{    display: inline-block;
    height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #666;
    line-height: 18px;
    padding: 2px 10px;
    border-radius: 4px;
    background: #f8f8f8;}
.job_list li .job_bottom{
    background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);
    margin-top: 0;
    padding: 10px 20px;
    height: 24px;
    line-height: 24px;
    display: block;
    border: none;
    border-radius: 0 0 12px 12px;
}
.job_list li .job-firm-link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.job_list li .job_firm img{width: 24px; height: 24px;}
.game_list{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px}
.game_list li{ border-radius: 4px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    background-color: #fff;text-align: center;padding:15px 10px;}
.game_list li:hover{background: #f2f7ff}
.game_list li .game-bao-link .game-bao-img {margin-top:6px;}
.game_list li .game-bao-link .game-bao-img img{width: 55px; height:55px;border-radius: 4px; border: 1px solid #f9f9f9;}
.game_list li .game-bao-link  .game-bao-title {font-size: 16px;line-height: 30px}


.business_list li{ border-radius: 4px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    background-color: #fff;margin-top: 8px}
.business_list li:hover{background: #f2f7ff}
.business_list li .business_list-top{display: grid;grid-template-columns: 60px 1fr; gap: 15px;padding: 10px;border-bottom: #e7e7e7 1px dashed}
.business_list li .business_list-top .business_top_img img{width: 60px; height: 60px;}
.business_list li .business_list-top .business_top_title{  display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.business_list li .business_list-top .business_dec span{color: #888}
.business_list li .business_list_staff{height: 44px; line-height: 44px;padding: 0 20px;    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.business_list li .business_list_staff .staff-name img{width: 24px; height: 24px;margin-right: 6px;}
.business_list li .line{color: #eee;padding: 0 3px;}
.business_list li .dot{color: #ddd;padding: 0 3px;}
.business_list li .business_time{color: #999}
.event_list{display: grid;grid-template-columns: repeat(2,1fr);gap: 6px;padding-top: 6px;}
.event_list li{ border-radius: 4px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    background-color: #fff;}
.event_list li:hover{background: #f2f7ff}
.event_list li .event_img img{width: 100%;height: auto;}
.event_list li .event_intro{padding: 0 6px;}
.event_list li .event_intro h3{line-height: 30px;height: 60px;
    overflow: hidden;font-size: 15px; font-weight: 500;}
.event_list li .event_intro .event_dec{height: 30px; line-height: 30px; border-bottom: #e7e7e7 1px dashed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #888;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.event_list li .event_intro .event_auth{line-height: 30px; height: 30px;}
.event_list li .event_intro .event_auth img{height: 20px; width: 20px; padding-right: 5px;}

.staff_list{display: grid;grid-template-columns: repeat(2,1fr);gap: 6px;padding-top: 6px;}
.staff_list li{ border-radius: 6px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    background-color: #fff; padding: 10px 0}
.staff_list li:hover{background: #f2f7ff}
.staff_list li .staff_u_img {text-align: center;padding-top: 10px;position: relative;width: 60px; height: 60px;margin: 0 auto; }
.staff_list li .staff_u_img img{width: 60px; height: 60px; border-radius: 50%;}
.staff_list li .staff_u_img img.v{position: absolute;bottom: 0;right: 0; width: 28px; height: 28px;}
.staff_list li .staff_u_name {height: 30px; text-align: center;line-height: 30px;color: #666;margin-top: 5px;font-size: 14px;}
.staff_list li .staff_u_name img{height: 24px;}
.staff_list li .staff_u_post{text-align: center;height: 24px; line-height: 24px; color: #999;margin-top: 5px;font-size: 12px;}
.staff_list li .staff_u_firm{text-align: center; height: 24px; line-height: 24px; color: #999;margin-top: 5px;font-size: 12px;}
.staff_list li .staff_u_firm span{border: 1px solid #f1f1f1; border-radius: 2px; padding: 2px 5px;background: #f9f9f9}
.staff_list li .staff_u_firm span img{width: 14px}
.staff_list li .staff_u_cate{text-align: center; height: 24px; line-height: 24px; color: #999;margin-top: 5px;font-size: 12px;}
.staff_list li .staff_u_cate span{border: 1px solid #f1f1f1; border-radius: 2px; padding: 2px 5px;}
.news_list{padding-top: 6px;background-color: #fff;}
.news_list li{ border-radius: 10px;
    }
.news_list li .news_list_first{position: relative;height: 250px;}
.news_list li .news_list_first img{width: 100%; border-radius: 10px 10px 0 0;height: 250px;}
.news_list li .news_list_first h4{height: 40px; line-height: 40px;background: linear-gradient(to top,rgba(0,0,0,.9),rgba(255,0,0,0)); overflow: hidden;position: absolute;bottom: 0;left: 0;right: 0;text-align: center}
.news_list li .news_list_first h4 a{color: #f1f1f1;}
.news_list li .news_list_first span{position: absolute;top:6px; left: 6px;background: #2f363c;color: #fff;border-radius: 4px;width: 60px; text-align: center;font-size: 12px;}
.news_list li .news_list_flow{padding-top: 5px;}
.news_list li .news_list_flow h5{height: 35px; line-height: 35px; overflow: hidden;padding: 0 15px;font-size: 16px;}
.news_list li .news_list_flow h5 a{
    font-size: 15px;
    line-height: 35px;
    max-width: 358px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block
}
.vip_container{
    margin-top: 55px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;min-height: 300px;background:  url("../images/vip-bg.png") top right no-repeat;
    background-size: auto 100px;
padding-top:20px;}
.vip_header{
    padding: 50px 0 0 35px;}
.vip_user_box{display: flex;
    height: 60px;color: #fee5c6;gap: 18px;}
.vip_user_box img{width: 60px; border-radius: 50%;height: 60px;}
.user_name_tips{line-height: 30px;}
.user_name_tips .name{font-size: 20px;}
.user_name_tips .name img{width: 20px;height: 20px;margin-left: 6px}
.vip_t_name{font-weight: 500;
    color: #fff;
    height: 28px;
    line-height: 24px;
    font-size: 18px;
    text-align: center;
    margin-top: 50px;
    position: relative;
}
.vip_t_name:after, .vip_t_name:before {
    position: absolute;
    content: "";
    width: 140px;
    height: 16px;
    top: 6px;
    background: url(../images/title-left.png) no-repeat;
    background-size: 100% 100%;}
.vip_t_name:before {
    left: 50%;
    margin-left: -220px;
}
.vip_t_name:after {
    right: 50%;
    margin-right: -220px;
    transform: rotate(-180deg);
}
.vip_table{margin-top: 30px;}
.vip_table .boto-table{background: none;border-radius: 6px;text-align: center;}
.vip_table .boto-table tr{line-height: 40px}
.boto-table td, .boto-table th, .boto-table-col-set, .boto-table-fixed-r, .boto-table-grid-down, .boto-table-header, .boto-table-mend, .boto-table-page, .boto-table-tips-main, .boto-table-tool, .boto-table-total, .boto-table-view, .boto-table[lay-skin=line], .boto-table[lay-skin=row] {
    border-color:#dddddd;
}
.boto-table td{font-size: 12px;line-height: 50px}
.boto-table th{font-size: 16px;height: 120px;}
.boto-table th.group{background: url("../images/group.png") no-repeat;background-size: 100% 100%;text-align: center}
.boto-table th.group .title{    color: #fee5c6;}
.boto-table th.group p{margin-top: 1px;}
.boto-table th.group p .group_btn{
    height: 32px;
    line-height: 32px;
    background: linear-gradient(270deg,#ffab00,#ffe88d);
    border-radius: 8px;
    color: #773f00;
    text-align: center;
    cursor: pointer;
    border: none;
    margin-top: 14px;
    font-weight: 500;
    font-size: 14px;}
.boto-table th.firm{background: url("../images/firm.png") no-repeat;background-size: 100% 100%;text-align: center}
.boto-table th.firm .title{    color:#6b500a;}
.boto-table th.firm p{margin-top: 1px;}
.boto-table th.firm p .firm_btn{
    height: 32px;
    line-height: 32px;
    background: linear-gradient(270deg,#fc8839,#ff622c);
    border-radius: 8px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    margin-top: 14px;
    font-weight: 500;
    font-size: 14px;}
.boto-table th.member{background: url("../images/free.png") no-repeat;background-size: 100% 100%;text-align: center}
.boto-table th.member.title{    color:#2972fa;}
.boto-table th.member p.free{margin-top: 20px;
    font-size: 14px;
    color: #3c5e9e;}
.boto-table th.member p .free_btn{
    height: 32px;
    line-height: 32px;
    background: linear-gradient(270deg,#16baaa,#16b777);
    border-radius: 8px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    margin-top: 14px;
    font-weight: 500;
    font-size: 14px;}
.boto-table th.vip_th{background: url("../images/vip_tq_bg.png") no-repeat;background-size: 100% 100%;text-align: center}
.boto-table th.vip_th .title{    color:#64482d;}
.boto-table th.vip_th p{margin-top: 1px;}
.boto-table th.vip_th p .vip_btn{
    height: 32px;
    line-height: 32px;
    background: linear-gradient(270deg,#31bdec,#1e9fff);
    border-radius: 8px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    margin-top: 14px;
    font-weight: 500;
    font-size: 14px;}
.boto-table th.tq .title{font-size: 22px;
    font-weight: 500;
    line-height: 20px;
    color: #333;}
.boto-table th.tq p{margin-top: 20px;
    font-size: 14px;
    line-height: 14px;
    color: #999;
}
.boto-table tr:nth-child(2n){background: #e5f0fe}
.boto-table tr img.v{width: 30px;}
.news_wrapper{margin: 60px 4px 0 4px;background: #fff}
.job_main{margin: 60px 4px 0 4px;}
.news_cate_title{line-height: 36px; display: grid;grid-template-columns: repeat(3,1fr);gap: 15px;padding-top: 10px}
.news_cate_title  a{font-size: 16px;text-align: center;}
.news_cate_title  a.active{background: #1c5bff;color: #fff;border-radius: 6px;}
.news_art_list{}
.news_art_list li{margin-top: 15px;display: grid;grid-template-columns: 30% 1fr;gap: 10px}
.news_art_list li  img{width: 100%;border-radius: 6px}
.news_art_list li  .news_list_con{height: auto;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.news_art_list li  .news_list_con a.s-title{    max-height: 52px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #222;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;}
.news_art_list li .news_list_info span{margin-right: 6px}
.news-main{}
.news-main h1.title{margin: 10px;font-size: 20px;
    font-weight: 600;
    line-height: 35px;
    color: #000;}
.news-meta{margin: 0 10px;line-height: 30px;font-size: 15px;}
.news-meta span{margin-right: 5px;}
.news-meta span a{color: #1952e6}
.news_details{padding:10px;line-height:2;color:#222;font-size:16px;text-align:justify;word-wrap:break-word;word-break:break-word;overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
.news_details p{margin-bottom:15px}
.news_details img{max-width:100%;display:block;border-radius:4px;margin:0 auto 8px;height:auto}
.news_details p a{color:#1e9fff!important}
.news_link{margin: 10px;}
.news_link h2{font-size: 18px;}
.group_firms_link{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin-top: 15px}
.group_firms_link li{border: 1px solid #ebeef5;
    border-radius: 10px;}
.group_firms_link li:hover{background: #f2f7ff}
.group_firms_link li .firm_down_link{padding:15px;display: grid;grid-template-columns: 50px 1fr; gap: 10px;}
.group_firms_link li .firm_down_link .firm_down_img img{width: 50px;}
.group_firms_link li .firm_down_link .firm_down_title{display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.news_tags{margin: 10px;line-height: 30px;}
.news_tags a{margin-right: 6px; background: #f7f7f7;border-radius: 4px;padding: 4px 8px;}

.so-search{
    width: 92%;
    margin:0 4%;
    height:40px;
    line-height: 40px;
    background: #fff;
    border-radius: 22px;
    border: 2px solid #1c5bff;
    position: relative;
}
.so-search .boto-input{border: none;padding-left: 10px;border-radius: 20px 0 0 20px;}
.search_type{
    border: none;
}
.search_type option{height: 30px; line-height: 30px; padding: 0 15px;}
.so-search-box{
    display: grid;
    grid-template-columns:70px 1fr;
    gap: 10px;
}
.search-so-input{
    height: 40px;
    line-height: 40px;
    border: none;
    background: none;
    border-radius: 20px;}
.so-search-btn{    position: absolute;
    right: 2px;
    top: 2px;
    width: 80px;
    height: 36px;
    background: #1c5bff;
    border-radius: 18px;
    line-height: 36px;
    text-align: center;
    color: #fff;}
.keys{line-height: 35px; padding:20px 10px 0 10px}

.business_cate{padding: 10px; line-height: 36px;display: grid;grid-template-columns: repeat(4,1fr);gap: 6px; }
.business_cate a{font-size: 14px; text-align: center}
.business_cate a.active{background: #1c5bff;
    color: #fff;
    border-radius: 6px;}
.business_form{margin-top: 15px;}
.business_form .boto-form-item .boto-input-inline{margin: 0 !important}
.business_form .boto-inline{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px; padding: 0 10px}
.bus_top{background: rgb(56, 53, 44);height: 44px; line-height: 44px;border-radius: 4px;color: rgb(251, 216, 163);display: grid;grid-template-columns: 1fr 200px;}
.bus_top .bus_top_t{font-weight: 700;padding-left: 30px;font-size: 18px;background: url("../images/top.png") top left no-repeat;background-size: 36px}
.bus_top .bus_top_a{text-align: right; padding-right: 20px;}
.bus_top .bus_top_a a{background: rgb(251, 216, 163);color: rgb(105, 54, 0);border-radius: 3px;
    padding: 6px 12px;}
.bus_list{margin-top: 15px;}
.bus_list li{background: #fff;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;padding:10px 15px;margin-bottom: 16px;border: 2px solid #f4f9ff}
.bus_list li:hover{border: 2px solid #1c5bff}
.bus_list li.top{background:#fff url("../images/top.png") top left no-repeat;background-size: 30px}
.bus_list li h1{font-size: 18px; font-weight: normal;line-height: 35px;color: #222}
.bus_fan{display: grid;grid-template-columns: 1fr 90px;margin-top:6px; line-height: 30px;font-size: 15px;color: #666}
.bus_fan .bus_fan_m span.cat{padding: 0 3px}
.bus_fan .bus_fan_m span.txt{margin-left: 2px;}
.bus_fan .bus_fan_m span.txt.supply{color: #1e9fff}
.bus_fan .bus_fan_m span.txt.need{color: #16baaa}
.bus_fan .bus_fan_i{text-align: right}
.bus_fan .bus_fan_i span{margin-right: 4px}
.bus_fan .line{color: #ddd}
.bus_bottom{margin-top: 6px;padding-top: 6px; border-top: 1px dashed #eee;line-height: 40px; height: 40px;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333;
}
.bus_bottom .bus_avatar{margin-right: 5px}
.bus_bottom .bus_avatar img{width:36px; height: 36px; border-radius: 50%;}
.bus_bottom .bus_dot{color: #999;padding: 0 5px;}
.bus_bottom .bus_post{color: #999}
.bus_bottom .bus_firm .bus_v{color: #666;background:#f9f9f9;border-radius: 4px; padding: 5px 10px;font-size: 13px}
.bus_bottom .bus_firm .bus_v img{width: 18px;}
.bus_bottom .bus_time{color: #999}

.bus_show_top{background: #fff;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;padding:10px;margin-top: 20px;}
.bus_show_top h1{line-height: 40px; font-size: 24px;font-weight: normal;padding-bottom: 5px}
.bus_show_wrap{display: grid;grid-template-columns: 1fr 80px;margin-top: 6px}
.bus_show_cate{line-height: 30px;font-size: 15px;color: #666}
.bus_show_cate span.cat{padding: 0 3px}
.bus_show_cate span.txt{margin-left: 2px;}
.bus_show_cate span.txt.supply{color: #1e9fff}
.bus_show_cate span.txt.need{color: #16baaa}
.bus_show_cate .line{color: #ddd}
.bus_show_time{margin-top: 5px;line-height: 40px;font-size: 14px;}
.bus_show_time span{margin-right: 10px;}
.bus_show_time span.time{color: #999}
.bus_show_contact{text-align: center;}
.bus_show_contact div:last-child{margin-top: 10px}
.bus_show_top .tips{line-height: 40px; font-size: 14px;padding: 15px; background:#f7f7f7;border-radius: 6px;color: #16baaa;margin: 15px 0 10px}
.bus_show_top .tips a{color: #ff5722;border: 1px solid #ff5722;padding: 2px 8px;border-radius: 2px}
.firm_list_tit{height: 40px; line-height: 40px;display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    gap: 10px;padding: 10px 0}
.firm_list_tit .firm_list_v img{width: 25px;}
.firm_list_tit .firm_list_img img{width: 40px; height: 40px; border-radius: 50%;}
.job_show_main_intro{background: #fff;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;padding:10px;}
.job_show_main_intro h2{font-size: 20px; font-weight: bold;line-height: 40px;padding-left: 3px;}
.job_show_main_content{padding: 3px;line-height:2;color:#222;font-size:16px;text-align:justify;word-wrap:break-word;word-break:break-word;overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
.help_side{display:none;z-index:9999;position: fixed;top:60px;border:2px solid #eee;left: 5px; width: 70%;background:#fff;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04)}
.help_side .boto-nav{}
.help_side .boto-nav.boto-nav-tree{width:92%;padding: 10px 0;margin: 0 4%}
.boto-nav-tree .boto-nav-item{ line-height: 40px;}
.boto-nav-tree .boto-nav-item>a{color: #333 !important;font-weight: 600 !important;}
.boto-nav .boto-nav-item a:hover, .boto-nav .boto-this a{color: #2468f2!important}
.boto-nav-tree .boto-nav-child dd.boto-this, .boto-nav-tree .boto-nav-child dd.boto-this a, .boto-nav-tree .boto-this, .boto-nav-tree .boto-this>a, .boto-nav-tree .boto-this>a:hover{
    background:none;
}
.boto-nav .boto-nav-item a{padding-right: 20px; padding-left: 0 !important}
.boto-nav-tree .boto-nav-child{background: none}
.boto-nav-tree .boto-nav-child a{color: #333 !important;padding-left: 20px !important}
.boto-nav dd{border-left: 1px solid rgba(34,34,34,.08);}
.boto-nav dd.boto-this{    position: relative;
    clear: both;
    cursor: pointer;
    border-radius: 4px;
    background: rgba(36,104,242,.08) !important;
}
.secondary-nav {

    background: none;

}
.boto-nav dd.boto-this a{color: #2468f2!important;font-weight: 600}
.boto-nav dd.boto-this:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: #2468f2;
}
.close-nav{line-height: 40px; height: 40px;padding-left: 5px; font-size: 16px; font-weight: bold;    background: rgba(36, 104, 242, .08) !important;color: #2468f2!important}
.open{display: block;}
.help_menu{position: fixed;left: 15px ;bottom: 65px; width: 60px; height: 60px;text-align: center;    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    border-radius: 40px;background: #fff;color:#2468f2 }
.help_menu .boto-icon{font-size: 24px; font-weight: bold;}
.help_menu p:first-child{padding-top: 10px;}
.help_menu p{ font-size: 12px;}
.job_title{line-height: 35px; padding: 15px 5px}
.job_title a{font-size: 16px;padding: 0 8px}
.job_title a.active{color: #2b55ef}
.job_top{background: #fff; margin: 5px 0;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;padding: 16px;}
.job_top_main{padding:0;}
.job_top_main h1{font-size: 20px; line-height: 40px;}
.job_top_main .job_wage{margin-top: 8px; font-size: 18px;color: #fe574a}
.job_top_main p{margin: 12px 0;}
.job_top_main p span{margin-right: 8px; font-size: 14px;display: inline-block;
    height: 18px;

    font-weight: 400;
    color: #666;
    line-height: 18px;
    padding: 4px 10px;
    border-radius: 8px;
    background: #f8f8f8;}
.job_top_post{margin-top: 10px; line-height: 40px; display: grid;grid-template-columns: repeat(2,1fr);gap: 5px}
.job_contact{text-align: right;}
.event_details{padding: 2px;}
.event_details_top{}
.event_details_img img{width: 100%;border-radius: 2px}
.event_details_info .title{font-size: 18px;font-weight: 600;line-height: 40px}
.event_details_info p{line-height: 30px;font-size: 14px}
.event_details_info  .button{margin-top: 10px}
.event_details_con{border-top:1px solid #eee;margin-top: 20px;padding:20px 10px;line-height:2;color:#222;font-size:16px;text-align:justify;word-wrap:break-word;word-break:break-word;overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
.event_details_con p{margin-bottom:15px}
.event_details_con img{max-width:100%;display:block;border-radius:4px;margin:0 auto 8px;height:auto}
.event_details_con p a{color:#1e9fff!important}
.event_details_con p{margin-bottom:15px}
.event_details_con img{max-width:100%;display:block;border-radius:4px;margin:0 auto 8px;height:auto}
.event_details_con p a{color:#1e9fff!important}
ul.pagination {margin:30px 0 20px;display:flex;list-style:none;justify-content:center;padding:0!important;font-size: 14px;}
ul.pagination li {display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    border-bottom: 1px solid rgba(28,31,33,.1);
    margin-bottom: 15px;
    padding-bottom: 15px;
    overflow: hidden;gap:0!important;margin:0!important;padding:0!important}
.page-link {padding:.375rem .75rem}
.page-item {border:none!important}
.page-item:first-child .page-link {border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
.page-item:not(:first-child) .page-link {margin-left:-1px}
.page-link {position:relative;display:block;color:#1E9FFF;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.page-item.disabled .page-link {color:#1E9FFF;pointer-events:none;background-color:#fff;border-color:#dee2e6}
.page-item:last-child .page-link {border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
.page-item.active .page-link {z-index:3;color:#fff;background-color:#1E9FFF;border-color:#1E9FFF}


.com_show{margin: 60px 4px 0 4px;}


.firm_details{background: #fff;border: 1px solid #ebeef5;border-radius:6px;margin: 5px 0;box-shadow: 0 3px 20px 0 rgba(28,91,255,.06)}
.firm_details .firm_header{}
.firm_details .firm_header .firm_header_top{display: grid;grid-template-columns: 100px 1fr ;gap: 10px; padding: 10px; border-bottom: 1px solid #ebeef5;}
.firm_details .firm_header .firm_header_top .firm_logo img{width: 100%;border-radius: 6px}
.firm_details .firm_header .firm_header_top .firm_title h1{line-height: 40px;font-size: 24px}
.firm_details .firm_header .firm_header_top .firm_title h1 img{width: 35px}
.firm_details .firm_header .firm_header_top .firm_title .firm_dec{line-height: 30px; font-size: 12px}
.firm_details .firm_header .firm_header_top .firm_title p{line-height: 30px;font-size: 12px}

.firm_card{    padding: 5px 20px ;

    box-sizing: border-box;}

.firm_card .firm_card_ul{}
.firm_card .firm_card_ul li{display: grid;grid-template-columns:85px 1fr; gap:10px;line-height: 35px; font-size: 16px}
.firm_card .firm_card_ul li .card_ul_name{color: #666}
.firm_card .firm_card_ul li .card_ul_item{font-size: 15px}
.firm_card .firm_card_ul li .card_ul_item span:first-child{color:#333; }
.firm_card .firm_card_ul li .card_ul_item a{color: #1952e6}
.firm_card .firm_card_ul li .card_ul_item span.item_show{color: #1952e6;margin-left: 10px;}
.firm_card .firm_intro{line-height: 24px; margin-top: 10px;}
.firm-header h2{ font-size: 20px;margin-top: 10px}
.group_firms{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin-top:10px;}
.group_firms li{border: 1px solid #ebeef5;
    border-radius: 6px;background: #fff}
.group_firms li:hover{background: #f2f7ff}
.group_firms li .firm_down_link{padding:10px 5px;display: grid;grid-template-columns: 50px 1fr; gap: 15px;}
.group_firms li .firm_down_link .firm_down_img img{width: 50px;}
.group_firms li .firm_down_link .firm_down_title{display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;}
.group_firms li .firm_down_link .firm_down_title h4{    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;}
.group_firms li .firm_down_link .firm_down_title h4 img{width: 16px;}
.magic_firm_box{

    margin-top: 15px;

   }
.magic_firm_tab{
    padding: 5px 0;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    border: #f7faff 1px solid;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
}
.magic_firm_tab a{text-align: center;font-size: 18px;
    display: inline-block;position: relative;line-height: 30px;
    padding-top: 10px;}
.magic_firm_tab a.active{    color: #1952e6;font-weight: 700;}
.magic_firm_tab a.active:after {
    position: absolute;
    display: block;
    content: "";
    bottom: 0px;
    left: 50%;
    width: 24px;
    height: 3px;
    background: #1952e6;
    border-radius: 3px;
    transform: translateX(-50%);
}
.magic_firm_tab a:hover{background: #f7faff}
{ border: #f7faff 1px solid;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;}
.magic_firm_details{border: #f7faff 1px solid;
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);padding: 10px;margin-top: 10px}
.magic_firm_content .magic_firm_details{line-height:2.2;color:#222;font-size:16px;text-align:justify;word-wrap:break-word;word-break:break-word;overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}
.magic_firm_content .magic_firm_details p{margin-bottom:15px}
.magic_firm_content .magic_firm_details img{max-width:100%;display:block;border-radius:4px;margin:0 auto 8px;height:auto}
.magic_firm_content .magic_firm_details p a{color:#1e9fff!important}
.magic_firm_content .magic_firm_details video{width:96%;margin:10px 2%;max-height:600px}

.ping_box{padding: 10px}
.ping_box .comm_show {border:1px solid #ddd;border-radius:6px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;position:relative}
.ping_box .comm_show #comment {width:100%;resize:none;overflow-x:hidden;overflow-y:auto;border:none;font-size:16px;padding:10px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;color:#666;height:120px;border-radius:6px;background-color:#fff;display:block}
.ping_box .comm_show .comt-ctrl {background-color:#fbfbfb;height:40px;border-radius:0 0 6px 6px;border-top:solid 1px #f2f2f2}
.ping_box .comm_show .comt-ctrl .comt-tips {line-height:40px}
.ping_box .comm_show .comt-ctrl .comt-tips a {margin-left:15px;color:red}
.ping_box .comm_show .com-txt{padding-left: 15px}
#submit {position:absolute;right:-1px;bottom:-1px;background:#007bff;border:none;padding:0;width:100px;height:41px;color:#fff;outline:0;cursor:pointer;border-radius:0 0 6px 0;font-size:14px}
.comment-list {padding-top:20px}
.comment-list li {margin:20px 0}
.comment-item {display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:15px}
.comment-avatar {position:relative;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #f2f2f2;border-radius:50%;width:40px;height:40px;background-size:contain}
.comment-avatar img {border-radius:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.comment-item .comment-info {-moz-box-flex:1;-ms-flex:1 1;flex:1 1}
.comment-head {display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.comment-head .reply-praise {border:none;border-radius:34px;padding:0;font-size:14px;line-height:20px;font-weight:500;color:#222;background:0 0;cursor:pointer}
.comment-body {margin:8px 0 12px}
.comment-body p {font-size:16px;font-weight:400;line-height:24px;color:#222;word-break:break-all}
.comment-body p a {color:#007bff;margin-right:8px}
.comment-foot {display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.comment_replay {padding:20px 0 0 52px}
.comment_replay .comment-avatar {width:26px;height:26px}
.comment-foot .reply-btn {border:none;border-radius:34px;padding:0;font-size:14px;line-height:20px;font-weight:500;color:#222;background:0 0;cursor:pointer}
.comment-foot .dot {margin:0 8px;color:#999}
.comment-foot .time {color:#999}
.kong-comm {line-height:60px;height:60px;text-align:center;font-size:16px;color:#999}
.comm_box{height:120px;line-height:120px;text-align:center;border:1px solid #ddd;border-radius:6px;background-color:#f2f6fa;position:relative}

.foot-firm{height:30px;position:fixed;bottom:0; left: 0;right: 0; background: #fff;    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);display: grid;grid-template-columns: repeat(3,1fr);border-top: 1px solid #ddd ;gap: 10px;padding: 10px}
.foot-firm span{ border: 1px #128bed solid; border-radius:3px;color: #128bed; text-align: center; line-height: 30px; height: 30px;}
.menu_list{padding: 5px 15px;background: #fff;border-top:solid #eee 1px;border-bottom:solid #eee 1px }
        .menu_list li{line-height: 44px;font-size: 16px;height: 44px}
        
        .magic-icon{font-size: 16px;margin-right: 6px}
        .boto-icon{font-size: 16px;margin-right: 6px}
        .auth{padding: 10px ;line-height: 50px;height: 50px;overflow: hidden;border-top:solid #eee 1px}
        .auth .alink{display: grid;grid-template-columns: 40px 1fr;gap: 10px;font-size: 16px;}
        .auth .alink img{width: 100%;border-radius: 50%;}
        .m20{margin-top: 5px}
        .console{margin: 60px 4px 0 4px;}
.console .c_list{padding: 8px 15px; background: #fff}
.console .c_list li{line-height: 44px; height: 44px;}
.console .c_list li a{display: grid;grid-template-columns: 40px 1fr 40px;}
.console .auth_con{padding: 15px;}
.console .auth_con .auth_img{width: 160px;height: 160px;margin: 0 auto}
.console .auth_con .auth_img img{height: 100%;width: 100%;border-radius: 50%;}
.console .auth_con .auth_txt{text-align: center;line-height: 35px;}
.tips{padding: 15px 5px; background: #fff; line-height: 40px;text-align: center;color: #1c5bff;margin-bottom: 50px; border-top: 1px solid #eee ;border-bottom: 1px solid #eee ;}