.hide,.hidden{display: none!important;}
a{color: #333;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content: '';display: block; clear:both; }
.ellipsis{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.pointer{cursor: pointer;}
.img-block,.advbox{overflow: hidden;}
.img-block a:hover{display: block;overflow: hidden;}
.img-block a:hover img ,.advbox a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.img-block a{display: block;width: 100%;height: 100%;}
.img-block a img,.advbox a img,.ease-animation{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.img-block img{object-fit: cover;width: 100%;height: 100%;font-family: 'object-fit: cover;';}
.ease-animation1{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.advbox,.advbox *{max-width:100% !important;height: auto;}
.advlist .advbox li{margin-bottom: 20px;}
.list-adv.advlist .advbox li{margin-bottom: 10px;}
.line2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.d-flex{display: flex;}
.d-center-flex{display: flex;align-items: center;}
.d-grow{flex-grow: 1;flex-basis: 100%;min-width:0}
.d-shrink{flex-shrink: 0;}
.row{margin:0 -12px;}
.container{padding-left: 12px;padding-right: 12px;}
*[class^='col-']{padding:0 12px;}
.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
@media screen and (min-width: 1200px) {
  .container{width:1200px;font-size:14px}
}

/* 头部 */
.kjlt-header .head-top .container{background-color: #282a2b;color: #ffffff;}
.kjlt-header .head-top .link a{color: #ffffff;font-size: 14px;line-height: 40px;}
.kjlt-header .head-top .r-btn{margin-left: 24px;font-weight: bold;}
.kjlt-header .head-top .r-btn a{display: flex;cursor: pointer; align-items: center;justify-content: center;float: left;margin-bottom: -40px;margin-left: 10px;width: 80px;height: 80px;border-radius: 4px;font-size: 18px;color: #ffffff;text-align: center;}
.kjlt-header .head-top .r-btn .join{background-color: #c52e2e;}
.kjlt-header .head-top .r-btn .login{background-color: #465aff;}
.kjlt-header .head-top .r-btn .userbox{background-color: #2673ff;flex-direction: column;}
.kjlt-header .head-top .r-btn .userbox .imgbox{width: 40px;height: 40px;overflow: hidden;}
.kjlt-header .head-top .r-btn .userbox .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.kjlt-header .head-top .r-btn .userbox .name{font-size: 14px;margin-top: 5px;}
.kjlt-header .head-con{padding: 20px 0px;}
.kjlt-header .head-con form{display: inline-block;width: 100%;}
.kjlt-header .head-con .logo{float: left;}
.kjlt-header .head-con .logofont{color: #006699;font-family: SourceHanSerifCN-Bold;font-size: 30px;margin-left: 20px;line-height: 80px;}
.kjlt-header .head-con .searchbox{margin-right: 200px;position: relative;padding: 20px 0px;}
.kjlt-header .head-con .searchbox .search-ipt{background-color: #ffffff;border-radius: 4px;border: solid 1px #e5e5e5;height: 40px;font-size: 14px;padding: 0px 40px 0px 20px;width: 260px;}
.kjlt-header .head-con .searchbox .search-ipt:focus{outline: none;}
.kjlt-header .head-con .searchbox .search-btn{width: 40px;height: 40px;background: #282a2b url(../../images/ccf-member/icon32.png) no-repeat center center;position: absolute;right: 0;border: none;}
.kjlt-header .head-menu{position: relative;z-index: 2;}
.kjlt-header .head-menu .swiper-menu{overflow: inherit;padding: 0;}
.kjlt-header .head-menu .swiper-slide{text-align: center;border: 1px solid #e6e8eb;background: #f6f7f9;position: relative;}
.kjlt-header .head-menu .swiper-slide a{font-size: 16px;line-height: 26px; color: #333333;padding: 12px 0px;display: block;}
.kjlt-header .head-menu .swiper-slide-active{background: #fff;}
.kjlt-header .head-menu .swiper-slide-active a{color: #282a2b;font-weight: bold;}
.kjlt-header .head-menu .swiper-slide:hover>a{font-weight: bold;background-color: #fff;}
.kjlt-header .head-menu .slide-childbox{ position: absolute;display: none; z-index: 2;border: 1px solid #e6e8eb;background: #f6f7f9;width: 100%;}
.kjlt-header .head-menu .swiper-slide:hover .slide-childbox{display: block;}
.kjlt-header .head-menu .slide-childbox .slide-child:hover{font-weight: bold;background-color: #fff;}
.kjlt-header .head-menu .slide-childbox a{font-size: 14px;line-height: 20px;}
.kjlt-header .head-menu .swiper-menu-btn{display: none;}

.head-con .synav{margin-left: 60px;margin-top: 20px; }
.head-con .toindex{color: #515151;font-size: 16px;line-height: 40px;display: inline-block; padding:0px 25px;background: url(../../images/ccf-member/icon9.png) no-repeat left 10px;}
.head-con .oneNav{display: inline-block;position: relative;font-size: 16px;line-height: 40px;color: #2673ff;text-align: center; border-radius: 4px; }
.head-con .oneNav .showname{display: block;cursor: pointer;padding: 0px 40px 0px 15px; background:#f6f7f9 url(../../images/ccf-member/icon10.png) no-repeat 95px center;}
.head-con .oneNav .showlist{position: absolute;z-index: 2; background:#f6f7f9 ;width: 100%;display: none; }
.head-con .oneNav .showlist a:hover{color: #2673ff;}

.second-menu .container.on{height: auto;}
.second-menu .container{padding: 0;background-color: #f6f7f9;position: relative;border: solid 1px #e6e8eb;}
.second-menu .item a{font-size: 16px;display: inline-block;padding: 0px 30px;line-height: 50px;}
.second-menu .item.one a{background-color: #282a2b;color: #ffffff;} 
.second-menu .item.one a:hover{color: #fff;}
.second-menu .item a:hover,.second-menu .item.active a{color: #2673ff;}
.second-menu .swiper-secondmenu{overflow: hidden;position: relative;}
.second-menu .swiper-secondmenu .swiper-slide{width: auto;}
.second-menu .iconbtn{cursor: pointer;position: absolute;bottom: 0;margin: auto;padding:0px 15px 0px 25px;z-index: 2;line-height: 50px;}
.second-menu .swiper-secondmenu-next{right: 0px;background-image: linear-gradient(to right , rgba(246,247,249,0.5), rgba(246,247,249));}
.second-menu .swiper-secondmenu-prev{left: 0px;background-image: linear-gradient(to right , rgba(246,247,249), rgba(246,247,249,0.5));}
.second-menu .swiper-button-disabled{display: none;}

/* 底部 */
.kjlt-footer .foot-btm{background-color: #282a2b;color: #cacaca;font-size: 14px;line-height: 24px;padding: 21px 0px;}
.kjlt-footer .foot-btm a{color: #cacaca;}
.kjlt-footer .foot-top{background-color: #313435;}
.kjlt-footer .foot-top .left{border-right: 1px solid #5a5d5d;padding: 50px 0px 20px;}
.kjlt-footer .foot-top .info{color: #ffffff;font-size: 14px;line-height: 30px;}
.kjlt-footer .code{margin: 20px 0px;}
.kjlt-footer .code .item{margin-right: 10px;}
.kjlt-footer .code .font{color: #ffffff;font-size: 14px;line-height: 30px;text-align: center;}
.kjlt-footer .right{display: flex;justify-content: space-between;padding: 40px 0px 20px 80px;} 
.kjlt-footer .right .item{min-width: 140px;}
.kjlt-footer .right .name{border-bottom: 1px solid rgba(255, 255, 255, 0.2);color: #ffffff;font-size: 16px;line-height: 26px;padding: 15px 0px;position: relative;}
.kjlt-footer .right .name::after{content: '';display: block;position: absolute;width: 30px;height: 1px;background-color: #ffffff;left: 0;bottom: 0; }
.kjlt-footer .right .list {padding-top: 18px;}
.kjlt-footer .right .list div{padding: 7px 0px;}
.kjlt-footer .right .list a{color: rgba(255, 255, 255, 0.6);font-size: 14px;line-height: 24px; } 

.right-fix{background-color: #ffffff;box-shadow: 0px 3px 13px 0px rgba(151, 157, 160, 0.3);border-radius: 4px;overflow: hidden; position: fixed;z-index: 9; right: 20px;width: 80px;bottom: 50px;}
.right-fix .item a{height: 79px;padding-top: 53px; border-bottom:1px solid #eeeeee;color: #979797;font-size: 13px;display: block;text-align: center;}
.right-fix .item1{background: url(../../images/ccf-member/icon1.png) no-repeat center 17px;}
.right-fix .item2{background: url(../../images/ccf-member/icon2.png) no-repeat center 17px;}
.right-fix .item3{background: url(../../images/ccf-member/icon3.png) no-repeat center 17px;}
.right-fix .item4{background: url(../../images/ccf-member/icon4.png) no-repeat center 17px;}
.right-fix .item5{background: url(../../images/ccf-member/icon5.png) no-repeat center 17px;}
.right-fix .go-top a{height: 79px;padding-top: 53px;font-size: 13px;display: block;text-align: center;color: #fff;background:#465aff url(../../images/ccf-member/icon33.png) no-repeat center 25px;}


/* CCF会员 */
.ccf_index .tag{color:#fff;padding:0 10px;line-height: 24px;border-left:3px solid #0d0d0d;background: #2673ff;}
.ccf_index .topswiper{margin-top:30px}
.ccf_index .swiper{position: relative;height: 380px;}
.ccf_index .swiper a{display: block;}
.ccf_index .swiper .info{position: absolute;left:0;bottom:0;width:100%;background: rgba(0,0,0,.4);}
.ccf_index .swiper .summary{position: absolute;top:0;left:0;}
.ccf_index .swiper .name{font-size: 22px;padding:0 30px;line-height: 85px ;color:#fff}
.ccf_index .swiper .swiper-page{position: absolute;right:0;bottom:66px;color:#c52e2e;z-index:1}
.ccf_index .swiper .swiper-page span{display: inline-block;width:20px;height:2px;background: #fff;opacity: .4;font-size: 0;vertical-align: top;}
.ccf_index .swiper .swiper-page span.on{font-size:12px;line-height: 15px;opacity: 1;height:15px;}
.ccf_index .swiper .news-btn{width: 40px;height: 40px;background-size: 10px;background-color: rgba(0, 0, 0, 0.3);}
.ccf_index .swiper .news-btn:hover{background-color: rgba(0, 0, 0, 0.6);}
.ccf_index .news-list .title{line-height: 50px;font-size: 20px;font-weight: bold;color: #333333;}
.ccf_index .news-list .list{margin:-10px -6px 0}
.ccf_index .news-list .item{padding:0 6px;margin-top:10px}
.ccf_index .news-list .item .img-block{height: 100px;width: 100px;}
.ccf_index .news-list .item>div{background: #f4f4f4;}
.ccf_index .news-list .item .info{padding:10px 15px;position: relative;display: flex;flex-direction: column;justify-content: space-between;}
.ccf_index .news-list .item .info a{line-height: 24px;font-weight: bold;min-height: 48px;}
.ccf_index .news-list .item .info a:hover{color: #2673ff;}
.ccf_index .news-list .item .info .time{color:#999;margin-top:10px}
.ccf_index .news-list .item .info .tag{position: absolute;right:0;bottom:0;}
.ccf_index .b_title{margin:60px 0 40px}
.ccf_index .b_title>span{display:inline-block;color:#333;padding:0 50px;background: url('../../images/ccf-member/bg_left.png') left center no-repeat,url('../../images/ccf-member/bg_right.png') right center no-repeat;}
.ccf_index .b_title b{font-size:35px}
.ccf_index .b_title .intro{padding:0 14px;color:#fff;background:#2673ff ;margin-top:5px;display: inline-block;}

.active-date{background-color: #ffffff;}
.active-date .title{background: #1d458d;border: 1px solid #1d458d; line-height: 50px;color: #fff;font-size: 16px;font-weight: bold;padding: 0px 20px;}
.active-date .active-con{border: solid 2px #e6e8eb;}
.active-date .active-nav{background: #fff;color: #828a9a;font-size: 16px;font-family: Bahnschrift;}
.active-date .active-nav .data-item{width: calc((100% - 1px)/2);text-align: center;background: #f6f7f9;position: relative;}
.active-date .active-nav .show-name{padding: 11px 0px;cursor: pointer;}
.active-date .active-nav .data-list{max-height:380px;display: none; position: absolute;box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);z-index: 3; width: 100%;background: #f6f7f9;text-align: center;line-height: 30px;padding: 10px 0px;}
.active-date .active-list{padding: 0px 13px 15px 15px;height: 650px;overflow: hidden;position: relative;}
.active-date .active-list .mon-box{font-size: 16px;line-height: 26px;padding-top: 5px; font-family: Bahnschrift;position: relative;padding-left: 15px;}
.active-date .active-list .mon-box::after{content: '';display: block;position: absolute; width: 20px;height: 4px;background-color: #c1c1c1;top: 50%;margin-top: -2px;left: -16px; }
.active-date .active-list .thing-box{background-color: #f4f4f4;border-radius: 4px;line-height: 26px;font-size: 16px;padding: 10px 8px 10px 35px;margin: 10px 0px;}
.active-date .active-list .thing-time{position: relative;color: #2572ff;font-family: Bahnschrift;}
.active-date .active-list .thing-time::after{content: '';display: block;position: absolute; width: 10px;height: 10px;border-radius: 50%; background-color: #2572ff;top: 50%;margin-top: -5px;left: -20px; }
.active-date .active-list .thing-name{font-weight: bold;padding: 5px 0px;}
.active-date .active-list .today{margin-right: 12px;display: none;}
.active-date .active-list::after,.active-date .active-list::before{position: absolute;content: '';display: block;width: 100%;height: 80px;left: 0;z-index: 1; }
.active-date .active-list::after{background: url(../../images/ccf-member/top.png) repeat-x top center;top: 0;}
.active-date .active-list::before{background: url(../../images/ccf-member/btm.png) repeat-x bottom center;bottom: 0;}
.active-date .active-list .active,.active-date .active-list .thing-box:hover{position: relative;margin-bottom: 20px; background-image: linear-gradient(90deg, #2572ff 0%, #3f83ff 100%);box-shadow: 0px 3px 15px 0px rgba(42, 96, 194, 0.35);}
.active-date .active-list .active .thing-time::after,.active-date .active-list .thing-box:hover .thing-time::after{background: #fff;}
.active-date .active-list .active::after,.active-date .active-list .thing-box:hover::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: -10px; margin: auto; width: calc(100% - 30px);height: 20px;background-image: linear-gradient(90deg, #2572ff 0%, #3f83ff 100%);box-shadow: 0px 3px 15px 0px rgba(42, 96, 194, 0.35);border-radius: 4px;opacity: 0.3;}
.active-date .active-list .active .thing-name,.active-date .active-list .thing-box:hover .thing-name{padding: 10px 0px 13px;color: #fff;}
.active-date .active-list .active .thing-time,.active-date .active-list .thing-box:hover .thing-time{margin-top: 5px;color: #fff;}
.active-date .active-list .active.todaybox .today{display: inline-block;}

.exclusive-box{height: 520px;position:relative;overflow: hidden;}
.exclusive-box .exclusive-img{height: 100%;overflow: hidden;}
.exclusive-box .exclusive-img .swiper-slide{position: relative;}
.exclusive-box .exclusive-img .fontbox{position:absolute;width:100%;bottom:0;background:url(../../images/ccf-member/icon7.png) no-repeat bottom center;padding:83px 465px 58px 50px;}
.exclusive-box .exclusive-img .fontbox .name{color: #ffffff;font-size: 30px;font-weight:bold;padding:24px 0px;}
.exclusive-box .exclusive-img .fontbox .info{color: #f8f8fa;font-size: 16px;line-height: 24px;}
.exclusive-box .exclusive-fontbox{position:absolute;width: 240px;height:100%;right:0;top:0;z-index:2;padding: 20px 0px;}
.exclusive-box .exclusive-fontbox::before{position: absolute;top: -50px;width: calc(100% - 5px);background:rgba(26,27,30,0.5);height: calc(100% + 200px);right: 0;content: '';display: block;}
.exclusive-box .exclusive-font{height:100%;position: relative;overflow: hidden;}
.exclusive-box .exclusive-font .swiper-slide{cursor: pointer; color: #ffffff;font-size: 20px;font-weight:bold;text-align:center;padding-left:5px;display: flex;align-items: center;justify-content: center;}
.exclusive-box .exclusive-font .swiper-slide .font{padding: 0px 15px;width: 100%;}
.exclusive-box .exclusive-font .active{background: #2673ff;font-size: 25px;position: relative;}
.exclusive-box .exclusive-font .active::after{position: absolute;content: '';display: block;width: 5px;height: 5px;bottom: -5px;left: 0; background:url(../../images/ccf-member/icon17.png) no-repeat center center; }
.exclusive-box .exclusive-font .active .font{background:#2673ff;}

.storybox .left{width: 230px;height: 575px;margin-right: 10px;}
.storybox .center{width: calc(100% - 600px);}
.storybox .right{width: 350px;}
.storybox .h320{height: 320px;}
.storybox .w355{width: 355px;}
.storybox .w235{width: calc(100% - 365px);}
.storybox .w240{width: 240px;}
.storybox .w350{width:  calc(100% - 250px);}
.storybox .h245{height: 245px;}
.storybox .img-block{position: relative;}
.storybox .font{position: absolute;width: 100%; padding:40px 30px 20px; bottom: 0;height: 130px;background: url(../../images/ccf-member/icon8.png) repeat-x bottom center;color: #ffffff;}
.storybox .font .name{font-size: 25px;font-weight: bold;line-height: 35px;}
.storybox .font .intro{font-size:16px;line-height: 26px;padding: 5px 0px;}

.honorbox .item{margin: 30px 0px;} 
.honorbox .box{height: 360px;border-radius: 4px;position: relative;display: flex;flex-direction: column;justify-content: space-between;padding:60px 30px 30px;}
.honorbox .box .crown{width: 55px;height: 55px;display: inline-block;position: absolute;left: 20px;top: -28px;border-radius: 50%;overflow: hidden;}
.honorbox .item:nth-child(1) .crown{background:#1c273b url(../../images/ccf-member/icon-1.png) no-repeat center center;}
.honorbox .item:nth-child(2) .crown{background:#1c273b url(../../images/ccf-member/icon-2.png) no-repeat center center;}
.honorbox .item:nth-child(3) .crown{background:#1c273b url(../../images/ccf-member/icon-3.png) no-repeat center center;}
.honorbox .item:nth-child(4) .crown,.honorbox .item:nth-child(5) .crown{background:#1c273b url(../../images/ccf-member/icon-4.png) no-repeat center center;}
.honorbox .item:nth-child(6) .crown{background:#1c273b url(../../images/ccf-member/icon-5.png) no-repeat center center;}
.honorbox .title{font-size: 25px;font-weight: bold;line-height: 35px;text-align: center;}
.honorbox .item1 .box {background: #2673ff;border: solid 2px #2673ff}
.honorbox .item1 .title{color: #ffffff;}
.honorbox .item2 .box {background: #FFF;border: solid 2px #e6e8eb;}
.honorbox .item2 .title{color: #1c273b;}
.honorbox .swiper-namebox{position: relative;overflow: hidden;width: calc(100% + 40px);margin-left: -20px;}
.honorbox .swiper-namebox .swiper-name-btn{position: absolute;width: 11px;height: 19px;top: 40px;z-index: 2;cursor: pointer;opacity: 0;}
.honorbox .swiper-namebox .swiper-name-prev{left: 0px;}
.honorbox .swiper-namebox .swiper-name-next{right: 0px;}
.honorbox .box1:hover{box-shadow: 0px 10px 30px 0px rgba(37, 100, 215, 0.4);}
.honorbox .box:hover .swiper-name-btn{opacity: 0.4;}
.honorbox .swiper-namebox .swiper-name-btn:hover{opacity: 1;}
.honorbox .swiper-name{width: calc(100% - 40px);overflow: hidden; margin: 0 auto;}
.honorbox .swiper-name .swiper-slide{text-align: center;}
.honorbox .swiper-name .img-block{width: 100px;height: 100px; border-radius: 50%;margin:0 auto 10px;}
.honorbox .swiper-name .img-block img{object-fit: contain;}
.honorbox .swiper-name .fontbox a{color: #ffffff;font-size: 18px;line-height: 24px;}
.honorbox .item2 .swiper-name .fontbox a{color: #1c273b;}


.joinbox{background: url(../../images/ccf-member/bg.jpg) no-repeat center center;display: flex;flex-direction: column;padding-bottom: 50px;}
.joinbox .b_title b{color: #ffffff;}
.joinbox .processbox{display: flex;margin: 5px auto 0px;}
.joinbox .processbox .item{position: relative; width: 260px;height: 220px;margin: 0px 35px; display: flex;justify-content: center;align-items: center;font-size: 18px;line-height: 24px;font-weight: bold;border: solid 1px rgba(255, 255, 255, 0.6);background: rgba(0, 0, 0, 0.6);}
.joinbox .processbox .item a{color: #ffffff; }
.joinbox .processbox .item .font{margin-top: 20px;}
.joinbox .processbox .item:nth-child(1)::after,.joinbox .processbox .item:nth-child(2)::after{position: absolute;content: '';display: block;width: 25px;height: 9px;background: url(../../images/ccf-member/more_blue.png) no-repeat center center;top: 50%;margin-top: -5px;right: -50px; }
.joinbox .processbox .item .imgbox{text-align: center;}
.joinbox .stepbox{font-size: 16px;color: #ffffff;line-height: 24px;text-align: center;padding: 18px 0px;display: flex;margin: 0 auto;}
.joinbox .stepbox .step1{width: 290px;}
.joinbox .stepbox .step2{width: 660px;}

.messagebox .item{margin-bottom: 20px;height: 150px;}
.messagebox .flexbox .img-block{width: 200px;height: 150px;}
.messagebox .flexbox{background-color: #f4f4f4;height: 100%;}
.messagebox .flexbox .info{padding: 20px 10px 0px 20px;}
.messagebox .flexbox .name{display: inline-block;max-width: 100%;font-weight: bold;font-size: 18px;line-height: 24px;}
.messagebox .flexbox .name:hover{color: #2673ff;}
.messagebox .flexbox .summary{color: #666666;font-size: 14px;line-height: 24px;margin: 5px 0px 10px;min-height: 48px;}
.messagebox .flexbox .time{color: #999999;font-size: 14px;line-height: 24px;}

.ccf_index .loadmore {text-align: center;padding: 10px 0px;margin-bottom: 100px;}
.ccf_index .loadmore a{display: inline-block;color: #666666;width: 460px;font-size: 18px;text-align: center;line-height: 55px;background-color: #f4f4f4;border-radius: 4px;}
.ccf_index .loadmore img{margin-left: 5px;}

/* 会员荣誉页面 */
.honour-page .container-1230{margin-bottom: 80px;}
.honour-title{border-bottom: 2px solid #e6e8eb;line-height: 35px;padding: 5px 0px;margin-top: 20px;}
.honour-title .name{color: #282a2b;font-size: 25px;font-weight: bold;min-width: 250px;}
.honour-title .click-btn .year{color: #5e696e;font-family: Bahnschrift;font-size: 16px;cursor: pointer;display: inline-block;padding: 0px 25px;}
.honour-title .click-btn .year:hover,.honour-title .click-btn .year.on{color: #2673ff;}
.personbox{padding: 18px 0px;}
.personbox .person-item{margin: 12px 0px;text-align: center;}
.personbox .person-item .perbox{border: solid 2px #e6e8eb;position: relative;padding: 0px 15px 65px; border-radius: 4px;height: 340px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.personbox .person-item .imgbox{width: 120px;height: 120px;border-radius: 50%;overflow: hidden;}
.personbox .person-item .imgbox img{object-fit: contain;}
.personbox .person-item .name{font-size: 18px;color: #1c273b;font-weight: bold;line-height: 28px;margin:15px 0px 5px;}
.personbox .person-item .name.old{border: 1px solid #383838;}
.personbox .person-item .name a{display: inline-block;padding: 0px 5px;}
.personbox .person-item .name a:hover{color: #2673ff;}
.personbox .person-item .info{font-size: 14px;color: #999999;line-height: 24px;min-height: 48px;}
.personbox .person-item .email{font-size: 16px;color: #999999;position: absolute;width: calc(100% - 50px);padding: 19px 0px 25px; bottom: 0;left: 0;right: 0;margin: auto; border-top:1px solid #eeeeee;}
.personbox .person-item .email span{background: url(../../images/ccf-member/email.png) no-repeat left center;padding-left: 35px;}

.honour-page .loadmore {text-align: center;padding: 12px 0px 22px;}
.honour-page .loadmore a{display: inline-block;color: #999999;width: 510px;font-size: 16px;text-align: center;line-height: 50px;background-color: #f9f9f9;border-radius: 4px;}


/* 会员荣誉详情页面 */
.honour-detail .container-1230{margin-bottom: 80px;}
.person-intro{background-color: #1660e6;border-radius: 4px;overflow: hidden;margin-bottom: 30px;}
.person-intro .leftbox{background-color: #2673ff;text-align: center; width: 340px;color: #fff;height: 380px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.person-intro .leftbox .imgbox{width: 180px;height: 180px;border-radius: 50%;overflow: hidden;}
.person-intro .leftbox .name{font-size: 25px;line-height: 35px;font-weight: bold;margin: 15px 0px 10px;}
.person-intro .leftbox .info{font-size: 16px;line-height: 26px;min-height: 56px;}
.person-intro .rightbox{width: calc(100% - 340px);padding: 20px 25px 10px 40px;}
.person-intro .rightbox .tit{display: inline-block;margin: 10px 0px; line-height: 30px;font-size: 16px;padding: 0px 11px 0px 38px; color: #a3b0c9;border-radius: 4px;}
.person-intro .rightbox .tit1{background:#282a2b url(../../images/ccf-member/icon12.png) no-repeat 10px center;}
.person-intro .rightbox .tit2{background:#282a2b url(../../images/ccf-member/icon14.png) no-repeat 10px center;}
.person-intro .rightbox .h-listbox{padding:5px 0px 15px;color: #ffffff;font-size: 16px;line-height: 26px;}
.person-intro .rightbox .h-list{padding: 2px 0px 2px 38px; background: url(../../images/ccf-member/icon13.png) no-repeat 10px center;}
.person-intro .rightbox .info{color: #f8f8fa;font-size: 16px;line-height: 24px;padding: 10px;text-align: justify;}

.about-news{background-color: #f6f6f6;}
.about-news .news-title{margin-left: 30px;margin-top: -10px;padding: 20px 70px 15px 20px;background-color: #2673ff;overflow: hidden; border-radius: 4px;text-align: right;padding-right: 70px; display: inline-block;position: absolute;}
.about-news .news-title .eng{font-size: 20px;line-height: 24px; color: rgba(255, 255, 255, 0.6);font-weight: bold;}
.about-news .news-title .cn{color: #ffffff;font-size: 25px;line-height: 35px; font-weight: bold;}
.about-news .news-title::after{content: '';display: block;position: absolute;bottom: 0;right: 0; width: 0px;height: 0px;border-bottom: 48px solid #1660e6;border-left: 50px solid transparent;}
.about-news .about-list{padding: 85px 30px 15px;margin-bottom: 30px;}
.about-news .about-list .item{height: 150px;margin: 25px 0px;}
.about-news .about-list .img-block{width: 200px;height: 150px;margin-right: 30px;}
.about-news .about-list .flexbox{background-color: #f4f4f4;height: 100%;}
.about-news .about-list .info{border-bottom: solid 2px #eeeeee;}
.about-news .about-list .name{color: #242424; display: inline-block;max-width: 100%;font-weight: bold;font-size: 20px;line-height: 30px;margin-top: -5px;}
.about-news .about-list .name:hover{color: #2673ff;}
.about-news .about-list .summary{color: #999999;font-size: 16px;line-height: 28px;margin: 10px 0px;min-height: 56px;}
.about-news .about-list .time{color: #999999;font-size: 16px;line-height: 26px;}


/* 面包屑导航 */
.crumbsbox{color: #999999;font-size: 16px;line-height: 20px;padding: 15px 0px;}
.crumbsbox .home{margin-right: 10px;}
.crumbsbox a{color: #999999;}
.crumbsbox span{color: #666666;}



@media ( min-width : 769px) {
  .container-1230{padding: 0px;}
}
@media ( max-width : 1200px) {
  .storybox .left{width: 184px;height: 460px;}
  .storybox .center{width: calc(100% - 484px);}
  .storybox .right{width: 280px;}
  .storybox .h320{height: 256px;}
  .storybox .h245{height: 196px;}
  .storybox .w355{width: 284px;}
  .storybox .w235{width: calc(100% - 294px);}
  .storybox .w240{width: 192px;}
  .storybox .w350{width: calc(100% - 202px);}

  .list-header.kjlt-header .head-con .searchbox{margin-right: 0px;}
  .personbox .person-item{width: 33.33%;float: left;}

  .person-intro .leftbox{width: 280px;}
  .person-intro .leftbox .imgbox{width: 130px;height: 130px;}
  .person-intro .rightbox{width: calc(100% - 280px);}
}
@media ( max-width : 992px) {
  .kjlt-header .head-top .r-btn a{width: 60px;height: 60px;margin-bottom: -20px;font-size: 14px;}
  .kjlt-header .head-top .r-btn .userbox .imgbox{width: 30px;height: 30px;}
  .kjlt-header .head-top .r-btn .userbox .name,.kjlt-header .head-top .r-btn a{font-size: 12px;font-weight: normal;}
  .kjlt-header .head-con .logo{max-width: 50%;}
  .kjlt-header .head-con .searchbox{margin-right: 0px;}
  .kjlt-header .head-menu .swiper-menu{overflow: hidden;position: relative;}
  .kjlt-header .head-menu .swiper-menu-btn{display: block; cursor: pointer;position: absolute;bottom: 0;margin: auto;padding:0px 15px 0px 25px;z-index: 2;line-height: 50px;}
  .kjlt-header .head-menu .swiper-menu-next{right: 0px;background-image: linear-gradient(to right , rgba(246,247,249,0.5), rgba(246,247,249));}
  .kjlt-header .head-menu .swiper-menu-prev{left: 0px;background-image: linear-gradient(to right , rgba(246,247,249), rgba(246,247,249,0.5));}
  .kjlt-header .head-menu .swiper-button-disabled{display: none;}

  .kjlt-footer .foot-top .left{border: none;}
  .kjlt-footer .right{padding: 0 0 30px;}
  .kjlt-footer .foot-btm .fr{float: left;}

  .active-date{margin-top: 20px;}
  .exclusive-box .exclusive-img .fontbox .name{font-size: 26px;padding: 10px 0px;}
  .exclusive-box .exclusive-img .fontbox{padding: 50px 20px 60px 20px;}
  .exclusive-box .exclusive-fontbox{width: 100%;padding: 0px;height: 45px;top: auto;bottom: 0;}
  .exclusive-box .exclusive-fontbox::before{display: none;}
  .exclusive-box .exclusive-font .swiper-slide{font-size: 16px;}
  .exclusive-box .exclusive-font .active{font-size: 18px;}

  .storybox .center{width: calc(100% - 194px);float: none;display: inline-block;margin: 10px auto 0px;}
  .storybox .right{float: left;}
  .joinbox .processbox .item{width: 180px;height: 154px;}
  .joinbox .stepbox .step1{width: 200px;}
  .joinbox .stepbox .step2{width: 460px;}

  .honour-title .name{min-width: auto;}
  .personbox .person-item{width: 50%;}
  .honour-page .loadmore a{width: 400px;}
  
  .person-intro .leftbox{width: 200px;padding: 0px 20px;}
  .person-intro .leftbox .imgbox{width: 100px;height: 100px;}
  .person-intro .rightbox{width: calc(100% - 200px);}
}
@media ( max-width : 768px) {
  .row{margin: 0;}
  .container-1230{padding-left: 12px;padding-right: 12px;}

  .kjlt-footer .foot-top .left{padding: 30px 0px 0px;}
  .kjlt-footer .right{flex-wrap: wrap;}
  .kjlt-footer .right .item{width: 48%;}

  .exclusive-box .exclusive-font .swiper-slide .font{padding: 0 5px;}
  .exclusive-box .exclusive-img .fontbox .name{font-size: 24px;}
  .joinbox .processbox .item{margin: 0px 20px;width: 130px;height: 110px;}
  .joinbox .processbox .item .imgbox img{max-width: 40px;}
  .joinbox .processbox .item .font{margin-top: 10px;font-size: 14px;}
  .joinbox .processbox .item:nth-child(1)::after, .joinbox .processbox .item:nth-child(2)::after{right: -30px;}
  .joinbox .stepbox .step1{width: auto;}
  .joinbox .stepbox .step2{width: 350px;}
  .storybox .center{width: 100%;}
  .storybox .center .w235{width: 235px;}
  .storybox .center .w350{width: 350px;}

  .second-menu .item a,.honour-title .click-btn .year{padding: 0px 10px;}
  .person-intro .rightbox{padding: 15px;}
}
@media ( max-width : 540px) {
  .kjlt-header .head-top .link{float: left;}
  .kjlt-header .head-top .r-btn{margin: 0;}
  .kjlt-header .head-top .r-btn a{width:60px;height: 30px;margin: 5px 0px 0px 5px;}
  .kjlt-header .head-top .r-btn .userbox .imgbox{display: none;}
  .kjlt-header .head-top .r-btn .userbox .name{margin: 0;}
  .kjlt-header .head-con .logo{max-width: 60%;}
  .kjlt-header .head-con .searchbox{float: left;width: 100%;padding: 10px 0px 0px;}
  .kjlt-header .head-con .searchbox .search-ipt{width: 100%;}
  .kjlt-header .head-menu .swiper-slide a{font-size: 14px;padding: 7px 0px;}

  .head-con .synav{margin-left: 0;width: 100%;}
  .second-menu .iconbtn{padding: 0px 10px 0px 15px;}
  .second-menu .swiper-slide a{font-size: 12px;}

  .kjlt-footer .right .item{width: 100%;}
  .right-fix{display: none;}

  .ccf_index .swiper{height: 200px;}
  .ccf_index .swiper .name{line-height: 45px;font-size: 16px;padding-left: 55px;}
  .ccf_index .swiper .swiper-page{display: none;}
  .active-date .active-list{height: 450px;}
  .exclusive-box{height: 255px;padding-bottom: 45px;}
  .exclusive-box .exclusive-img{height: 210px;}
  .exclusive-box .exclusive-img .fontbox .info{display: none;}
  .exclusive-box .exclusive-img .fontbox .name{font-size: 18px;}
  .exclusive-box .exclusive-img .fontbox{padding:0px 20px;}
  .exclusive-box .exclusive-fontbox{background:rgba(26,27,30,0.5);}
  .storybox .right,.storybox .left{width: 100%;}
  .storybox .img-block{margin: 0 auto 10px;float: none;width: 300px !important;height: 300px !important;}
  .storybox .right{float: none;margin: 0 auto;}
  .storybox .center{margin-top: 0;}

  .joinbox .processbox .item{width: 90px;height: 90px;}
  .joinbox .processbox .item .imgbox img{max-width: 30px;}
  .joinbox .stepbox .step2{width: 250px;}
  .messagebox .item{height: 120px;}
  .messagebox .flexbox .img-block{width: 150px;height: 120px;}
  .ccf_index .loadmore a{width: 200px;line-height: 45px;}
  .messagebox .item{padding: 0;}
  .messagebox .flexbox .info{padding-top:10px ;}
  .messagebox .flexbox .name{font-size: 16px;}
  .messagebox .flexbox .summary{font-size: 12px;line-height: 22px;}
  .ccf_index .b_title b{font-size: 25px;}
  .honorbox .item{padding: 0;}
  .honorbox .swiper-name .img-block{width: 70px;height: 70px; }
  .ccf_index .topswiper .col-xs-12{padding: 0;}
  .ccf_index .news-list .list{margin: -10px 0px 0px;}
  .ccf_index .b_title{margin: 30px 0px 20px;}

  .personbox .person-item .perbox{padding-bottom: 40px;height: 270px;}
  .personbox{margin: 0px -5px;}
  .personbox .person-item{padding: 0px 5px;}
  .personbox .person-item .imgbox{width: 100px;height: 100px;}
  .personbox .person-item .email{font-size: 14px;padding: 10px 0px 15px;}
  .personbox .person-item .email span{background: none;padding-left: 0;}
  .honour-page .loadmore a{width: 200px;}
  .person-intro .leftbox{height: auto;width: 100%;padding: 30px 0px;}
  .person-intro .rightbox{width: 100%;}
  .about-news .news-title{padding-right: 30px;margin-left: 15px;}
  .about-news .about-list{padding: 85px 15px 15px;}
  .about-news .about-list .item{height: auto;}
  .about-news .about-list .info{padding-bottom: 10px;}
  .about-news .about-list .img-block{width: 130px;height: 100px;}
  .about-news .about-list .name{font-size: 16px;}
  .about-news .about-list .summary{font-size: 14px;line-height: 24px;min-height: 48px;margin: 0;}
}