.video-close {position: absolute;width: 50px;height: 50px;background: #fff url(../images/kol/close-icon.png) no-repeat;top: 0;right: 0px; right: -50px;border: 0px;}
.modal-backdrop.in { filter: alpha(opacity=80);opacity: .8;}
#videoModal .modal-content { background: #000;}

/* kollist */
.platform{padding:12px 0px}
.platform .social{display: inline-block;width: 25px; height: 25px; border-radius:8px; line-height:26px;}
.platform .text{padding-left:6px;font-weight:bold;font-size:16px}
.platform .social i{font-size:15px;color:#fff;}
.platform .youtube{background:#d60000}
.platform .twitter{background:#1DA1F3}
.platform .instagram{background:#694ACB}
.platform .twitch{background:#64439A}
.platform .facebook{background:#4b6cb3}
.platform .tiktok{background:#000 url(../images/kol/kol_tiktok.png) no-repeat center;background-size:68%}
.kollist{display:grid;grid-template-columns:repeat(4, 1fr);grid-auto-rows auto;grid-column-gap: 10px;grid-row-gap: 10px;position:relative}
.kollist .kol_box{box-shadow:0 1px 3px rgba(34, 25, 25, 0.2);border:1px solid #ddd;background:#fff;position:relative;text-align:center;padding:15px 20px;margin:15px;transition:all 0.5s linear;border-radius:5px}
.kollist .kol_box:hover{box-shadow:0px 0px 15px #f7b3b3;border:1px solid #f7b3b3;transform:translateY(-6px);}
.kollist .kol_box .avatar {padding-top:12px}
.kollist .kol_box .avatar img{width: 150px;height: 150px;border-radius:50%}
.kollist .kol_box .avatar .proof{ font-size: 12px;position: absolute;right: 10px;top: 10px;border: 1px solid #84b976;padding: 2px 8px;border-radius: 17px;color: #50b734;opacity: 0.9;}
.kollist .kol_box .title{padding:5px 0px}
.kollist .kol_box .kolid{color:#666;padding-left:3px;font-weight:normal;font-size:14px}
.kollist .kol_box .name {font-weight: 600;font-size: 16px;color: #333; max-width: 100px;overflow: hidden;display: inline-block;text-overflow: ellipsis;word-break: keep-all;white-space: nowrap; top: 5px; position: relative;}
.kollist .kol_box .industry a{color:#24a9f1;font-size:12px}
.kollist .kol_box .industry a:hover{color:#ae1916;}
.kollist .kol_box .industry span{color:#ddd;padding:0px 4px}
.kollist .kol_box .co_fans_data{display:flex;padding-top:20px;border-top:1px solid #b5b5b5;margin-top:6px}
.kollist .kol_box .co_fans_data .cofans{text-align:center;flex:1;color:#666}
.kollist .kol_box .co_fans_data .cofans .co_title{font-size: 18px;padding-bottom:6px;color:#171717;line-height: 18px;}
.condition{background:#fff;border:1px solid #ddd;padding:15px 20px;margin:0px 15px;display:grid;grid-template-columns: repeat(4, 1fr);grid-auto-rows auto;grid-column-gap: 30px;margin-bottom:12px}
.condition .condsearch{position:relative;}
.condition .condsearch .button {position: absolute;right: 2px;top: 2px;border: 0px;padding: 2px 9px;background: transparent;font-size: 18px; color: #a8a8a8;cursor:pointer}
.condition .condsearch .button:hover{color:#ae1916;}
.condition .kol-tips{width: 190px;padding-top: 12px;position: absolute; z-index: 2;}
.condition .kol-tips span{width: 21px;height: 13px;background-image: url(../images/kol/kol_tips.png);background-position: center center;background-repeat: no-repeat;position: absolute; top: 0px;left: 32px;}
.condition .kol-tips p{padding: 0; background: white;font-size: 14px;color: #666;line-height: 45px;text-align: center;border-radius: 5px;box-shadow: 0 0 5px #b3b3b3;}
.condition .kol-tips p a{color: #24a9f1;}
.condition .kol-tips p a:hover{color:#ae1916;}
.warppage{text-align:center}
.warppage .record{display:inline-block;position: relative;top: -31px;padding-right: 13px;color: #666;}
.data_loading{width:150px;height:400px;position:absolute;width:100%;}
.data_loading .loader-black{margin-top:156px;background:transparent;position:relative;z-index:1}
.data_loading .ball-clip-rotate{width:60px;height:60px;opacity: 0.6;}
.authority {background: url(../images/kol/kol_bg.png) no-repeat center top;height: 480px;color:#ed1b33;display: flex;justify-content: center;align-items: center;font-size: 40px;}
.authority a{color:#ed1b33;}
.authority a:hover{text-decoration:underline}
.authority span{color:#666}
.authority p{padding-top:179px}
@media screen and  (max-width:786px){
.kollist{display:grid;grid-template-columns: repeat(1, 1fr);}
.condition{grid-template-columns: repeat(1, 1fr);grid-row-gap:20px;}
.authority p {padding-top:54px;}
.authority{height: 180px;font-size:18px;background-size: 100%;}
}


.pagination>li>a, .pagination>li>span{margin: 0px 5px; border-radius: 4px;height: 34px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #f55345; border-color: #f55345;}
.pagination>li>a, .pagination>li>span{color:#000;}
.pagination .vipitem a{background: #ffffff url(../images/kol/kol_vip.svg) no-repeat;background-position: center;font-size: 0;line-height: 0;padding: 0px 17px;}


/* koldetails */
.kol-details .block_box {border: 0px solid #E3E4E8;box-shadow:0 3px 6px rgba(34, 25, 25, 0.1); border-radius: 0;background:#fff;min-height:100px;margin:15px;display:flex;padding:30px 0px;flex-wrap: wrap;}
.kol-details .block_box .boxhead {padding:0px 40px;text-align: center;max-width: 238px;}
.kol-details .block_box .avatar {position:relative}
.kol-details .block_box .avatar img{width: 150px;height: 150px;border-radius:50%}
.kol-details .block_box .proof{ font-size: 12px;border: 1px solid #84b976;padding: 2px 8px;border-radius: 17px;color: #50b734;opacity: 0.9;}
.kol-details .platform {position:absolute;bottom:0px; right: 0px;}
.kol-details .platform .social{width:40px;height:40px;border-radius:50%;line-height: 50px;}
.kol-details .platform .social i{font-size:28px}
.kol-details .block_box .detail_right{width:60%}
.kol-details .block_box .detail_right .detr_header{padding-bottom:16px}
.kol-details .block_box .detail_right .title{padding:5px 0px}
.kol-details .block_box .detail_right .kolid{color:#666;padding-left:3px;font-weight:normal;font-size:18px}
.kol-details .block_box .detail_right .name {font-weight: 600;font-size: 30px;color: #333;}
.kol-details .block_box  .detail_right .coltext{width:30%;display: inline-block;padding:3px 0px}
.kol-details .block_box  .detail_right .coltext i{color:#888}
.kol-details .block_box  .data_report{border-top:1px solid #ddd;width:100%;margin: 45px;margin-bottom:0px;text-align:center}
.kol-details .block_box  .data_report li{display:inline-block;width:33%;padding-top:30px}
.kol-details .block_box  .data_report .digita{font-size:38px;color:#EE4658;font-family: "NotoSansHans";margin-top: 7px;/*margin-left: 20px;*/}
.kol-details .block_box  .data_report .digita i{font-weight:normal;font-size:17px;padding-left:5px}
.kol-details .block_box  .data_report .rep_title{color:#666;font-size:16px}
.kol-details .block_box .data_report .circle {width:100px;height: 100px;margin: auto;font-size: 31px;color: #c4bfbf;background:url(../images/kol/kol_icon.png) no-repeat;opacity:0.8}
.kol-details .block_box .data_report .icon_a{background-position: center 4px}
.kol-details .block_box .data_report .icon_b{background-position: center -133px}
.kol-details .block_box .data_report .icon_c{background-position: center -283px}
.kol-details .block_box .data_report .icon_like{background-position: center -453px}
.kol-details .block_box .data_report .icon_rank{background-position: center -632px}
.kol-details .block_box .data_report .icon_post{background-position: center -798px;}
.kol-details .block_box .dr_four li{width:24%}

.kol-details .block_main{display:flex;}
.kol-details .blockmain_box{border: 0px solid #E3E4E8; box-shadow:0 3px 6px rgba(34, 25, 25, 0.1); border-radius: 0px;background:#fff;flex:1;margin:15px;padding:20px 30px;min-height: 160px;}
.kol-details .blockmain_box .title{font-size:16px;color:#6d6d6d;position:relative;font-weight:bold;}
.kol-details .blockmain_box .title .small{font-size:15px;font-weight:normal;color:#a4a4a4;padding-left:12px}
.kol-details .blockmain_box .title p{position:absolute;right:0px;top:0px;font-size:14px;font-weight:normal}
.kol-details .blockmain_box .title p span{margin-left:10px;cursor:pointer;padding:5px 2px}
.kol-details .blockmain_box .title .active{color: #EE4658;border-bottom:2px solid #EE4658;font-weight:bold}
.kol-details .blockmain_box .before{padding-top:22px; text-align: center;}
.kol-details .blockmain_box .before strong{font-size:32px;text-decoration:underline}
.kol-details .blockmain_box .before span{font-size:16px;padding-left:12px;color:#6d6d6d}
.kol-details .blockmain_box .star {padding:12px 0px;text-align: center;}
.kol-details .blockmain_box .star span{font-size:25px;padding-left:12px}
.kol-details .blockmain_box .star i{font-size:25px;color:#EE4658}
.kol-details .blockmain_box .star .fa-star-o{color:#e8e8e8}
.kol-details .blockmain_box .text{color:#666; text-align: center;}
.kol-details .blockmain_box .table{margin-top:22px;margin-bottom:0px}
.kol-details .blockmain_box .table > thead > tr > th{background:#fff;padding:14px 15px}
.kol-details .blockmain_box .table > tbody > tr > td{font-size:16px;padding:18px 15px;border:0px;border-top: 1px solid #f2f2f2;}
.kol-details .blockmain_box .longup{color:#47bd36;font-size:14px;padding-left:6px}
.kol-details .blockmain_box .longdown{color:#ea6153;font-size:14px;padding-left:6px}
.kol-details .blockmain_box  .data_report{margin: 45px;margin-bottom:0px;text-align:center}
.kol-details .blockmain_box  .data_report li{display:inline-block;width:33%;padding-top:10px}
.kol-details .blockmain_box  .data_report .digita{font-size:23px;font-family: "NotoSansHans";}
.kol-details .blockmain_box  .data_report .rep_title{color:#666;font-size:14px;padding-top:12px}
.kol-details .blockmain_box .dataimg{background: url(../images/kol/kol_bg1.jpg) no-repeat center;}
.kol-details .blockmain_box .data_channel{background: url(../images/kol/kol_bg2.jpg) no-repeat center top;height:510px}
.kol-details .data_acth{background: url(../images/kol/kol_bg3.jpg) no-repeat center top;height:260px;width: 100%;}
.kol-details .blockmain_box .dataimg p,
.kol-details .data_acth p,
.kol-details .blockmain_box .data_channel p{padding-top: 0px;}
.kol-details .blockmain_box .dataimg,
.kol-details .blockmain_box .data_channel,
.kol-details .data_acth{font-size: 32px;margin-top: 30px;}


.video-box {display:grid;grid-template-columns: repeat(5, 1fr);grid-auto-rows auto;grid-column-gap: 30px;grid-row-gap: 10px;margin-top:22px}
.video-item[data-toggle*="modal"] {cursor:pointer;}
.video-item .video-head{position:relative;overflow: hidden;max-height:315px;background:#000}
.video-item .video-head img{width: 100%;}
.video-item .item-title {margin-top: 8px; padding: 0px;font-size: 13px;color: #000;height:40px;overflow:hidden}
.video-item time{color:#666;font-size:13px;color:#666}
.video-item .btn-link_i {opacity: 0;filter: alpha(opacity=0);position: absolute;top: 50%;left: 50%; width: 50px;height: 50px;margin: -25px 0 0 -25px;background: url(../images/kol/kol_icon_play.png) no-repeat;transform: scale(2); backface-visibility: hidden;transition: all .25s ease-out;background-size: 100%;}
.video-item  .item-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .3s ease-out; opacity: 0; background: #000;border-top-left-radius: 6px;border-top-right-radius: 6px;filter: alpha(opacity=0);}
.video-item:hover .item-mask {opacity: .5;background: #000; filter: alpha(opacity=50);}
.video-item:hover .btn-link_i{opacity:1;filter: alpha(opacity=100);width:20px;height:20px;margin: -10px 0 0 -10px;background-size: 100%;}


.video-retweet {position: absolute;color: #fff;background: #00000082; width: 100%; text-align: center;display:flex;bottom: 0px;}
.video-retweet span{flex:1;padding: 6px 10px; }
.video-retweet i{margin-right:3px;}

@media screen and  (max-width:786px){
.kol-details .block_box .boxhead{margin:auto;}
.kol-details .block_box .detail_right {width: 91%;margin: auto;}
.kol-details .block_box .detail_right .detr_header{text-align:center}
.kol-details .block_box .detail_right .coltext{width:32%}
.kol-details .block_box .detail_right .time{width:100%}
.kol-details .block_box .data_report{margin:0px;margin-top:12px}
.kol-details .block_box .data_report li{width:32%;padding-top:15px}
.kol-details .block_box .dr_four li { width: 24%;}
.kol-details .block_box .data_report .circle{background-size:50px;width:60px;height:60px}
.kol-details .block_box .data_report .icon_b {background-position: center -62px;}
.kol-details .block_box .data_report .icon_c {background-position: center -137px;}
.kol-details .block_box .data_report .icon_like {background-position: center -223px;}
.kol-details .block_box .data_report .icon_rank{background-position: center -310px;}
.kol-details .block_box .data_report .icon_post{background-position: center -388px;}

.kol-details .block_box .data_report .digita{font-size: 14px;margin-left: 0px;font-weight: bold;}
.kol-details .block_box .data_report .digita i{font-size: 14px;}
.kol-details .block_box .data_report .rep_title{font-size:14px}
.kol-details .block_main{display:block}
.kol-details .blockmain_box{padding:12px 6px;min-height:auto}
.kol-details .blockmain_box .data_report{margin: 18px 0px;}
.kol-details .blockmain_box .data_report .digita{font-size:14px;font-weight: bold;}
.kol-details .blockmain_box .data_report .rep_title {font-size: 12px;padding-top: 4px;}
.kol-details .blockmain_box .data_report li{width:32%;padding-top: 10px;}
.kol-details .block_box{padding-bottom: 25px;}
.kol-details .blockmain_box .table{margin-top:0px}
.kol-details .blockmain_box .dataimg img{width:100%}
.kol-details .blockmain_box .title .small{display:none}
.kol-details .block_box,
.kol-details .blockmain_box{margin:6px}
.table-responsive{border:0px}
.kol-details .blockmain_box .dataimg,
.kol-details .blockmain_box .data_channel,
.kol-details .data_acth{font-size:16px;background-size: 100%;height: 82px;}

.video-close {right: 0px;top: -42px;width: 30px;height: 30px;background-size: 100%;}	
.video-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 10px;
    margin-top: 22px;
}

}