@charset "utf-8";

.sp_s6,.footer_job ul #newkey_144 .newkey_144:before,.so label:before,.liveList_sys_wap .item .hd .isjingshang:before,.liveList_sys_wap .item .n_img a .sp .picnum:before,.liveList_sys_wap .item .foot_s6 a:before,.index_tab_s6 .item.current:before,.liveList_sys_wap .item .hd .zhongjie:before,.liveList_sys_wap .item .hd .geren:before,.liveList_sys_wap .item .hd .ismingqi:before,.liveList_sys_wap .item .hd .isrenzheng:before,.liveList_sys_wap .item .address .inner:before,.liveList_sys_wap_sj .item .btn_tel_po,.liveList_sys_wap_sj .item .keyuyue:before,.minglu_ruzhu:before,.sjbox .sjbox_h .txt .address:before,.sjbox .sjbox_f a:before,.footer_job_xq li a:before,.sjbox .sjbox_h .txt .tit .shang.isjingshang:before,.sjbox .sjbox_h .txt .tit .shang.isrenzheng:before,.MiniFileList li.isvideo:before,.footer_job_xq .yuyue .a:before,.yuyue_jilu li a:before,.live_jubao .s:before,.live_comment .ft .btn_add:before { background: url(../images/live_v10/live_s6_sp.png) no-repeat 0 0/400px auto;}

.footer_job_sjxq .inner a i { background: url(../images/live_v10_sp_wap.png?m=20200722) no-repeat 0 0/250px auto;}

.mask_transparent { position: fixed; z-index: 9999; top: 0; bottom: 0; left: 0; right: 0; background-color: transparent;}

