@charset "utf-8";
 
.ytb_00{
	background: linear-gradient(73deg, #000000, #000056);
	color: white;
}
.ytb_00 .ytb_01{}
.ytb_00 .ytb_02{}
.ytb_00 .ytb_03{
    margin-top: 90px;
}
.ytb_00 .ytb_04{} 
.ytb_01{
    
}
.ytb_01 .layout{}

.youtube .crumbs_warp{background-color: #2f2f3b;}
.youtube .crumbs_warp .layout .item a{color: #fff;}
.crumbs_warp .layout .item{color: #fff;}

.ytb_02{}
.ytb_02 .layout{
    max-width: 1660px;
    background-color: white;
    color: #191919;
    padding-bottom: 80px;
    border-radius: 17px;
}
.ytb_02 .btu{
    margin-top: 80px;
    display: inline-block;
    border-radius: 50px;
    padding: 1% 4%;
}
.ytb_02 .tit_01{
    text-align: center;
    font-family: Source Han Sans CN VF;
    padding: 70px 0 50px;
    background: url(../img/pc/youtube/title_bg.png) no-repeat center 40px;
}
.ytb_02 .tit_01 .h3{
    font-weight: 500;
    font-size: 36px;
    color: #191919;
    font-family: Medium;
}
.ytb_02 .tit_01 .p{
    font-weight: 400;
    font-size: 18px;
    color: #191919;
    line-height: 30px;
}
.ytb_02 .ytb_02List{
    max-width: 1440px;
    margin: 0 auto;
    width: 95%;
}
.ytb_02List{
    border: 1px solid rgba(25,25,25,.2);
    display: flex;
    flex-wrap: wrap;
}
.ytb_02List li{
    width: 20%;
    text-align: center;
	border-right: 1px solid rgba(25,25,25,.2);
}
.ytb_02List li:last-of-type{border-right:0}
.ytb_02List li .t_top{
    margin-top: 30px;
}
.ytb_02List li .t_top .number{
    font-family: Arvo;
    font-weight: bold;
    font-size: 100px;
    color: #191919;
    opacity: 0.09;
    line-height: 90px;
}
.ytb_02List li .t_top .h3{
    font-weight: 500;
    font-size: 24px;
    color: #191919;
    position: relative;
    margin-top: -37px;
}
.ytb_02List li .p1{
    font-weight: 400;
    font-size: 16px;
    color: #191919;
    line-height: 30px;
    opacity: 0.69;
    width: 90%;
    margin: 0 auto;
    margin-top: 28px;
    height: 120px;
    overflow-y: auto;
}
.ytb_02List li .pic{
    width: 92px;
    height: 92px;
    line-height: 92px;
    text-align: center;
    background: #2366FE;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 23px;
    margin-top: 50px;
    margin-bottom: 40px;
}
.ytb_02List li .pic img{height: 92px;}
.ytb_02List li .pic .img_01{
    display: block;
}
.ytb_02List li .pic .img_02{
    display: none;
}

.ytb_02List li:hover .pic{background-color:white}
.ytb_02List li:hover .number{color: #fff;}
.ytb_02List li:hover .pic .img_01{
    display: none;
}
.ytb_02List li:hover .pic .img_02{
    display: block;
}
.ytb_02List li:hover{
	background: linear-gradient(0deg, #0059EB, #458AFC);
	color:white
}
.ytb_02List li:hover .t_top .h3,
.ytb_02List li:hover .p1{
	color:white;
	opacity:1
}
.ytb_03{}
.ytb_03 .layout{
    padding-bottom: 80px;
}
.ytb_03 .tt_top{
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ytb_03 .tt_top .tt_l{}
.ytb_03 .tt_top .tt_l .h3{
    font-family: Source Han Sans CN VF;
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
}
.ytb_03 .tt_top .tt_l .p1{
    font-family: Source Han Sans CN VF;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 10px;
}
.ytb_03 .tt_top .tt_r{
    max-width: 74%;
    padding-top: 21px;
}
.ytb_03 .tt_top .tt_r a{
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,.30);
    line-height: 55px;
    font-family: Source Han Sans CN VF;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    display: inline-block;
    padding: 0 20px;
    margin-right: 7px;
    margin-bottom: 11px;
}
.ytb_03 .tt_top .tt_r a:hover{
    background: #FF0034;
}
.ytb_03 .tt_top .tt_r a.active{
    background: #FF0034;
}
.ytb_03 .ytb_03_01{
    margin-top: 90px;
}
.ytb_03_01{
    /* display: flex; */
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    display: none;
}
.ytb_03_01 .list{
    width: 35%;
}
.ytb_03_01 .list li{
    margin-bottom: 30px;
}
.ytb_03_01 .list li .h3{
    font-family: Source Han Sans CN VF;
    font-weight: 500;
    font-size: 18px;
    color: #FEFEFE;
    line-height: 25px;
    position:relative;
    padding-left: 15px;
}
.ytb_03_01 .list li .h3:before{
	content:'';
	width: 2px;
	height: 13px;
	background: #FF0034;
	position: absolute;
	left: 0;
	top: 7px;
}
.ytb_03_01 .list li .p1{
    font-family: Source Han Sans CN VF;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    opacity: 0.49;
    margin-top: 8px;
}
.ytb_03_01 .scImg{
    width: 50%;
    padding-bottom: 33%;
}
.ytb_03_01 .scImg img{
    object-fit: contain;
    object-position: center;
} 

.social_advantage {background: url(../img/pc/youtube/bg_01.webp) no-repeat center/cover;}
.social_advantage .title_warp .title{color: #191919;}
.social_advantage .title_warp .desc{color: #191919;}
@media only screen and (max-width: 950px) {
	.ytb_01 .h3{font-size:24px}
	.ytb_01 .p1{font-size:16px;line-height: 1.5;}
	.ytb_01{padding:50px 0}
	.ytb_02List li{width:100%;border: 1px solid rgba(25, 25, 25, .2);margin-bottom: 25px;}
	.ytb_02List li .p1{height:auto}
	.ytb_02List{border:none}
	.ytb_03 .tt_top .tt_l{width:100%}
	.ytb_03 .tt_top .tt_r{width:100%;max-width: 100%;}
	.ytb_03 .tt_top .tt_r a{line-height:40px;font-size:16px}
	.ytb_03_01{}
	.ytb_03 .ytb_03_01{margin-top:30px}
	.ytb_03_01 .list{width:100%}
	.ytb_03_01 .scImg{width:100%;padding-bottom: 66%;}
}