@charset "gb2312";
/* CSS Document */
/*
* Description: 潮职 达人说-第三季
* Update:      04/04/2023
* Author:      xuyongmei
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background: #e9e9e9;color:#333;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1180px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
img{display:block;}
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}

/*banner*/
.banner{width:100%;height:330px;background: url(../images/banner.jpg) center top no-repeat;overflow: hidden;}

.banner span{display: block;}
.ban_01{width: 940px;height: 122px;background: url(../images/ban_01.png) no-repeat;margin: 78px 0 0 143px;}
.ban_02{width: 80px;height: 31px;background: url(../images/ban_02.png) no-repeat;margin: 25px 0 0 27px;}

/*栏目介绍*/
.jies_wrap{width:100%;height:1050px;background: url(../images/jies_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 176px;}

.jies_wrap img{width: 754px;height: 673px;margin: 0 auto;}

.title{overflow: hidden;}
.title img{margin: 0 auto;}

/*视频部分*/
.mcon_wrap{width:100%;height:878px;background: url(../images/mcon_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 160px;}

.video_m{width:1160px;height:470px;background-color:#000;margin: 50px auto 0;}
.video_l{float: left;width: 765px;height:445px;margin-left: 10px;overflow: hidden;}
.video_lul{width: 765px;height: 445px;margin:15px auto 0;display: none;}
.video_con{width: 765px;height: 445px;}
.video_con body{margin: 0;}

.video_r{float: left;width: 367px;height: 502px;margin: 12px 0 0 15px;}

.vr_til{width:342px;height: 46px;background: url(../images/line.png) center bottom no-repeat;margin-bottom: 18px;}
.vr_til span{float: left;width: 140px;height: 46px;line-height: 46px;font-size: 20px;color: #c9c8c8;text-align: center;font-weight:bold;letter-spacing: 2px;cursor: pointer;margin: 0 15px;}
.vr_til span.cur{color:#ffae1b;background: url(../images/i1.png) center bottom no-repeat;}

.vr_b{width:367px;height: 394px;overflow-y: auto;}
/*滚动条整体样式*/
.vr_b::-webkit-scrollbar {width:4px;}
/*滚动条里面小方块样式*/
.vr_b::-webkit-scrollbar-thumb {border-radius: 4px;-webkit-border-radius: 4px;background-color: #eb9c0c;}
/*滚动条里面轨道样式*/
.vr_b::-webkit-scrollbar-track {background: transparent;}

.vr_bul{width:360px;display: none;overflow: hidden;}
.vr_b li{overflow: hidden;margin-bottom: 20px;cursor: pointer;}
.vr_bul li img{float: left;width: 178px;height: 100px;}
.vr_br{float: left;width: 165px;margin-left: 10px;overflow: hidden;}
.vr_br p{line-height: 22px;font-size: 12px;color: #c9c8c8;overflow: hidden;margin-top: 12px;}
.vr_br2 p,.vr_br4 p{margin-top: 22px;}
.vr_br3 p{margin-top: 10px;}
.vr_br p i{display:block;line-height: 24px;font-size: 14px;}
.vr_br3 p i,.vr_br4 p i{line-height: 18px;margin-bottom: 2px;}
.vr_br5 p{margin-top: 32px;}
.vr_b li.cur p{color: #ffae1b;}

/*往期回顾*/
.hgu_wrap{width:100%;height:773px;background: url(../images/hgu_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 40px;}

.til_ul{width: 1160px;height: 48px;display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
  margin: 45px auto 0;overflow: hidden;}
.til_ul li{flex: 1;height: 48px;line-height:48px;font-size:20px;font-weight:bold;color:#e7e8ef;text-align:center;letter-spacing:1px;background-color:#20263d;border-right:1px solid #393f54;cursor: pointer;overflow: hidden;}
.til_ul li.cur{color:#fff;background-color: #1c3899;}

.vr_til2{position: relative;}
.vr_til2 span{display: table;width: auto;}
.s_bull{display: inline-block;vertical-align: middle;text-decoration: none;font-size: 14px;margin: -3px 2px 0;}
.arr{display: inline-block;vertical-align: middle;width: 9px;height: 7px;background: url(../images/arr1.png) no-repeat;margin-left: 5px;}
.arr2{background-image: url(../images/arr2.png);}

.bol{width: 122px;height: auto;background: url(../images/bol.png) center top no-repeat;position: absolute;top: 48px;left: 15px;z-index: 9;overflow: hidden;padding-top: 8px;display: none;}
.bol_in{background-color: #1e2126;padding: 14px 0;}
.bol_in li{height:36px;line-height:36px;font-size: 14px;text-align: center;color: #a1a6a6;letter-spacing: 1px;cursor: pointer;}
.bol_in li .s_bull,.vr_bul li .s_bull {font-size: 12px;}
.bol_in li.cur{color: #34eacd;}

.video_m2{margin-top: 0;}