body{background: #f5f5f7;}
.select_bar{height: 60px;background: #fff;line-height: 60px;margin-top: 30px;}
.select_bar .cateList li{float: left;font-size: 18px;height: 60px;width: 120px;text-align: center;line-height: 60px;position: relative;}
.select_bar .cateList li a{color: #4b4d4f;}
.select_bar .cateList li.curr a,.select_bar .cateList li:hover a{color: #0084ff; }
.select_bar .cateList li.curr:after ,.select_bar .cateList li:hover:after{transform: scale(1);}
.select_bar .cateList li.curr:after{content: "";display: inline-block;width: 60px;height: 4px;background: #3377ff;position: absolute;bottom: 10px;left: 50%;margin-left: -30px; }
.select_bar .cateList li:after{content: "";display: inline-block;width: 60px;height: 4px;background: #3377ff;position: absolute;bottom: 10px;left: 50%;margin-left: -30px;  transform: scale(0);transition: .3s all;}

.select_bar .sele_r{padding-right: 25px;}
.select_bar .sele_r dl.state{position: relative;min-width: 100px;}
.select_bar .sele_r dl.state dt a{color: #0084ff;display:inline-block;width:100px;text-align:center;font-size: 14px;}
.select_bar .sele_r dl em {position: absolute;right: 3px;top: 27px;display: inline-block;width: 0;height: 0;border: 6px solid transparent;border-top-color: #D7D7D7;vertical-align: middle;margin-left: 8px;transition: all .3s;}
.select_bar .sele_r dl:hover em{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin: center 2px;transform-origin: center 2px;}
.select_bar .sele_r .ModuleBox {position:absolute;top:52px;left:-13px;min-width: 97px;background: #fff;animation: topFadeIn .3s ease-out;z-index: 10;padding:10px 20px;display: none;box-sizing: border-box;}
.select_bar .sele_r .ModuleBox{width: 155px;height: 160px;box-shadow: 0px 3px 37px 0px rgba(23, 25, 79, 0.11);border: 1px solid #ebebed;margin-left: -16px;overflow-y: auto;}
.select_bar .sele_r .ModuleBox::-webkit-scrollbar {width: 10px;height: 13px;background: #eee;}
.select_bar .sele_r .ModuleBox::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px #a0a0a0;background: #a0a0a0;}
.select_bar .sele_r .ModuleBox::-webkit-scrollbar-track {background: none;}
.select_bar .sele_r .ModuleBox a{display: block;text-align:left;font-weight: 500;color: #5e5e5e;font-size:16px;box-sizing: border-box;padding-left: 20px;height: 40px;}
.select_bar .sele_r .ModuleBox a:hover{color: #0084ff;}
/*.select_bar .sele_r .sort{padding-right: 25px;}*/
/*.select_bar .sele_r .sort span{display:inline-block;width:100px;text-align:center;color: #4b4d4f;font-size: 14px;cursor: pointer;}*/
/*.select_bar .sele_r .sort span.curr,.select_bar .sele_r .sort span:hover{color: #0084ff}*/
.filter .container{display: none;padding-bottom: 100px;}
.filter .container.show{display: block;}


.zhuBo_Box{padding: 30px 0 20px;}
.zhuBo_Box ul li{width: 182px;height: 200px;float:left;background: #fff;position: relative;margin-right: 21px;margin-bottom: 60px;}
.zhuBo_Box ul li:nth-child(6n){margin-right: 0;}
.zhuBo_Box ul li:hover{box-shadow: 0px 5px 31px 0px rgba(29, 37, 75, 0.11);}

.zhuBo_Box ul li .img_box{width: 96px;height: 96px;border-radius: 30px;background: #eee;position: absolute;top: -30px;left: 50%;margin-left: -48px;}
.zhuBo_Box ul li .img_box .img{width: 96px;height: 96px;border-radius: 30px;border: 2px solid #ffd477;background: #eee;overflow: hidden;}
.zhuBo_Box ul li .img_box img{width: 100%;height: 100%;object-fit: cover;}
.zhuBo_Box ul li .img_box i{display: inline-block;width: 20px;height: 20px;background: url("../images/on-air.gif") no-repeat;background-size: contain;position: absolute;right: -3px;bottom: -2px;}
.zhuBo_Box ul li .info{margin-top: 85px;}
.zhuBo_Box ul li .info p.name{font-size: 16px;color: #363636;font-weight: bold;text-align: center;}
.zhuBo_Box ul li .info p.name i{display: inline-block;width: 16px;height: 18px;background: url("../images/ic_vip.png") no-repeat;background-size: contain;margin: 0 0 -3px -3px;}
.zhuBo_Box ul li .info p.num{font-size: 12px;color: #a2a5ab;text-align: center;line-height: 35px;}
.zhuBo_Box ul li .info .btn_box{text-align: center;}
.zhuBo_Box ul li .info .btn_box .btn{display: inline-block;cursor:pointer;position:relative;width:90px;height: 34px;border-radius: 17px;background: #f0f1f2;color: #ff853b;font-size: 14px;padding-left:13px;box-sizing:border-box;text-align: center;line-height: 34px;}
.zhuBo_Box ul li .info .btn_box .btn i{display: inline-block;width: 28px;height: 28px;background: url("../images/ic_fol.png") no-repeat;background-size: contain;position: absolute;top: 3px;left: 3px;}
.zhuBo_Box ul li .info .btn_box .btn.curr{background-image: -moz-linear-gradient( 0deg, rgb(255,151,58) 0%, rgb(255,98,37) 100%);color:#fff;padding-left:24px;background-image: -webkit-linear-gradient(0deg, rgb(255,151,58) 0%, rgb(255,98,37) 100%);background-image: -ms-linear-gradient( 0deg, rgb(255,151,58) 0%, rgb(255,98,37) 100%);}
.zhuBo_Box ul li .info .btn_box .btn.curr i{display: inline-block;width: 28px;height: 28px;background: url("../images/ic_fol2.png") no-repeat;background-size: contain;}
.zhuBo_Box ul li .info .btn_box .appo_sec{width: 150px;height: 82px;display:none;box-shadow: 0px 5px 31px 0px rgba(29, 37, 75, 0.11);background: #fff;position: absolute;z-index:10;bottom: -80px;left: 50%;margin-left: -75px;-webkit-animation: popup 0.8s ease-out;-moz-animation: popup 0.8s ease-out;animation: popup 0.8s ease-out;}
.zhuBo_Box ul li .info .btn_box .appo_sec:before{content: "";display:inline-block;background: url("../images/ic_border02.png") no-repeat;width: 250px;height: 7px;position: absolute;top: -8px;left:0;z-index: 2}
.zhuBo_Box ul li .info .btn_box .appo_sec p{line-height: 66px;margin-top: 6px;color: #ff853b;font-size: 14px;}
.zhuBo_Box ul li .info .btn_box .appo_sec p i{display: inline-block;width: 26px;height: 26px;background: url("../images/ic_smile.png") no-repeat;background-size: contain;color: #fff;margin: 0 11px -7px 0;}

.conBox .conList li{float: left;width: 288px;height: 256px;border-radius: 6px;background: #fff;margin-right: 16px;margin-bottom: 30px;overflow: hidden;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;}
.conBox .conList li:hover{  transform: translate3d(0,-8px,0);-o-transform: translate3d(0,-8px,0);-webkit-transform: translate3d(0,-8px,0);transform: -moz-translate3d(0,-8px,0);}
.conBox .conList li:nth-child(4n){margin-right: 0}
.conBox .conList li .img_box{width: 288px;height: 164px;background: #ccc;position: relative;}
.conBox .conList li .img_box img{width: 100%;height: 100%;object-fit: cover;}
.conBox .conList li .img_box i.live{display: inline-block;width: 58px;height: 20px;background: url("../images/on-air2.gif") no-repeat;background-size: contain;position: absolute;top: 14px;right: 14px;z-index: 2}
.conBox .conList li .img_box i.hui{display: inline-block;width: 62px;height: 20px;/* background: url("../images/air3_1.png") no-repeat;background-size: contain; */position: absolute;top: 14px;right: 14px;z-index: 2;background-color: #87CC24; color: #fff; font-style: normal; border-radius: 2px; text-align: center; line-height: 20px;}
.conBox .conList li .img_box i.yu{display: inline-block;width: 40px;height: 20px;/* background: url("../images/air4.png") no-repeat;background-size: contain; */position: absolute;top: 14px;right: 14px;z-index: 2;background-color: #FF853B; color: #fff; font-style: normal; border-radius: 2px; text-align: center; line-height: 20px;}
.conBox .conList li .img_box div.daojishi{display: inline-block;width:68px;height: 20px;background: rgba(0,0,0,0.52);position: absolute;top: 14px;right: 54px;z-index: 2;color: #fff;text-align: center;line-height: 20px;border-radius: 2px 0 0 2px;}
.conBox .conList li .img_box div.code_bg{ display:none;width: 288px;height: 164px;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 6;}
.conBox .conList li .img_box div.code_bg .code{width: 140px;height: 140px;background: #fff;animation: popup .5s ease-out;overflow: hidden;position: absolute;top: 50%;left: 50%;margin: -70px -70px;padding: 6px;box-sizing: border-box;}
.conBox .conList li .info{padding: 12px;overflow: hidden;box-sizing: border-box;}
.conBox .conList li .info p.tit{font-size: 16px;color: #3b3b3b;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.conBox .conList li .info p.tit:hover{color: #0084ff;}
.conBox .conList li .info .user{line-height: 56px;font-size: 14px;color: #a2a5ab; }
.conBox .conList li .info .user .name{max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;}
.conBox .conList li .info .user .u_logo{display: inline-block;width: 30px;height: 30px;border-radius: 50%;overflow: hidden;background: #ccc;margin: 0 8px 14px 0;}
.conBox .conList li .info .user .u_logo img{width: 100%;height: 100%;object-fit: cover; display: block;}
.conBox .conList li .info .user .num{font-size: 12px;color: #a2a5ab;}
.conBox .conList li .info .user .num i{display: inline-block;width: 15px;height: 13px;background: url("../images/ic_look.png") no-repeat;background-size: contain;margin: 0 6px -2px 0;}
.conBox .conList li:hover{box-shadow: 0px 5px 31px 0px rgba(29, 37, 75, 0.11);}


.txtScroll-left{ position:relative;height: 100%; }
.txtScroll-left .hd{ overflow:hidden;position: absolute;width: 100%;top: 19px;}
.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block;    transition: all 0s;  width:30px; height:30px;margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.txtScroll-left .hd .next{ background-position:-35px 0px;  }
.txtScroll-left .hd .prev:hover{background-position:0 -35px; }
.txtScroll-left .hd .next:hover{background-position:-35px -35px;}

.txtScroll-left .bd{width:92%; overflow:hidden;margin-left: 45px; height: 92px;line-height: 92px;}
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; height: 92px;line-height: 92px;}
.txtScroll-left .bd ul li{float:left; height:24px; line-height:24px;  text-align:left; _display:inline;margin-top: 30px;}
.txtScroll-left .bd ul li a{display: inline-block;height: 28px;padding: 0 20px;border-radius: 14px;line-height:28px;border: 1px solid #bec0c4;font-size: 14px;color: #4b4d4f;margin-left: 20px;}
.txtScroll-left .bd ul li a:hover{background: #0084ff;color: #fff;border: 1px solid #0084ff;}
.txtScroll-left .bd ul li span{ color:#999;  }


/*分类导航*/
.select_x{font-size: 18px;color: #4b4d4f;padding: 10px 0 15px;}
.selectList{position: relative; padding-right: 20px;}
.selectList .fir{height: 52px;line-height: 52px; display: inline-block;  /* position: relative; */}
.selectList .fir a{display: inline-block;height: 28px;padding: 0 20px;border-radius: 15px;line-height:28px;border: 1px solid #bec0c4;font-size: 14px;color: #4b4d4f;margin-right: 20px;}
.selectList .fir a.curr,.selectList .fir a:hover{background: #3377ff;color: #fff;border: 1px solid #3377ff;}
.selectList .fir .more{display:inline-block;width: 68px;height: 28px;background: #fafafa;border: 1px solid #e8e8e8;border-radius: 4px;font-size: 14px;color: #8d8e91;line-height: 28px;position: absolute;right: 0;top: 13px;text-align: center;cursor: pointer;}
.selectList .fir .more i{display: inline-block;width: 12px;height: 8px;background: url("../images/more.png") no-repeat;background-size: contain;margin: 0 4px 0 0;transition: all .3s;}
.selectList .fir .more i.on{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.selectList .sec{line-height: 52px;position: relative;display: none;animation: topFadeIn .3s ease-out; }
.selectList .sec a{display: inline-block;height: 28px;padding: 0 20px;border-radius: 14px;line-height:28px;border: 1px solid #bec0c4;font-size: 14px;color: #4b4d4f;margin-right: 20px;}
.selectList .sec a.curr,.selectList .sec a:hover{background: #3377ff;color: #fff;border: 1px solid #3377ff;}
.selectList .sec.show{display: inline;}

.empty{text-align: center; padding: 50px;}
.page_info{display: none;}
.btn-link__hover_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/play-icon_fbf7f.png) no-repeat;transform: scale(1.5);backface-visibility: hidden;transition: all .25s ease-out;}
.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;}
.conBox .conList li:hover .btn-link__hover_i{ opacity: 1;filter: alpha(opacity=100);transform: scale(1)}
.conBox .conList li:hover .item-mask{background: #000;opacity: .5;filter: alpha(opacity=50)}