.whiteWrap { background-color: #fff; border-radius: 10px; margin: 10px 15px 0;}

.MiniFileList { display: none; overflow: auto; -webkit-overflow-scrolling: touch; margin-bottom: 15px;}
.MiniFileList::-webkit-scrollbar { display: none;}
.MiniFileList ul { display: table;}
.MiniFileList li { display: table-cell; position: relative; z-index: 1; padding: 0 10px 0 0;}
.MiniFileList li.isvideo:before { display: block; content: ''; width: 40px; height: 40px; background-position: -244px 0px; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -24px;}
.MiniFileList li img { width: 120px; height: 90px; border-radius: 8px;}
.MiniFileList li:last-child { padding: 0;}

body .footer_job { box-shadow: 0px 3px 20px 0px rgba(137,148,143,.3); left: 30px; right: 30px; width: auto; bottom: 10px; border-radius: 27px;}
.footer_job ul { padding: 0 32% 0 2%;}
.footer_job ul #newkey_144 { position: absolute; right: 7px; top: 7px; width: 30%;}
.footer_job ul #newkey_144 .newkey_144 { margin: 0; background: linear-gradient(270deg, #56DFA7 0%, #0CBB73 100%); box-shadow: 0px 5px 10px 0px rgb(12 187 115 / 30%); border-radius: 20px; color: #fff; font-size: 16px; line-height: 40px; padding: 0;}
.footer_job ul #newkey_144 .newkey_144 i { display: none;}
.footer_job ul #newkey_144 .newkey_144:before { display: inline-block; content: ''; width: 16px; height: 15px; background-position: -384px 0; vertical-align: -1px; margin-right: 5px;}
.footer_job_sj ul { padding: 0 50% 0 2%;}
.footer_job_sj ul #newkey_144 { width: 45%;}


.footer_job_xq { position: fixed; z-index: 999; height: 50px; left: 0; right: 0; bottom: 0; background-color: #fff; box-shadow: 0px -5px 10px 0px rgba(137, 148, 143, 0.1);}
.footer_job_xq ul { display: flex; padding:9px 74% 0 6px; text-align: center;}
.footer_job_xq li { flex: 1;}
.footer_job_xq li a { font-size: 12px; line-height: 18px; display: block;}
.footer_job_xq li .a:before { display: block; width: 16px; height: 18px; content: ''; margin: 0 auto; vertical-align: top;}
.footer_job_xq .yuyue,.footer_job_sjxq .disabled { position: absolute;right: 6px; top: 6px; width: 70%;}
.footer_job_xq .yuyue .a { font-size: 16px; display: block; line-height: 38px; background: linear-gradient(180deg, #FFC995 0%, #FF5427 100%); border-radius: 19px; color: #fff;}
.footer_job_xq .yuyue .a.display0 { display: none;}
.footer_job_xq li.home a:before { background-position: -218px -29px;}
.footer_job_xq li.fare a:before { background-position: -190px -29px;}
.footer_job_xq li.add a:before { background-position: -190px -53px;}
.footer_job_xq li.my a:before { background-position: -218px -54px;}


.footer_job_xq .yuyue .a:before { display: inline-block; background-position: -159px -29px; vertical-align: -4px; margin-right: 5px;}
.footer_job_sjxq .yuyue { display: flex;}
.footer_job_sjxq .yuyue.display0 { display: none;}
.footer_job_sjxq .yuyue .a { flex:1; margin: 0 5px;}
.footer_job_sjxq .yuyue .lianxi { background: linear-gradient(180deg, #96F8B9 0%, #0CBB73 100%);}
.footer_job_sjxq .yuyue .lianxi:before { vertical-align: -3px; background-position: -25px -74px;}
.footer_job_sjxq .yuyue .tel { background: linear-gradient(180deg, #FFC995 0%, #FF5427 100%);}
.footer_job_sjxq .yuyue .tel:before { vertical-align: -3px; background-position: -49px -74px;}
.footer_job_sjxq .yuyue .wechat { background: linear-gradient(180deg, #82F0A2 0%, #0BBB73 100%);}
.footer_job_sjxq .yuyue .wechat:before { vertical-align: -3px; background-position: -67px -74px;}
.footer_job_sjxq .disabled { display: none;}
.footer_job_sjxq .disabled .a { background: linear-gradient(180deg, #f1f1f1 0%, #ddd 100%); line-height: 38px; border-radius: 19px; color: #999;}
.footer_job_sjxq .disabled .a:before { display: none;}
.footer_job_sjxq .display_false_0 { display: block;}

.footer_job_sjxq .inner .btn { position:relative;}
.footer_job_sjxq .inner { display:none; position:absolute; bottom:50px; border-radius:4px; background-color:#fff; width:110px; text-align:center; padding:5px 0; box-shadow:0 0 5px rgba(0,0,0,.3);}
.footer_job_sjxq .inner a { display:block; line-height:32px; font-size:14px;}
.footer_job_sjxq .inner a i { display:inline-block; width:17px; height:18px; margin-right:6px; vertical-align:middle;}
.footer_job_sjxq .inner .a1 i { background-position:-169px -198px;}
.footer_job_sjxq .inner .a2 i { background-position:-205px -198px;}
.footer_job_sjxq .inner .a3 i { background-position:-187px -198px;}
.footer_job_sjxq .inner .a4 i { background-position:-223px -198px;}

.live_detail_header .txt { padding: 10px 0 0 60px;}
.live_detail_header .user_face { top: 25px;}
.live_detail_header .foot .cat { background-color: #0CBB73; color: #fff; padding: 0 10px; line-height: 24px; border-radius: 12px;}
.live_detail_header .user_face img { border-radius: 20px;}
.live_detail_header .txt .ding {border-radius: 0px 50px 50px 0px; color: #8D3E0B; font-size: 14px; position: absolute; left: 0; top: 12px; margin-left: 0; background: linear-gradient(270deg, #FFEFB2 0%, #E9CC9C 100%); line-height: 24px; padding:0 10px 0 5px;}
.live_detail_header .txt .geren, .live_detail_header .txt .jing { border-radius: 6px 3px 6px 3px;}
.live_detail_header .txt .jing {background: linear-gradient(3deg, #FF9A6D 0%, #FF7A3E 100%);}

.live_jubao .s { color:#EE2727;}
.live_jubao .s:before { background-position:-93px -67px;}

.live_comment .ft { position: absolute; top: 12px; right: 12px;}
.live_comment .ft .btn_add { display: block; font-size: 12px; padding: 0 12px; color: #0CBB73; background-color: #DAFFF0; line-height: 24px; border-radius: 12px;}
.live_comment .ft .btn_add:before { vertical-align: -1.5px; display: inline-block; content: ''; width: 11px; height: 12px; background-position: -132px -74px; margin-right: 4px;}

.sjbox { background-color: #fff; position: relative; z-index: 1; margin: 15px; padding: 15px 15px 10px; box-shadow: 0px 2px 20px 0px rgba(137, 148, 143, 0.1); border-radius: 10px; border: 1px solid #f0f0f0;}
.sjbox .istop { position: absolute; top: 0; left: 0; z-index: 2; font-size: 14px; color: #8D3E0B; background: linear-gradient(270deg, #FFEFB2 0%, #E9CC9C 100%); border-radius: 10px 0px 10px 0px; padding: 0 8px;}
.sjbox .po_zizhi { display: block; position: absolute; right: 0; top: 15px; color: #0CBB73; background-color: #E0FFF2; z-index: 2; font-size: 12px; padding: 0 12px; border-radius: 13px 0 0 13px; line-height: 26px;}
.sjbox .sjbox_h { position: relative; z-index: 1; padding-left: 66px; min-height: 54px; margin-bottom: 15px;}
.sjbox .sjbox_h .img { position: absolute; left: 0; top: 0;}
.sjbox .sjbox_h .img img { width: 54px; height: 54px; border-radius: 8px;}
.sjbox .sjbox_h .txt .tit { font-size: 18px; color: #333; margin-bottom: 6px;}

.sjbox .sjbox_h .txt .tit .shang { margin-left: 5px; display: inline-block; height: 16px; font-size: 12px;line-height: 16px; padding: 0 3px; color: #ff7a3e; border: 1px solid #ff7a3e; position: relative; z-index: 1; padding-left: 19px; border-radius: 2px; background: #fff; vertical-align: 2px;}
.sjbox .sjbox_h .txt .tit .shang.display0 { display: none;}
.sjbox .sjbox_h .txt .tit .shang.isrenzheng { color: #2f8bff; border: 1px solid #2f8bff;}
.sjbox .sjbox_h .txt .tit .shang.isjingshang:before,.sjbox .sjbox_h .txt .tit .shang.isrenzheng:before { content: ''; vertical-align: -1px; margin-right: 2px; display: inline-block; background-position: -386px -71px; background-color: #ff7a3e; width: 16px; height: 16px; position: absolute; left: 0; top: 0;}
.sjbox .sjbox_h .txt .tit .shang.isrenzheng:before {background-color: #2f8bff; background-position: -386px -125px;}
.sjbox .sjbox_h .txt .pline { color: #999; font-size: 12px; line-height: 18px;}
.sjbox .sjbox_h .txt .pline s { display: inline-block; vertical-align: -2px; width: 1px; height: 12px; background-color: #dfdfdf; margin: 0 8px;}
.sjbox .sjbox_h .txt .address { color: #999; font-size: 12px; line-height: 18px;}
.sjbox .sjbox_h .txt .address:before { margin-right: 4px; display: inline-block; content: ''; width: 11px; height: 12px; vertical-align: -1px; background-position: -387px -39px;}


.sjbox .tag {}
.sjbox .tag .sp { display: inline-block; margin-right: 8px; vertical-align: middle; padding: 0 10px; line-height: 24px; border-radius: 12px; background-color: #f0f0f0; color: #666; font-size: 12px;}
.sjbox .tag .sp_t { background-color: #0CBB73; color: #fff;}

.sjbox .sjbox_f { display: flex; border-top: 1px solid #F0F0F0; padding-top: 10px;}
.sjbox .sjbox_f a { flex: 1; text-align: center;}
.sjbox .sjbox_f a:before { margin-right: 8px; display: inline-block; content: ''; width: 20px; height: 20px; vertical-align: -4px;}
.sjbox .sjbox_f .w { color: #0BBB73; border-right: 1px solid #f0f0f0;}
.sjbox .sjbox_f .w:before { background-position: -121px -28px;}
.sjbox .sjbox_f .t { color: #FF7B46;}
.sjbox .sjbox_f .t:before { background-position: -93px -28px;}

.dtbox { padding: 0 15px;}
.dtbox p { margin: 10px 0;}
.dtbox img,.dtbox video { max-width: 100%; vertical-align: top;}

.so { margin:10px 15px}
.so label { padding: 6px 75px 6px 38px; border-radius: 20px; line-height: 30px; height: 30px; background-color: #f5f5f5;}
.so label:before { display: block; content: ''; position: absolute; left: 15px; top: 13px; width: 15px; height: 15px; background-position: -384px -20px;}
.so .inp { height: 30px; line-height: 30px; padding: 0;}
.so .sub {background: linear-gradient(270deg, #56DFA7 0%, #0CBB73 100%); font-size: 14px; color: #fff; width: auto; padding: 0 15px; border-radius: 15px; height: 30px; line-height: 30px; position: absolute; right: 6px; top: 6px;}

.minglu_ruzhu { position: relative; z-index: 1; background-color: #F7F7F7; border-radius: 5px; padding: 6px 0; margin: 0 15px 15px;}
.minglu_ruzhu .text { height: 28px; overflow: hidden; line-height: 28px; margin: 0 100px 0 30px; font-size: 14px;}
.minglu_ruzhu .btn { position: absolute; top: 6px; right: 6px; line-height: 28px; border-radius: 14px; font-size: 12px; color: #fff; padding:0 15px ; background: linear-gradient(270deg, #56DFA7 0%, #0CBB73 100%);}
.minglu_ruzhu:before { display: block; position: absolute; left: 10px; top: 12px; content: ''; width: 16px; height: 19px; background-position: -58px -29px;}
.minglu_ruzhu li { line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.yuyue_jilu { position: relative; z-index: 9; padding: 0; margin: 10px 0 15px 0;}
.yuyue_jilu .text { height: 34px; overflow: hidden;}
.yuyue_jilu li a { font-size: 14px; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 20em; padding:0 12px; display: inline-block; background-color: rgba(0,0,0,.6); border-radius: 0px 16px 16px 0px; color: #fff;}

.yuyue_jilu li a:before { display: inline-block; content: ''; vertical-align: -3px; width: 16px; height: 16px; background-position: 0px -75px; margin-right: 6px;}



body .swiper-container { margin:0 15px; border-radius:6px;}

.tongjiju { background-color: #F7F7F7; margin: 10px 15px 0; line-height: 36px; border-radius: 4px; font-size: 14px;}
.tongjiju span { display: inline-block; vertical-align: middle; margin: 0 7px; color: #333;}
.tongjiju em { color: #0CBB73; margin-left: 4px;}

.minglu { margin: 0 15px; padding-bottom: 15px;}
.minglu img { max-width: 100%; vertical-align: top;}

.liveList_sys_wap { background-color: #F7F7F7; padding: 10px 15px 0;}
.liveList_sys_wap .item { background-color: #fff; border-radius: 10px; padding: 10px 15px; border: 0 none; margin-bottom: 10px;}
.liveList_sys_wap .item:last-child { margin-bottom: 0;}
.liveList_sys_wap .item .tit { word-break:break-all; font-weight: bold;}
.liveList_sys_wap .item .hd { position: relative; z-index: 1; padding-left: 50px;}
.liveList_sys_wap .item .hd .cat_s6 { position: absolute; right: 0; bottom: 5px; background-color: #0CBB73; font-size: 12px; line-height: 22px; color: #fff; padding: 0 12px; border-radius: 11px;}
.liveList_sys_wap .item .user_face { top: 4px;}
.liveList_sys_wap .item .user_face img { border-radius: 20px;}
.liveList_sys_wap .item .hd .username { font-size: 16px; color: #333;display: inline-block; max-width: 8em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top;}
.liveList_sys_wap .item .hd p { color: #aaa; font-size: 12px;}

.liveList_sys_wap .item .hd .shang {color: #7e8893; border: 1px solid #7e8893; background-color: #fff;}
.liveList_sys_wap .item .hd .shang:before { display: none;}
.liveList_sys_wap .item .hd .isjingshang,.liveList_sys_wap .item .hd .zhongjie,.liveList_sys_wap .item .hd .geren,.liveList_sys_wap .item .hd .ismingqi,.liveList_sys_wap .item .hd .isrenzheng { color: #ff7a3e; border: 1px solid #ff7a3e; position: relative; z-index: 1; padding-left: 19px; border-radius: 2px; background: #fff; vertical-align: 2px;}
.liveList_sys_wap .item .hd .isjingshang:before,.liveList_sys_wap .item .hd .zhongjie:before,.liveList_sys_wap .item .hd .geren:before,.liveList_sys_wap .item .hd .ismingqi:before,.liveList_sys_wap .item .hd .isrenzheng:before { content:''; vertical-align: -1px; margin-right: 2px; display: inline-block; background-position: -386px -71px; background-color: #ff7a3e; width: 16px; height: 16px; position: absolute; left: 0; top: 0;}

.liveList_sys_wap .item .hd .geren { color: #15c8ba; border: 1px solid #15c8ba;}
.liveList_sys_wap .item .hd .geren:before { background-color: #15c8ba; background-position: -386px -89px;}

.liveList_sys_wap .item .hd .zhongjie { color: #529cff; border: 1px solid #529cff;}
.liveList_sys_wap .item .hd .zhongjie:before { background-color: #529cff; background-position: -386px -107px;}

.liveList_sys_wap .item .hd .ismingqi { color: #d7a77e; border: 1px solid #d7a77e;}
.liveList_sys_wap .item .hd .ismingqi:before { background-color: #d7a77e; background-position: -386px -141px;}
.liveList_sys_wap .item .hd .isrenzheng { color: #2f8bff; border: 1px solid #2f8bff;}
.liveList_sys_wap .item .hd .isrenzheng:before { background-color: #2f8bff; background-position: -386px -125px;}



.liveList_sys_wap .item .hd .jing {background: linear-gradient(3deg, #FF9A6D 0%, #FF7A3E 100%); border-radius: 6px 3px 6px 3px; vertical-align: 2px;}
.liveList_sys_wap .item .istop { position: absolute; top: 0; left: 0; z-index: 2; font-size: 14px; color: #8D3E0B; background: linear-gradient(270deg, #FFEFB2 0%, #E9CC9C 100%); border-radius: 10px 0px 10px 0px; padding: 0 8px;}

.liveList_sys_wap .item .foot_s6 { display: flex; border-top: 1px solid #F0F0F0; padding-top: 10px; margin-top: 6px;}
.liveList_sys_wap .item .foot_s6 a { display: block; flex: 1; text-align: center;}
.liveList_sys_wap .item .foot_s6 a:before { display: inline-block; vertical-align: -4px; margin-right: 5px; width: 18px; height: 19px; content: '';}
.liveList_sys_wap .item .foot_s6 a.btn_fare:before { background-position: 0 0;}
.liveList_sys_wap .item .foot_s6 a.btn_wechat:before { background-position: -18px 0; width: 21px;}
.liveList_sys_wap .item .foot_s6 a.btn_yuyue:before { background-position: -39px 0; width: 19px;}
.liveList_sys_wap .item .foot_s6 a.btn_tel:before { background-position: -58px 0;}

.liveList_sys_wap .item .address { margin-top: 4px;}
.liveList_sys_wap .item .address .inner:before { width: 11px; height: 12px; background-position: -387px -39px; vertical-align: -1px; margin-right: 3px;}


.liveList_sys_wap .item .n_img a:nth-child(1) .sp { border-radius: 10px 0px 0px 10px;}
.liveList_sys_wap .item .n_img a:nth-child(2) .sp { border-radius:0;}
.liveList_sys_wap .item .n_img a:nth-child(3) .sp { border-radius: 0px 10px 10px 0px;}

.liveList_sys_wap .item .only1 { position: relative; z-index: 1; padding-right: 90px; min-height: 90px;}
.liveList_sys_wap .item .only1 .n_img a:nth-child(1) .sp { border-radius: 10px}
.liveList_sys_wap .item .only1 .n_img .sp { margin: 0;}
.liveList_sys_wap .item .only1 .n_img { margin: 0;}
.liveList_sys_wap .item .only1 .n_img a { position: absolute; top: 5px; right: 0; width: 78px; margin-bottom: 0;}
.liveList_sys_wap .item .only2 .n_img a:nth-child(2) .sp { border-radius: 0px 10px 10px 0px;}
.liveList_sys_wap .item .only2 .n_img a { width: 50%;}


.liveList_sys_wap .item .n_img a .sp .picnum { display: none; position: absolute; right: 8px; bottom: 8px; line-height: 24px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, 0.5); border-radius: 12px; padding: 0 7px;}
.liveList_sys_wap .item .n_img a:nth-child(3) .sp .picnum { display: block;}
.liveList_sys_wap .item .n_img a .sp .picnum:before { display: inline-block; content: ''; vertical-align: -2px; margin-right: 3px; width: 15px; height: 13px; background-position: -385px -55px;}
.liveList_sys_wap .video_set video { border-radius: 6px;}

.liveList_sys_wap .item .tags { margin-top: 6px; padding-right: 50px;}
.liveList_sys_wap .item .tags span { margin-right: 5px; background-color: #0CBB73; display: inline-block; vertical-align: middle; color: #fff; font-size: 12px; line-height: 22px; border-radius: 11px; padding: 0 10px;}
.liveList_sys_wap .item .tags .tags_g { background-color: #F7F7F7; color: #666;}

.liveList_sys_wap_sj .item .user_face img { width: 60px; height: 60px; border-radius: 8px;}
.liveList_sys_wap_sj .item .hd { padding-left: 70px; min-height: 64px;}
.liveList_sys_wap_sj .item .hd .username { font-size: 16px;}
.liveList_sys_wap_sj .item .address { margin-top: 12px; border-top: 1px solid #F0F0F0; padding-top: 6px;}
.liveList_sys_wap_sj .item .btn_tel_po { display: block; width: 40px; height: 40px; border-radius: 20px; background-color: #E3FAF1; background-position:-2px -19px; position: absolute; right: 0; bottom: -5px;z-index: 2; text-align: left; text-indent: -999em; overflow: hidden;}
.liveList_sys_wap_sj .item .keyuyue {position: absolute; z-index: 2; right: -15px; top: 0; color: #FFA75A; background-color: #FFF2E6; padding: 0 6px 0 8px; font-size: 12px; line-height: 20px; border-radius: 10px 0 0 10px;}
.liveList_sys_wap_sj .item .keyuyue:before { display: inline-block; content: ''; margin-right: 3px; vertical-align: -2px; background-position: -389px -161px; width: 11px; height: 11px;}



.index_tab_s6 { background-color: #f7f7f7;}
.index_tab_s6.fixedtop { background-color: #fff;}
.index_tab_s6 .item { font-size: 16px; position: relative; z-index: 1; padding: 9px 0;}
.index_tab_s6 .item span { display: block; position: relative; z-index: 2;}
.index_tab_s6 .item.current { font-size: 18px; font-weight: bold;}
.index_tab_s6 .item.current:before { width: 40px; height: 13px; background-position: -83px -3px; display: block; content: ''; position: absolute; left: 50%; bottom: 5px; margin-left: -20px;}

.liveList_sys_wap .item .chengjiao, .liveList_sys_wap .item .guoqi { right: 70px; top: 20px;}
.liveList_sys_wap .item .tag_0 .sp,.liveList_sys_wap .item .tag_1 .sp,.liveList_sys_wap .item .tag_2 .sp,.liveList_sys_wap .item .tag_3 .sp { color: #0CBB73; background: none; border: 1px solid #0CBB73;}

.live_detail_header .address_new { position: relative; z-index: 1; padding: 0px 50px 0 0; margin: 10px 0;}
.live_detail_header .address_new .ico {position: absolute; right: 0; top: 0; text-align: center; font-size: 12px; line-height: 18px; color: #aaa;}
.live_detail_header .address_new .ico:before { content: ''; display: block; width: 26px; height: 26px; background: url(../images/live_v10/daohang_ico.png) no-repeat 0 0/26px auto;}
.live_detail_header .address_new .inner { font-size: 16px; color: #333; line-height: 24px; display: block;}
.live_detail_header .address_new .daohang { font-size: 12px; color: #999;}

.m-nv i { width: 47px; height: 47px;}
.m-nv li { margin-bottom: 10px;}

.common-video-list { padding:10px 15px 0; background-color: #F7F7F7;}
.common-video-list ul { column-count: 2; column-gap: 10px;}
.common-video-list li {break-inside: avoid; margin-bottom: 10px;}
.common-video-list .common-video-item-wrapper {
width: 4.6rem;
margin-right: 0.24rem;
}
.common-video-list .common-video-item-wrapper:nth-of-type(2) {
margin-right: 0;
}
.common-video-list .common-video-item {
display: block;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 3px 5px 0 rgb(210 210 210 / 30%);
}
.common-video-list .common-video-item .poster {
display: block;
position: relative;
min-height: 150px;
}
.common-video-list .common-video-item .poster .tag { padding: 0 6px; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, #FF3360 0%, #FF8585 100%); border-radius: 6px 0; font-size: 12px; color: #fff; line-height: 18px;}
.common-video-list .common-video-item .poster .tag.is-top {
background: linear-gradient(90deg, #FF3360 0%, #FF8585 100%);
}
.common-video-list .common-video-item .poster .tag.hot-tag {
background: linear-gradient(90deg, #FF602C 0%, #FFA770 100%);
}
.common-video-list .common-video-item .poster .tag.new {
background: linear-gradient(90deg, #09AF89 0%, #4CD4AD 100%);
}
.common-video-list .common-video-item .poster .tag.recommend {
background: linear-gradient(90deg, #2C77FF 0%, #70ADFF 100%);
}
.common-video-list .common-video-item .poster .red-packet-icon {
position: absolute;
right: 0;
top: 0;
width: 24px
}
.common-video-list .common-video-item .poster .poster-img {
display: block;
width: 100%;
object-fit: cover;
min-height: 200px;
border-radius: 6px 6px 0 0;
}
.common-video-list .common-video-item .poster .play-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
width: 36px;
height: 36px;
background: rgba(0, 0, 0, 0.5);
border-radius: 50%;
}
.common-video-list .common-video-item .poster > .hot {
position: absolute;
right: 0;
bottom: 10px;
padding: 0 8px;
background: rgba(0, 0, 0, 0.1);
font-size: 12px;
color: #fff;
border-radius: 10px 0 0 10px;
line-height: 20px;
}
.common-video-list .common-video-item .poster > .hot img {
margin-right: 3px;
width: 9px;
vertical-align: -1px;
}
.common-video-list .common-video-item .info {
padding: 8px;
}
.common-video-list .common-video-item .info .top-info {
margin-top: -0.3rem;
margin-bottom: 0.133rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.common-video-list .common-video-item .info .top-info .user-info {
display: flex;
align-items: center;
font-size: 12px;
color: #666;
}
.common-video-list .common-video-item .info .top-info .user-info .avatar {
margin-top: -12px;
width: 32px;
height: 32px;
margin-right: 3px;
border-radius: 50%;
z-index: 2;
border: 4px solid #fff;
}
.common-video-list .common-video-item .info .top-info .user-info span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 5em;
}
.common-video-list .common-video-item .info .top-info .location {
    display: flex;
    align-items: center;
color: #999;
font-size: 12px;
}
.common-video-list .common-video-item .info .top-info .location img {
margin-right: 1px;
width: 8px;
}
.common-video-list .common-video-item .info .desc {
font-size: 14px;
color: #333;
line-height: 20px;
font-weight: bold;
line-clamp: 2;
text-overflow: ellipsis;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}