@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;}

.bg-v2-01{ width:100%;height:821px;background: url(../images/bg_v2_01.png) center top no-repeat;overflow: hidden;}
.bg-v2-01 .content{ width: 840px; padding-left: 30px; margin: 0 auto; font-size: 22px; color: #fff; padding-top: 695px; line-height: 35px; }
.bg-v2-01 .content span{ padding: 0 5px; display: inline-block; height: 33px; line-height: 33px; background: #000000; border-radius: 6px; margin-right: 5px;}
.bg-v2-01 .content b{ color: #FFDE00; }



/*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;}

/*视频部分*/

.bg-v2-02{ width:100%;height:1076px;background: url(../images/bg_v2_02.png) center top no-repeat;overflow: hidden;}

.mcon_wrap{width:100%; overflow: hidden;}

.video_m{width:999px;height:390px;background-color:#000;margin: 30px auto 0; border-radius: 21px;}
.video_l{float: left;width: 612px;height:370px;margin-left: 10px;overflow: hidden;}
.video_lul{width: 622px;height: 370px;margin:15px auto 0;display: none;}
.video_con{width: 622px; height: 370px;}
.video_con body{margin: 0;}

.video_r{float: right;width: 322px; height: 352px;margin: 12px 0 0 0;}

.vr_til{width:281px;height: 46px;margin-bottom: 18px; border-bottom: #8C8C8C 1px solid;}
.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;}
.vr_til span.cur{color:#34EACD;}

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

.vr_bul{width:322px;display: none;overflow: hidden;}
.vr_b li{overflow: hidden;margin-bottom: 20px;cursor: pointer;}
.vr_bul li img{float: left;width: 133px;height: 75px;}
.vr_br{float: left;width: 137px;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: #34EACD;}

/*往期回顾*/
.hgu_wrap{width:100%; overflow: hidden;}

.til_ul{width: 999px;height: 43px;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: 190px auto 0;overflow: hidden;}
.til_ul li{flex: 1;height: 43px;line-height:43px;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:#000;background-color: #12CBAD;}

.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; border-top-left-radius: 0; border-top-right-radius: 0;}

.bg-v2-03{ width:100%;height:794px;background: url(../images/bg_v2_03.png) center top no-repeat;overflow: hidden;}
.bg-v2-03 .code{ width: 552px; margin: 338px auto 0; position: relative;}
.bg-v2-03 img{ width: 246px; height: 246px; position: absolute; }
.bg-v2-03 .code2{ right: 0; }