.flex-container{display:flex;flex-direction:row;width:100%}.flex-container>div{padding:1rem}.flex-container>.playleft{width:360px;height:auto;padding:20px}.flex-container>.playright{flex:auto;max-width:1140px}.pl_mob_spacer{height:60px}.pl_ch_img{width:25px;vertical-align:middle}.pl_thumb_img{width:100%;height:auto;border-radius:10px}.pl_rdate_badge{padding:1px 3px;font-size:12px;height:17px;line-height:15px;min-width:80px;white-space:nowrap}.pl_rdate_today{background:red}.pl_rdate_recent{background:#c24d25}.pl_rdate_icon{width:13px;vertical-align:middle;margin-bottom:2px}.pl_rdate_empty{padding:0 3px;height:17px;min-width:80px}.pl_ac_icon{padding-right:5px}.pl_video_thumb{width:100%;height:100%;max-height:180px;border:1px solid rgba(150,150,150,.5);box-sizing:border-box}.pl_left_inner{height:100%}.pl_blur_bg{filter:blur(50px) opacity(.3);width:120%;height:300px;background-size:200%;background-position:-50px -50%;background-repeat:no-repeat;background-color:#00000080}.pl_content_overlay{position:absolute;z-index:2;top:10px;left:0}.pl_play_all_text{padding-top:27%}.pl_btn_play{font-size:14px;font-weight:400;padding:.4em 15% .42em}.pl_btn_icon_wrap{vertical-align:top;margin-bottom:2px}.pl_btn_play_svg{width:16px}.pl_btn_text{vertical-align:top}.pl_btn_channel{font-size:14px;font-weight:400;padding:.42em 5% .44em;margin-left:3%}.pl_divider{height:20px;border-bottom:2px dashed #888}.pl_related_box{margin-top:40px;border:1px solid #000;box-shadow:0 10px 10px #555;padding:10px;border-radius:10px}.pl_related_label{padding:10px 0}.pl_login_hint{margin:10px}.pl_num_cell{padding:0}.pl_click_count{padding-left:30px}.temp_img_box{overflow:auto}.tempPicBox{position:relative;cursor:pointer}.tempPicBox_ly{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;text-align:center;border-radius:10px;display:none}.tempPicBox:hover .tempPicBox_ly{display:block}.playleftList{position:sticky;top:120px;min-height:5%;height:900px;overflow:hidden;padding:25px 0;border-radius:15px;background:#000000b3}.playleftList>div{width:90%;padding:0 5%}.playleftList>div>div{color:#fff;padding:5px 0}.playleftList .totYellow{padding-left:30px;color:#ff0;display:inline-block}.playleftList .playListAll{width:100%;max-height:165px;overflow-y:auto;border-radius:5px;background:#ddd}.playleftList .playListAll .playListS{padding:5px 5px 5px 25px;cursor:pointer;position:relative;background:#ffffffb3;color:#000;border-bottom:1px solid #ddd}.playleftList .playListAll .playListS.BgOn:after{content:"";position:absolute;top:2px;left:3px;background:url(/dist/assets/icon-C9dmcNk7.svg) 5px -32px no-repeat;width:30px;height:20px}.playleftList .playListAll .playListS.BgOn{background:#ddd;color:#000}.playleftList .playListAll .playListS:hover,.playleftList .playListAll .playListS.BgOn:hover{background:#e3ecff;color:#000}.scroll_6px::-webkit-scrollbar{width:6px}.scroll_6px::-webkit-scrollbar-thumb{height:30%;background:#999;border-radius:10px}.scroll_6px::-webkit-scrollbar-track{background:#ffffffb3;border-radius:10px}.playrightTitle{padding:15px 20px;border-radius:10px;background:#9696961a;margin-bottom:10px;position:relative}.playrightTitle>div{position:absolute;top:17px;right:15px;padding-bottom:0}.playrightList{padding:5px;cursor:pointer;border-radius:10px;margin:2px 0}.playrightList.bg_red{background:#ffd5d54d}.playrightList:hover{background:#9696961a}.playrightList .tbl_noline div span{font-size:18px}.playrightList .tbl_noline div span.pl_rdate_badge{font-size:12px}.playrightList .tbl_noline div.play_time span{font-size:13px}.playrightList .tbl_noline td.playlistPic{width:200px;position:relative;text-align:center}.playrightList .tbl_noline td.playlistText div{padding-top:3px}.playrightList .tbl_noline td.playlistText div:first-child{padding-bottom:5px}@media all and (max-width:1250px){.flex-container>.playleft{width:450px;height:auto;padding:20px}.flex-container>.playright{flex:auto}.flex-container>div{padding:1rem .2rem}.playleftList .totYellow{padding-left:50px}}@media all and (max-width:920px){.flex-container>.playleft{display:none}.flex-container>.playright{flex:100%;width:100%}.flex-container>div{padding:1rem .2rem}.playrightTitle>div{position:relative;text-align:right;padding-bottom:10px}.playrightList .tbl_noline td.playlistPic{width:35%}.playrightList .tbl_noline div.play_time span{font-size:11px}.playrightList .tbl_noline div span{font-size:14px}.playrightList .tbl_noline td.playlistText div{padding-top:1px}}