:root {
    --swiper-navigation-size: 44px;
    --swiper-theme-color: #007aff;
}
button, html, input, select, textarea {
    font: 14px PingFang SC,Microsoft Yahei,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
}
body {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    background-color: #f5f5f5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a:hover{color: #1c5bff}
.gray { 
    -webkit-filter: grayscale(65%);
    -moz-filter: grayscale(65%);
    -ms-filter: grayscale(65%);
    -o-filter: grayscale(65%);
    
    filter: grayscale(65%);
	
    filter: gray;
    border-radius: 4px;
}
.gray:hover{-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);}
.base {
    background: #f4f9ff!important;
    overflow: hidden;
    min-height: 100%;
    box-sizing: border-box;
    position: relative;
    min-width: 1200px;
}
.header {
    width: 100%;
    background:transparent;
    box-shadow: none;
    height: 68px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    color: #333;
    transition: background-color 0.5s ease;
}
.header.h92{padding: 12px 0}
.header.show {box-shadow: 0 0 12px #ddd;}
.header.fixed{background: rgba(255, 255, 255, 0.357);}

.header-content {
    width: 1200px;
    margin: 0 auto 0 calc(50vw - 605px);
}
.header_box {
    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;
    height: 68px;
    gap:20px;

}
.header_box .top_menu{ height: 44px; line-height: 44px;}
.header_box .top_menu a,.header_box .top_menu span{
    float: left;
}
.header_box .top_menu span.line{width: 1px;
    height: 10px;
    margin: 17px 12px 0;
    opacity: .2;
    background: #1e2024;
    cursor: pointer;
    float: left;
}
.header_box .top_menu .down-menu{position: relative}
.div-show{position: relative;left: -30px;}
.magic-show{position: relative;left: -20px;}
.user-show{position: relative;left: -420px;}
ul.ul-down{position: fixed;top: 55px;width: 100px;background: #fff;box-shadow: 0 0 4px #aaa;border-radius: 4px;}
.header.h92 ul.ul-down{top: 65px}
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:34px;width:0;height:0;transform:rotate(45deg);border:12px solid #fff;box-shadow:0 0 4px #aaa}
.header.h92 .user_box{top: 65px}
.user_box{float: inherit !important;z-index:9999;position: fixed;top: 55px;width: 480px;background: #fff;box-shadow: 0 0 4px #aaa;border-radius: 6px;}
.user_box:before{z-index: -1;content:"";position:absolute;top:-5px;left:430px;width:0;height:0;transform:rotate(45deg);border:12px solid #fff;box-shadow:0 0 4px #aaa}
.user_wrap{background: #fff;padding:15px 25px;border-radius:6px;}
.bg-user {
    color: #2972fa;
    background-size: 100% 100%!important;
    background: url(../images/bg-login-user.png);
}
.user_vip{position: relative; margin-top: 15px;padding: 10px;}
.mem_user{line-height: 35px; font-size: 14px;}
.mem_user img{width: 25px;margin-right: 3px}
.mem_up{line-height: 30px; color: #333;font-size: 12px;}
.up_btn{position:absolute;right:15px;top:25px;color: #fff;
    background: linear-gradient(90deg,#53abfd,#2972f9);
    width: 81px;
    height: 32px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    cursor: pointer;}
.user_ul{padding-top: 15px;display: grid;grid-template-columns: repeat(5,1fr);gap: 10px;}
.user_ul li{text-align: center;}
.user_ul li .user_ul_img{width: 40px; height: 40px;line-height:40px;border-radius:50%;background:linear-gradient(90deg,#53abfd,#2972f9);;border: 5px solid #e7f0ff }
.user_ul li p{height: 30px;line-height: 30px; font-size: 12px;}
.user_ul li .boto-icon{color: #fff;font-weight: 600}
.user_box_info{ 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;}
.user_box_info .user_info{font-size: 16px;line-height: 40px;}
.user_box_info .user_info a i{margin-left: 5px;font-style: normal}
.user_box_info .user_info img{height:40px;width: 40px; border-radius: 50%}
.bold{font-weight: 550;}
.logo{line-height: 68px;}
.logo img{ width: auto; height: 50px;}
.hidden{display: none}
.head-search{

    width: 520px;
    height:40px;
    line-height: 40px;
    background: #fff;
    border-radius: 22px;
    border: 2px solid #1c5bff;
    position: relative;
}
.head-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;}
.head-search-box{
    display: grid;
    grid-template-columns:70px 1fr;
    gap: 10px;
}
.search-head-input{
    height: 40px;
    line-height: 40px;
    border: none;
    background: none;
    border-radius: 20px;}
.head-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;}
.search-panel {
    padding-top: 108px;
    min-height: 900px;
    background: url(../images/bg.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.search-panel-content{
    width: 1200px;
    margin: 0 auto;
}

.search-panel .slogan {
    font-family: PingFangSC-Semibold;

    letter-spacing: .3px;
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 54px;
    line-height: 54px;
}
.search-panel .slogan span{padding: 0 15px;}
.search-panel .boto-tab{width: 800px;
     margin: 38px auto 0;
}
.search-panel  .boto-tab-title{
    text-align: center;border-bottom:none;}
.search-panel .boto-tab-title .boto-this:after{border: none}
.search-panel  .boto-tab .boto-tab-title li{    color: #000;
    padding: 8px 20px;font-family: PingFangSC-Medium;


    border-radius: 4px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    text-align: center;}
.search-panel .boto-tab-title .boto-this{
    background: #1c5bff;
    border-radius: 100px !important;
    color: #fff !important;
}
.search-panel .boto-tab-title .boto-this ins {
    display: inline;

    left: 50%;
    position: absolute;
    width: 0;
    height: 0;


    margin-top: -12.72792206px;
    font-size: 0;
    line-height: 0;
    border: 6px solid transparent;
    border-top-color: #1c5bff;
    bottom: -10px;
    margin-left: -6.727922px;
}
.search-panel .boto-tab-bar{display: none}
.search-input-wrapper {
    display: inline-block;
    width: 100%;
    position: relative;
    vertical-align: middle;
    line-height: normal;
    border: 2px solid #1c5bff;
    border-radius: 32px;
    background: #fff;
    overflow: hidden;
}
.so-input{height: 64px; line-height: 64px;font-size:20px;width: 96%;padding-left: 3%; border-radius: 32px;border: none;    background-color: #fff;
    background-image: none;
    position: relative;
    cursor: text;
    transition: border .1s ease-in-out,background .1s ease-in-out,box-shadow .1s ease-in-out;}
.so-btn{
    position: absolute;
    right: 4px;
    top: 4px;
    width: 130px;
    height: 56px;
    border-radius: 30px;
    background: #1c5bff;
    font-weight: 700;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    font-family: PingFangSC-Regular;
    font-size: 22px;
    color: #fff;
    text-align: center;
    line-height: 56px;
}
.content {
    width: 1184px;
    margin: 0 auto;
}
.trade-mark {
    display: flex;
    box-sizing: border-box;
    height: 180px;
    overflow: hidden;
    margin-top: 50px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
}
.trade-mark .left-list-box {
    flex: 1;
    width: 734px;
    padding: 16px 0 16px 16px;
    margin-right: 0;
    height: auto;
    border-radius: 20px 0 0 20px;
    background: #fff;
}
.trade-mark *{    box-sizing: border-box;}
.trade-mark .left-list-box .item-left {
    width: 220px;
    height: 72px;
    padding: 16px;
    margin: 0 12px 4px 0;
}
.trade-mark .left-list-box .item-left:hover,.trade-mark .right-list-box .item-right:hover {
    background: #f2f7ff;
    border-radius: 12px;
}
.trade-mark .right-list-box {
    width: 472px;
    height: auto;
    border-radius: 0 20px 20px 0;
    padding: 16px 16px 16px 0;
    background: #fff;
}
.trade-mark .item-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.trade-mark .right-list-box .item-right {
    width: 220px;
    height: 72px;
    padding: 16px;
    margin: 0 12px 4px 0;
    display: inline-block;
}
.trade-mark-item-content {
    display: flex;
    cursor: pointer;
}
.trade-mark-item-content .item-logo {
    position: relative;
    width: 36px;
    height: 36px;
}
.trade-mark-item-content .item-logo img{
    width: 100%;
    height: 100%;
}
.trade-mark-item-content .text-wrap {
    margin-left: 10px;
    height: 20px;
    font-size: 20px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: 16px;
}
.trade-mark-item-content .text-wrap-title {
    position: relative;
    width: fit-content;
    margin-bottom: 8px;
    line-height: 20px;
}
.trade-mark .right-list-box .item-right:nth-of-type(2n) {
    margin-right: 0;
}
.trade-mark .item-box .item-left:nth-child(3n) {
    margin-right: 0;
}
.trade-mark-item-content .text-wrap-desc{
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #999;
    font-weight: 400;
    font-family: PingFangSC-Regular,PingFang SC;
}
.index-banner{    display: block;
    width: 100%;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 16px 0;
    cursor: pointer;
    border-radius: 20px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
}
.index-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.business-firms {
    display: flex;
    margin-top: 16px;
    margin-bottom: 30px;
    gap: 16px;
}
.business-firms .card-box {
    border-radius: 20px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    padding: 24px;
    width: 584px;
    background-color: #fff;
    flex: 1;
}
.business-firms .card-box .title {
    display: flex;
    align-content: center;
    justify-content: space-between;
    position: relative;
}
.business-firms .card-box .title .main-title {
    width: 80px;
    height: 20px;
    font-size: 20px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: 20px;
}
.business-firms .card-box .title .jump-title {
    display: flex;
    align-items: center;
    color: #2b55ef;
    cursor: pointer;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
}
.business-firms .card-box .service-box{
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}
.business-firms  .boto-carousel>[carousel-item]>*{background: #fff}
.business-firms  .item-list-firms{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;}
.business-firms  .firm-show{display: grid;grid-template-columns: 50px 1fr;gap: 10px;padding: 10px 15px;}
.business-firms  .firm-show img{width: 50px; height: 50px; border-radius: 6px;}
.business-firms  .firm-show:hover {
    background: #f2f7ff;
    border-radius: 12px;
}
.business-firms .firm-title{height: 25px; line-height: 25px; font-size: 20px;font-weight: 600}
.business-firms .firm-s{height: 20px; line-height: 20px;padding-top: 5px;}
.hot-box{margin-bottom: 30px; }
.hot-box h1{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;}
.hot-box h1 span{font-size: 24px;}
.hot-box h1 .tit{display: grid;grid-template-columns: 120px repeat(4,80px);gap: 20px;}
.hot-box h1 .tit span{font-size: 24px;}
.hot-box h1 .tit a.tit-a{color: #2b55ef;font-size: 16px;font-weight: normal; border: 1px solid #2b55ef;text-align: center;height: 34px;line-height: 34px;border-radius: 4px}
.hot-box h1 a{ color: #2b55ef;
    cursor: pointer;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;}
.job_list{display: grid;grid-template-columns: repeat(3,1fr);gap: 15px;margin-top: 10px;}
.job_list li{
    border-radius: 12px;
    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: 20px 20px 0 20px;
    -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 24px 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: 12px 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_bao{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;margin-top: 10px;}
.game_bao li{ border-radius: 4px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    background-color: #fff;}
.game_bao li:hover{background: #f2f7ff}
.game_bao li .game-bao-link{padding: 20px 15px;display: grid;grid-template-columns: 56px 1fr;gap:10px;}
.game_bao li .game-bao-link .game-bao-img {margin-top:6px;}
.game_bao li .game-bao-link .game-bao-img img{width: 55px; height:55px;border-radius: 4px; border: 1px solid #f9f9f9;}
.game_bao li .game-bao-link  .game-bao-title h3{font-size: 16px;padding-bottom: 2px}
.game_bao li .game-bao-link  .game-bao-title h3 img{width: 18px; margin-left: 3px;}
.game_bao li .game-bao-link  .game-bao-title p{    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    font-size: 13px;
    -webkit-line-clamp: 2;
    font-weight: lighter;
}
.game_api{display: grid;grid-template-columns: repeat(3,1fr);gap: 15px;margin-top: 15px}
.game_api li{ border-radius: 4px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    background-color: #fff;}
.game_api li .game-api-top{
    height: 44px;
    padding: 16px 24px;
    overflow: hidden;
    background: linear-gradient(90deg,#f2fafa 0,#fcfbfa 100%);
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 15px;
}
.game_api li .game-api-top .api-top-img{border-radius: 4px; border: 1px solid #f9f9f9}
.game_api li .game-api-top .api-top-img img{height: 44px; width: 44px; border-radius: 4px}
.game_api li .api-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;}
.game_api li .api-top-title h3{font-weight: 600; font-size: 16px;}
.game_api li .game-api-list{padding: 6px 0 10px;}
.game_api li .game-api-list .game-api-show{padding:  6px 15px;}
.game_api li .game-api-list .game-api-show h4{line-height: 30px;
    font-size: 16px;
    font-weight: 500;}
.game_api li .game-api-list .game-api-show p{margin-top:5px;display: grid;grid-template-columns: repeat(3,1fr);gap: 8px;height: 26px;line-height: 26px}
.game_api li .game-api-list .game-api-show p span{border: #2de370 1px dashed;text-align: center;font-size: 12px; color:rgba(6,202,100)}
.business_list{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;margin-top: 10px;}
.business_list li{ border-radius: 4px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    background-color: #fff;}
.business_list li:hover{background: #f2f7ff}
.business_list li .business_list-top{display: grid;grid-template-columns: 78px 1fr; gap: 15px;padding: 20px;border-bottom: #e7e7e7 1px dashed}
.business_list li .business_list-top .business_top_img img{width: 78px; height: 78px;}
.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_top_title h3{-webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    font-size: 16px;
    -webkit-line-clamp: 2;}
.business_list li .business_list-top .business_dec span{color: #888}
.business_list li .business_list_staff{height: 46px; line-height: 46px;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}
.events_box{margin-top: 15px;height: 301px;}
.events_box .boto-carousel>[carousel-item]>*,.events_box .boto-carousel{background:none}
.event_list{display: grid;grid-template-columns: repeat(4,1fr);gap: 10px;padding-top: 5px;}
.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: 180px;}
.event_list li .event_intro{padding: 0 15px;}
.event_list li .event_intro h3{line-height: 40px; height: 40px;
    overflow: hidden;font-size: 16px; 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: 40px; height: 40px;}
.event_list li .event_intro .event_auth img{height: 20px; width: 20px; padding-right: 5px;}
.staff_list{display: grid;grid-template-columns: repeat(6,1fr);gap: 15px;padding-top: 15px;}
.staff_list li{ border-radius: 6px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    background-color: #fff; height: 262px;}
.staff_list li:hover{background: #f2f7ff}
.staff_list li .staff_u_img {text-align: center;padding-top: 20px;position: relative;width: 100px; height: 100px;margin: 0 auto; }
.staff_list li .staff_u_img img{width: 100px; height: 100px; 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{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;padding-top: 10px;}
.news_list li{ border-radius: 10px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    background-color: #fff;height: 500px;}
.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
}
.about_box{ 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;
    margin-top: 30px;
    border-top: #eee 1px dashed;
    height: 60px;
    line-height: 60px;
}
.about_box .foot_about a{margin-right: 20px;color: #666}
.about_box .foot_copy{color: #999}
.link_box{}
.link_box h2{    font-size: 18px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 600;margin-top: 10px;}
.link_box .link_txt{line-height: 40px;margin-top: 10px;margin-bottom: 15px;}
.link_box .link_txt a{padding-right: 10px; color: #666}
.link_box .link_img{display: grid;grid-template-columns: repeat(16,1fr);gap: 12px;padding: 20px 0;line-height: 40px;}
.link_box .link_img  li{background:#fff;border:1px solid #eee;border-radius:4px}
.link_box .link_img img{width: 100%;}
.magic_details{min-height: 100vh;}
.magic_details .bg{width: 100%;
    height: 290px;
    background: url(../images/detail-bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;}
.magic_details .content{
    width: 1184px;
    margin-top: -200px;
}
.magic_details .detail-header-container{position: relative;
    min-height: 360px;
    margin-bottom: 16px;
    border-radius: 20px;}
.magic_details .detail-header{    width: 1184px;
    background: #fff;
    margin-bottom: 16px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 20px;
}
.magic_details .detail-header .firm-header{padding: 30px;}
.magic_details .detail-header .firm-header h2{font-size: 18px; margin-top: 20px;}
.magic_details .firm_top{display: grid;grid-template-columns: 102px 1fr 350px;gap: 20px;}
.magic_details .firm_top .firm_logo{border-radius: 12px;
    border: 1px solid #ebeef5;
   }
.magic_details .firm_top .firm_logo img{
    width: 100px;
    height: 100px;
    border-radius: 12px;
    background: #fff;
    }
.magic_details .firm_top .firm_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;}
.magic_details .firm_top .firm_title h1{font-size: 28px;
    line-height: 30px;
    float: left;
    color: #1e2024;
    max-width: 580px;
    cursor: pointer;}
.magic_details .firm_top .firm_title h1 img{margin-left: 6px; width: 35px;}
.magic_details .firm_top .firm_dec span{margin-right: 6px;}
.magic_details .firm_top .firm_title p{font-size: 14px; color: #999;}
.magic_details .firm_top .firm_title p span{margin-left: 12px;}
.magic_details .firm_top .firm_title p  .boto-icon{margin-right: 2px;}
.firm_operation{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;
    text-align: right;
}
.firm_operation .firm_action span{margin-left: 10px; border: 1px #128bed solid; border-radius:3px;color: #128bed; padding: 5px 6px;}
.firm_operation p.tips{color: #ffb800;font-size: 14px;}
.firm_operation p span{color: #999;font-weight:lighter;font-size: 12px;margin-left: 8px}
.firm_operation p .boto-icon{font-size: 14px;}
.firm_card{margin-top: 20px;     padding: 20px 20px 14px;
    border: 1px solid #ebeef5;
    box-sizing: border-box;
    border-radius: 12px;}
.firm_card .firm_card_ul{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;}
.firm_card .firm_card_ul li{display: grid;grid-template-columns: 80px 1fr;line-height: 24px;}
.firm_card .firm_card_ul li .card_ul_name{color: #666}
.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;}
.group_firms{display: grid;grid-template-columns: repeat(5,1fr);gap: 20px;margin-top: 15px;}
.group_firms li{border: 1px solid #ebeef5;
    border-radius: 10px;}
.group_firms li:hover{background: #f2f7ff}
.group_firms li .firm_down_link{padding:15px;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{margin-left: 3px; width: 18px;}
.magic_firm_box{
    background: #fff;
    border-radius: 20px;

    box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);}
.magic_firm_tab{height: 54px;
    border-radius: 20px 20px 0 0;
    display: grid;
    grid-template-columns: repeat(8,1fr);
    border: #f7faff 1px solid;
    overflow: hidden;
}
.magic_firm_tab a{text-align: center;font-size: 20px;
    display: inline-block;position: relative;line-height: 44px;
    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}
.magic_firm_content{display: grid;grid-template-columns: 1fr 320px;}
.magic_firm_content .magic_firm_details{padding:30px;line-height:2.2;color:#222;font-size:18px;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;line-height:2.2 !important;}
.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}
.magic_firm_side{padding: 25px 20px;}
.magic_firm_side h2{    font-size: 18px;
    }
.magic_firm_side .firm_side_ul{
    margin-top: 10px;
}
.magic_firm_side .firm_side_ul li{border: 1px solid #ebeef5;margin-bottom: 10px;border-radius: 12px;}
.magic_firm_side .firm_side_ul li .firm-show{display: grid;grid-template-columns: 50px 1fr;gap: 10px;padding: 20px 20px;}
.magic_firm_side .firm_side_ul li   .firm-show img{width: 50px; height: 50px; border-radius: 6px;}
.magic_firm_side .firm_side_ul li  .firm-show:hover {
    background: #f2f7ff;
    border-radius: 12px;
}
.magic_firm_side .firm_side_ul li .firm-title{height: 25px; line-height: 25px; font-size: 20px;font-weight: 600}
.magic_firm_side .firm_side_ul li .firm-title img{margin-left:5px; width:22px;height:22px;}
.magic_firm_side .firm_side_ul li  .firm-s{height: 20px; line-height: 20px;padding-top: 5px;}
.bread{line-height: 40px; height: 40px;display: grid;grid-template-columns: 1fr 1fr;}
.bread .boto-breadcrumb a{color: #666!important;}
.bread .boto-breadcrumb a:hover{color: #1952e6!important;}
.bread .roll{text-align: right}
.bread .roll a{color: #1952e6; font-weight: 600;margin-left: 5px;}
.news-container{display: grid;grid-template-columns: 1fr 360px; gap:30px;margin-top: 10px;}
.news-main , .news-side{background: #fff;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;min-height: 300px}
.news-main h1.title{margin: 30px 35px 10px 35px;font-size: 26px;
    font-weight: 600;
    line-height: 45px;
    color: #000;}
.news-meta{margin: 0 35px;line-height: 40px;font-size: 15px;}
.news-meta span{margin-right: 5px;}
.news-meta span a{color: #1952e6}
.news_details{padding:20px 35px 0 35px;line-height:2.2;color:#222;font-size:18px;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 35px 35px 35px;}
.news_link h2{font-size: 18px;}
.group_firms_link{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;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: 15px;}
.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 35px 20px 35px;line-height: 40px;}
.news_tags a{margin-right: 8px; background: #f7f7f7;border-radius: 4px;padding: 4px 8px;}
.news-side h2.side-top {    height: 50px;
    background: #fcfcfc;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    position: relative;
    padding:0 20px;
    border-bottom: 1px solid #eee;border-radius: 8px 8px 0 0;}
.news-side h2.side-other {    height: 50px;
    background: #fcfcfc;
    font-size: 16px;
    color: #333;
    line-height: 50px;
    position: relative;
    margin-top: 15px;
    padding:0 20px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;}
.news-side h2 a{float: right; font-size: 14px; font-weight: lighter}
.news_side_list{padding:5px 15px 5px 10px;}
.news_side_list li{margin-top: 15px;}
.news_side_list li .news_list_link{display: grid;grid-template-columns: 38px 1fr;gap: 10px;}
.news_side_list li .news_list_link .num{    font-size: 32px;
    font-family: Barlow-Medium Italic,Barlow;
    font-family: art-medium!important;
    font-weight: 700;
    color: #abaeba;
    line-height: 38px;
   text-align: center;
    }
.news_side_list li .news_list_link .news_title_time .title{
    font-size: 15px;
    font-family: PingFang SC-Medium,PingFang SC;
    font-weight: 500;
    color: #111;
    max-width: 100%;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 25px;
    height: 50px;
}
.news_side_list li .news_list_link .news_title_time .date{
    font-size: 14px;
    font-family: PingFang SC-Regular,PingFang SC;
    font-weight: 400;
    margin-top: 5px;
    color: #74757a;
    line-height: 23px;
}
.news_side_list li .news_list_link:hover .num{color: #2259e5}
.news_side_list li .news_list_link:hover .news_title_time .title{color: #2259e5}
.news_img_list{padding:10px 15px 20px 15px}
.news_img_list li{padding:10px 0;overflow:hidden;display:grid;grid-template-columns:96px 1fr;gap:12px}
.news_img_list li a{height:72px}
.news_img_list  li img{width:100%;height:100%;border-radius:4px;border:1px solid #f2f2f2}
.related-art-con{height:72px;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}
.related-art-con .s-title{max-height:44px;font-size:16px;line-height:22px;color:#222;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}
.related-art-con .s-title:hover{color: #2259e5}
.related-art-con p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;font-size:14px;line-height:20px;color:#999}
.related-art-con p span:nth-child(2){margin-left:16px}
.about_container{display: grid;grid-template-columns: 200px 1fr; gap:25px;margin-top: 10px;}
.about_side, .about_main{background: #fff;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 4px;min-height: 300px}
.about_side li{height: 60px; line-height: 60px;text-align: center;font-size: 18px}
.about_side li.active,.about_side li:hover{background: #f3f9fd;border-right: #128bed 2px solid;font-weight: 600}
.about_side li:first-child{border-radius: 4px  4px 0 0 }
.about_main h1{height: 52px; line-height: 52px;border-bottom: 1px solid #ddd;padding-left: 30px; font-size: 18px;}
.about_main .about_details{padding:30px 45px 30px 45px;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}
.help_content{    margin: -200px 30px 10px 30px;}
.help_container{display: grid;grid-template-columns: 340px  1fr; gap:35px;margin-top: 15px}
.help_side .boto-nav.boto-nav-tree{width: 100%}
.help_main h1{height: 52px; line-height: 52px;border-bottom: 1px solid #ddd;font-size: 18px;}
.help_main .help_details{padding-top: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}
.help_main .help_details p{margin-bottom:15px}
.help_main .help_details img{max-width:100%;display:block;border-radius:4px;margin:0 auto 8px;height:auto}
.help_main .help_details p a{color:#1e9fff!important}
.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;
}
.vip_container{
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;min-height: 300px;background:  url("../images/vip-bg.png") top no-repeat;
    background-size: 100% auto;}
.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: 28px;
    text-align: center;
    margin-top: 20px;
    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: 16px;line-height: 50px}
.boto-table th{font-size: 18px;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{width: 160px;
    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: 16px;}
.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{width: 160px;
    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: 16px;}
.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{width: 160px;
    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: 16px;}
.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{width: 160px;
    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: 16px;}
.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-list {margin-top: 0;}
.news_list_title{line-height: 40px; display: grid;grid-template-columns: repeat(8,1fr);gap: 15px;}
.news_list_title  a{font-size: 16px;text-align: center;}
.news_list_title  a.active{background: #1c5bff;color: #fff;border-radius: 6px;}
ul.news_list_main{margin-top: 20px;}
ul.news_list_main li{background: #fff; margin-bottom: 20px;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;padding: 16px;display: grid;grid-template-columns: 200px 1fr; gap: 20px;}
ul.news_list_main li a img{width: 100%;max-height: 150px;border-radius: 6px}
ul.news_list_main li .news_list_con{height: 150px;
    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;}
ul.news_list_main li .news_list_con a.s-title{    max-height: 76px;
    font-size: 18px;
    line-height: 38px;
    font-weight: 400;
    color: #222;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;}
ul.news_list_main li .news_list_con .news_list_intro{    max-height: 44px;
    font-size: 14px;
    line-height: 22px;
    color: #222;
    font-weight: lighter;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;}
ul.news_list_main li .news_list_con .news_list_info{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #999;}
ul.news_list_main li .news_list_con .news_list_info a{background: #e6f1fb;
    color: #06c;
    padding: 3px 10px;
    border-radius: 4px;
}
ul.news_list_main li .news_list_con .news_list_info  span{margin-right: 10px}
.none_article{background: #fff; margin-bottom: 20px;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;padding: 16px;text-align: center;line-height: 40px;font-size: 15px}
.news_list_so{font-size: 16px;line-height: 40px;background: #fff; margin-bottom: 20px;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;padding: 16px;text-align: center;}
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}

.focus_box{height: 400px; margin: 10px 0 20px;}
.event_box{margin-top: 20px;}
.event_box h1{font-size: 24px;margin-bottom: 12px}
.event_details{padding: 25px;}
.event_details_top{display: grid;grid-template-columns: 300px 1fr;gap: 15px;}
.event_details_img img{width: 300px;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_side {padding: 20px;}
.event_side li{margin-bottom: 20px;}
.event_side li .event_side_img img{border-radius: 6px; width: 100%}
.event_side li .event_side_title{line-height: 40px;text-align: center;font-size: 15px;}
.hot_job{margin-top: 20px;}
.job_title{line-height: 35px; }
.job_title a{font-size: 18px;padding: 0 10px}
.job_title a.active{color: #2b55ef}
.job_top{background: #fff; margin: 20px 0;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;padding: 16px;display: grid;grid-template-columns: 700px 1fr;}
.job_top_main{padding:10px 20px;}
.job_top_main h1{font-size: 30px; line-height: 50px;}
.job_top_main .job_wage{margin-top: 8px; font-size: 32px;color: #fe574a}
.job_top_main p{margin: 12px 0;}
.job_top_main p span{margin-right: 15px; font-size: 16px;display: inline-block;
    height: 18px;

    font-weight: 400;
    color: #666;
    line-height: 18px;
    padding: 6px 20px;
    border-radius: 8px;
    background: #f8f8f8;}
.job_resume{margin:20px 20px 0 0; text-align: right;}
.job_resume a{margin-right: 20px; font-size: 16px;color: #2b55ef}
.job_resume a .boto-icon{font-size: 18px;margin-right: 4px; color: #2b55ef}
.job_contact{margin:50px 40px 0 0; text-align: right;}
.job_container{margin-top: 20px;display: grid;grid-template-columns: 1fr 300px; gap: 20px;}
.job_show_main_intro{background: #fff;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;padding:25px;}
.job_show_main_intro h2{font-size: 24px; font-weight: bold;line-height: 40px;padding-left: 10px;}
.job_show_main_content{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}
.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}
.job_side_group{background: #fff;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;}
.job_side_firm{background: #fff;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px; margin-top: 20px}
.job_side_link{border-radius: 8px; margin-top: 20px;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);}
.job_side_group h2,.job_side_firm h2,.job_side_link h2{    background: linear-gradient(90deg,#f5fcfc 0,#fcfbfa 100%);font-size: 16px;
    font-weight: 500;
    color: #222;
    line-height: 22px;
    padding: 12px 24px;border-radius: 8px 8px 0 0;}
.job_firm_mini{padding: 20px}
.job_firm_mini a.firm_down_link{display: grid;grid-template-columns: 60px 1fr ;gap: 10px}
.job_firm_mini a .firm_down_img img{width: 100%;border-radius: 4px}
.job_firm_mini a .firm_down_title h4{font-size: 18px; font-weight: 600;line-height: 30px;height: 30px}
.job_firm_mini a .firm_down_title h4 img{margin-left: 3px;
    width: 18px;}
.job_firm_mini a .firm_down_title p{height: 30px; line-height: 30px}
.look-all {
    position: relative;
    border-radius: 8px;
    border: 1px solid #00bebd;
    font-weight: 500;
    color: #00a6a7;
    line-height: 20px;
    padding: 7px 0;
    text-align: center;
    display: block;
    width: 158px;
    margin: 24px auto 0;
    transition: all .2s linear;
}
.look-all:hover{    background: #00bebd;
    color: #fff;}
.link_job{}
.link_job li{
    border-radius: 12px;
    box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
    background-color: #fff;
    margin-top:20px;
}
.link_job li:hover{background: #f2f7ff}
.link_job .job-info_link {

    box-sizing: border-box;
    overflow: hidden;
}
.link_job li .job_title{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px 0 20px;
    -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;
}
.link_job li .job_title .job_name{color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    transition: all .2s linear;
}
.link_job li .job_title  .job_salary{    font-size: 16px;
    font-weight: 500;
    color: #fe574a;
    line-height: 22px;
    flex: none;
}
.link_job li .job_tag{padding: 10px 20px 24px 20px;}
.link_job  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;}
.business_cate{margin-top: 15px; line-height: 50px;}
.business_cate a{font-size: 16px;margin-right: 5px;padding: 8px 12px}
.business_cate a.active{background: #1c5bff;
    color: #fff;
    border-radius: 6px;}
.business_form{margin-top: 15px;}
.business_container{margin-top: 20px;display: grid;grid-template-columns: 1fr 300px; gap: 20px;}
.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:16px 30px;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: 44px}
.bus_list li h1{font-size: 20px; font-weight: normal;line-height: 35px;color: #222}
.bus_fan{display: grid;grid-template-columns: 1fr 160px;margin-top: 8px; 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: 10px}
.bus_fan .line{color: #ddd}
.bus_bottom{margin-top: 12px;padding-top: 12px; 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}
ul.bus_side_list{overflow: hidden}
ul.bus_side_list li{padding:20px 25px 20px 25px;border-bottom: 1px dashed #eee;}
ul.bus_side_list li:last-child{border-bottom: none}
ul.bus_side_list li:hover{background: #f9f9f9}
ul.bus_side_list li a.firm_down_link{display: grid;grid-template-columns: 60px 1fr ;gap: 10px}
ul.bus_side_list li a .firm_down_img img{width: 100%;border-radius: 4px}
ul.bus_side_list li a .firm_down_title h4{font-size: 18px; font-weight: 600;line-height: 30px;height: 30px}
ul.bus_side_list li a .firm_down_title h4 img{margin-left: 3px; width: 18px;}
ul.bus_side_list li a .firm_down_title p{height: 30px; line-height: 30px}
.bus_show_top{background: #fff;box-shadow: 0 3px 20px 0 rgba(28,91,255,.04);
    border-radius: 8px;padding:25px 35px;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 300px;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: right;margin-top: 20px}
.bus_show_top .tips{line-height: 40px; font-size: 16px;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_img img{width: 40px; height: 40px; border-radius: 50%;}
.firm_list_tit .firm_list_title{    font-size: 24px;
    font-weight: normal;
    line-height: 40px; height: 40px;
    color: #222;}
.firm_list_tit .firm_list_v img{width: 25px;}
.ping_box{padding: 30px 40px}
.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:40px 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:50px;height:50px;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}
.none_container {
    margin-top: 20px;
}
.none-title {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 120px;
}
.none-page {
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    font-weight: 300;
}
.google_content{line-height: 2.2}
.google_content h2{font-size: 20px; font-weight: bold;padding-top: 15px;}
.google_content h3{font-weight: bold;font-size: 18px; padding-top: 8px;}
.google_content p{font-size: 16px; }

.server{position: fixed;top: 200px;  background: #fff;width: 80px;
       height: auto;
       box-shadow: 0 3px 20px 0 rgba(28,91,255,.06);
       border-radius: 40px;
       padding: 20px 0;
       right: 5px;
   }
   .server .server_ul li{height: 80px; text-align: center}
   .server .server_ul li .boto-icon{font-size: 30px;color: #16b777;font-weight: bold}
   .server .server_ul li a{color: #16b777;}
   .server .server_ul li a div{height: 45px; line-height: 45px;}
   .server .server_ul li a p{height: 25px; line-height: 25px}
.job_ul_a{padding:15px 0; display: grid; grid-template-columns: repeat(3,1fr);gap: 20px;}
.job_ul_a li img{width: 100%; border-radius: 8px}
.pend_tips {
    line-height: 60px;
    color: red;
    font-size: 16px;
    padding-left: 20px;
}