html, body { background: #f5f5f5; } input::-ms-input-placeholder, input::-moz-placeholder, input::-webkit-input-placeholder { font-size: 13px; color: #fff; opacity: .3; font-weight: 400; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { background: #08050d; transition: background-color 50000s ease-in-out 0s; } .kickoff-live-20220324 .banner_inner .inner .playback-top-wrap { display: flex; justify-content: space-between; margin-top: 40px; } .kickoff-live-20220324 .banner_inner .inner .playback-top-wrap .top-title { display: flex; align-items: center; } .kickoff-live-20220324 .banner_inner .inner .playback-top-wrap .top-title .top-title-text { font-size: 40px; color: #fff; font-weight: bold; } .kickoff-live-20220324 .banner_inner .inner .playback-top-wrap .top-title .status-icon { width: 70px; display: block; margin-left: 15px; } .kickoff-live-20220324 .banner_inner .inner .playback-top-wrap .top-view-wrap { display: flex; align-items: center; padding-right: 25px; } .kickoff-live-20220324 .banner_inner .inner .playback-top-wrap .top-view-wrap .view-icon { display: block; width: 15px; height: 15px; background-image: url("https://p1.lefile.cn/fes/cms/2022/10/20/ezf2kzevuqhzkmki6mi1zf9rgi5nxl337504.png"); background-size: cover; margin-right: 8px; } .kickoff-live-20220324 .banner_inner .inner .playback-top-wrap .top-view-wrap .view-number-text { font-size: 13px; color: rgba(255,255,255,0.9); } .kickoff-live-20220324 .banner_inner .inner .playback-top-wrap .top-view-wrap .view-number { font-size: 13px; color: #fff; } .kickoff-live-20220324 .banner_inner .inner .live_main .live-notice-wrap { position: absolute; top: 0; width: 100%; height: 28px; z-index: 10; font-size: 12px; color: #ececec; display: flex; align-items: center; background-color: rgba(0,0,0,.4); } .kickoff-live-20220324 .banner_inner .inner .live_main .live-notice-wrap .live-notice-icon { display: block; width: 20px; height: 20px; background-image: url(//p1.lefile.cn/fes/cms/2022/10/23/f36rha9hcbxri43baea6yeuc5ubb0z612838.png); background-size: cover; margin-left: 18px; margin-right: 14px; } .kickoff-live-20220324 .banner_inner .inner .live_main .live-notice-wrap .live-notice-comp { width: 100%; overflow: hidden; } .kickoff-live-20220324 .banner_inner .inner .live_main .live-notice-wrap .live-notice-comp .animationNotice { white-space: nowrap; } .clearfix:after { display: block; content: "\200B"; clear: both; height: 0; } .inner { position: relative; width: 1200px; height: 100%; margin: 0px auto; overflow: hidden; } .live_main { position: relative; width: 932px; height: 525px; float: left; margin-right: 5px; margin-top: 22px; } .slide_right { width: 263px; height: 525px; float: right; background: #fff; margin-top: 22px; position: relative; } .live_call_ppt { height: 190px; width: 100%; position: relative; margin-bottom: 5px; } .massage { padding: 20px; border-bottom: 1px #f0f0f0 solid; } .massage p { color: #333; line-height: 20px; padding-left: 25px; } .massage .P_img { background: url(https://p3.lefile.cn/product/adminweb/2020/08/17/fa9ea375-ec58-4db5-881f-e5f3d53b6fcd.gif) no-repeat; background-position: 2px 3px; background-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } .massage .list_ul li .announce-post { margin-top: 7px; color: #252525; font-size: 14px; font-weight: 600; line-height: 20px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .massage .list_ul li img { width: 70px; } .massage .shop_item { width: 278px; height: 100px; border-radius: 6px; border: 1px solid rgba(238, 238, 238, 1); margin-bottom: 14px; padding-left: 5px; padding-top: 15px; padding-bottom: 15px; padding-right: 7px; position: relative; } .shop_item .bg_red { position: absolute; display: block; width: 20px; height: 20px; background: rgba(226, 35, 25, 1); color: #fff; text-align: center; line-height: 20px; font-size: 12px; border-radius: 5px 0 0 0; top: 0; left: 0; } .shop_item .endimg { width: 80px; height: 80px; position: absolute; top: 40px; left: 58px; display: none; } .shop_item:last-child { margin-bottom: 0px; } .item_img { width: 90px; height: 90px; float: left; margin-right: 7px; } .item_img img { width: 100%; height: 100%; } .shop_item_text { float: left; } .shop_item_text p { width: 178px; height: 60px; font-size: 14px; font-weight: 500; color: rgba(51, 51, 51, 1); line-height: 20px; margin-bottom: 16px; padding: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; } .shop_item_text p:hover { color: rgba(226, 35, 25, 1); } .shop_item_text_b { height: 26px; } .shop_item_text_b .Rmb { height: 20px; font-size: 14px; color: #e22319; text-align: left; float: left; line-height: 26px; } .shop_item_text_b span { float: right; display: block; width: 48px; height: 26px; background: rgba(226, 35, 25, 1); border-radius: 4px; text-align: center; line-height: 26px; color: #fff; cursor: pointer; } .shop_item_text_b span.ask-explain { margin-right: 3px; background-color: #fff; border: 1px solid rgba(226, 35, 25, 1); color: rgba(226, 35, 25, 1); } .shop_item_text_b span.ask-explain.ask-gray { border: 1px solid #e0e0e0; color: #e0e0e0; } .shop_item_text_b span.ask-explain.top-pro { background-image: url(https://p1.lefile.cn/fes/cms/2020/09/24/hylt0yfi41i96w64g4q2xlzqae5rsl654482.gif); display: inline-block; width: 59px; height: 26px; background-size: 59px 26px; border: none; cursor: default; } .live_text_t { height: 30px; line-height: 30px; color: #252b3a; font-size: 24px; margin-top: 35px; } .live_text_p { height: 25px; line-height: 25px; color: #999; font-size: 18px; margin-top: 9px; } .live_name { float: left; width: 418px; font-size: 14px; } .live_right { width: 315px; float: right; } .live_on { text-align: center; margin-top: -10px; color: #929292; font-size: 14px; } .live_share { padding-left: 25px; background: url(https://p2.lefile.cn/product/adminweb/2020/08/17/c461720b-8269-453e-8d55-0c4624627b7e.png) no-repeat; background-size: 15px; background-position: 6px 4px; float: left; width: 80px; font-size: 14px; line-height: 25px; } .live_share:hover { color: red; cursor: pointer; } .live_iframe { height: 100%; position: relative; background: #000; z-index: 9; } .live_anime { height: 500px; width: 850px; position: absolute; top: 0; left: 0; z-index: 111; overflow: hidden; } .live_call { position: relative; } .live_call_image { width: 100%; height: 100%; } .kl_btn { width: 28px; height: 20px; line-height: 20px; padding-top: 30px; color: #333; font-size: 14px; background: url(https://p3.lefile.cn/product/adminweb/2020/08/17/43809fee-d093-48ce-ae68-a72c0bc9ae45.png) no-repeat; background-size: 28px; float: left; margin-right: 30px; cursor: pointer; } .live_call_ssion { display: none; text-align: center; width: 263px; position: absolute; bottom: -24px; left: -169px; z-index: 11; height: 318px; background: linear-gradient(180deg,#3c2444 5%,#200d1d 95%); } .live_call_ssion::-webkit-scrollbar { width: 6px  !important; height: 6px  !important; background-color: #fff; } .live_call_ssion::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 0px rgb(240 240 240 / 50%); background-color: #953967; } .live_call_ssion li { width: 60px; height: 60px; margin-bottom: 3px; border: 1px solid #4d3155; } .live_call_ssion li:hover { border: 1px solid #b8aabb; } .live_call_ssion li:last-child:nth-child(4n + 1) { margin-right: calc(100% - 26%); } .live_call_ssion li:last-child:nth-child(4n + 2) { margin-right: calc(100% - 50%); } .live_call_ssion li:last-child:nth-child(4n + 3) { margin-right: calc(100% - 75%); } .live_call_ssion li p { display: none; } .live_gift { z-index: 10; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 180px; height: 240px; } .dj_btn_img { width: 55px; height: 55px; } .live_call_input_box { display: flex; justify-content: center; align-items: baseline; } .live_ssion { width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #live_call_input { border: 0; width: 185px; height: 34px; border-radius: 1px; color: #fff; background-color: #08050d  !important; text-indent: 11px; padding-right: 34px; box-sizing: border-box; } .fb_btn { border: 0; outline: 0; width: 53px; height: 34px; line-height: 34px; border-radius: 1px; color: #fff; cursor: pointer; text-align: center; margin-left: 5px; background-color: #df140d; } .fb_btn_off { pointer-events: none; opacity: .5; } .dj_btn_box { position: absolute; right: 10px; bottom: 20px; } .live_call_gift { position: absolute; right: 75px; bottom: 7px; width: 20px; height: 20px; cursor: pointer; } canvas { position: absolute; bottom: 65px; left: -55px; z-index: 10; } .live_call_list_t { padding: 13px 20px; height: 33px; border-bottom: 1px #eee solid; } .live_callNum { height: 33px; font-size: 24px; font-weight: 500; color: rgba(51, 51, 51, 1); line-height: 33px; margin-right: 10px; float: left; } .live_call_text { width: 54px; height: 33px; font-size: 18px; font-weight: 500; color: rgba(153, 153, 153, 1); line-height: 33px; float: left; } .slide_right_button { position: absolute; bottom: 0; left: 0; z-index: 10; } .live_call_list_items { padding: 0 10px; overflow: auto; height: 430px; } .live_call_list_items::-webkit-scrollbar { display: none; } .session-body-container::-webkit-scrollbar { display: none; } .notice-body-container::-webkit-scrollbar { display: none; } .talk_call_item { position: relative; margin-bottom: 5px; } .talk_call_item .user_img { width: 32px; height: 32px; border-radius: 50%; float: left; } .talk_call_item .user_img .user_profile { display: block; width: 28px; height: 28px; border-radius: 50%; text-align: center; line-height: 28px; font-style: normal; color: #fff; font-size: 13px; } .user_call { margin-left: 35px; } .talk_call_item_top { margin-bottom: 4px; height: 12px; } .talk_call_item_top .userId { margin-right: 25px; color: #333; } .talk_call_item_top .userId .msg-nick-name { font-size: 12px; color: #fff; opacity: .3; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .userId a:hover { color: rgba(226, 35, 25, 1); } .user_F { float: right; } .user_call p { line-height: 16px; font-size: 12px; color: #fff; width: auto; display: inline-block; border-radius: 6px; margin-bottom: 14px; max-width: 93%; word-break: break-all; } .number_pages { display: flex; padding: 8px 4px; background: rgba(0, 0, 0, .4); width: 60px; justify-content: center; border-radius: 15px; color: #fff; position: absolute; bottom: 12px; right: 40%; } .user_call p em { line-height: 25px; height: 25px; color: #ff9c4c; margin-top: 14px; margin-bottom: 10px; font-size: 18px; } .header_2018 .header_box.header_min .cj-message2-box { display: none; } .cj-message2-box { position: relative; float: right; width: 30px; height: 30px; margin-top: 20px; } .cj-message2-box .message2 { display: block; width: 30px; height: 30px; background: url(https://p2.lefile.cn/product/adminweb/2020/08/17/06706a19-5175-4f5b-b211-26d14bc063e5.png) no-repeat; background-size: 100% 100%; } .dm-font-x { width: auto; overflow: hidden; height: 30px; color: white; line-height: 30px; text-align: center; margin-left: 850px; position: absolute; opacity: 1; font-size: 22px; } .share { width: 380px; height: 380px; background: #fff; padding: 20px; position: fixed; top: 50%; left: 50%; margin-left: -380px; margin-top: -190px; box-shadow: 0px 3px 6px #969696; z-index: 999; } .share_close { height: 20px; } .share_close_btn { height: 18px; width: 18px; display: block; float: right; background-repeat: no-repeat; background-image: url(https://p4.lefile.cn/product/adminweb/2020/08/17/24ccac2e-b105-494e-acb2-ac44a92eb29c.png); } .share_text { font-size: 20px; line-height: 26px; height: 26px; text-align: center; margin: 0; } #two_M { padding: 14px 25px; width: 258px; height: 249px; margin: 0 auto; } #two_M img { width: 100%; height: 100%; } .share_border { border-bottom: 1px #cfcfcf solid; } .share_font_text { font-size: 14px; color: #cfcfcf; line-height: 26px; height: 26px; text-align: center; margin: 0 57px; } .share_font_text { font-size: 14px; color: #cfcfcf; line-height: 26px; height: 26px; text-align: center; margin: 0 57px; } a:hover { text-decoration: none; } .live_call, .kl_btn, .dj_btn_box, .dj_btn, canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } .yhqbg { width: 292px; height: 110px; background: url(https://p2.lefile.cn/product/adminweb/2020/08/17/2dfdab02-0d83-486b-9a98-c2ea203e2d42.png) no-repeat; margin-bottom: 14px; background-size: contain; } .yhqbg .left_box { width: 160px; height: 110px; float: left; position: relative; overflow: hidden; } .yhqbg .right_box { width: 124px; height: 110px; float: left; } .yhqbg:last-child { margin-bottom: 0px; } .RMB_box { position: relative; text-align: center; font-size: 45px; color: #ef2b20; font-family: FZLTDHJW--GB1-0; margin-top: 20px; font-weight: bold; } .mianxiquan { position: relative; text-align: center; font-size: 36px; color: #ef2b20; font-family: FZLTDHJW--GB1-0; margin-top: 36px; font-weight: bold; } .RMB_yuan { position: absolute; font-family: FZLTHJW--GB1-0; font-size: 12px; color: #f84142; letter-spacing: 0; bottom: 7px; } .yhq_text { font-family: FZLTZHJW--GB1-0; font-size: 20px; color: #ef2b20; letter-spacing: .91px; text-align: center; padding-left: 14px; } .zb_text { font-family: FZLTHJW--GB1-0; font-size: 12px; color: #fbdede; letter-spacing: 0; text-align: center; width: 80px; margin: 30px auto 10px auto; line-height: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .lingqu { border-radius: 4px; text-align: center; margin: 10px auto 0 auto; font-family: FZLTZHJW--GB1-0; font-size: 12px; color: #e1161a; letter-spacing: 0; height: 20px; line-height: 20px; width: 60px; padding: 0 14px; display: block; background: url('https://p2.lefile.cn/product/adminweb/2020/08/17/84805159-fdaa-4587-9e48-b12954a33630.png') #fff no-repeat; background-size: 6px 14px; background-position: 72px 3px; } .Y_lingqu { border-radius: 4px; text-align: center; margin: 10px auto 0 auto; font-family: FZLTZHJW--GB1-0; font-size: 12px; color: #e1161a; letter-spacing: 0; height: 20px; line-height: 20px; width: 60px; padding: 0 14px; display: block; background: url('https://p2.lefile.cn/product/adminweb/2020/08/17/84805159-fdaa-4587-9e48-b12954a33630.png') #fff3b1 no-repeat; background-size: 6px 14px; background-position: 72px 3px; } .imgs_ylq { position: absolute; height: 118px; width: 118px; top: -15px; left: -15px; } .dz_title_class { margin-right: 5px; background: url(https://img1cdn.clubstatic.lenovo.com.cn/pc3/images/live/dzkm.svg) no-repeat; padding: 0 5px; background-size: 100% 100%; display: block; height: 24px; float: left; line-height: 24px; color: #fff; } .live_name span { float: left; margin-right: 10px; } .live_name em.kaishi { float: left; position: relative; background: #e1140a; border-radius: 9px; font-size: 14px; color: #fff; text-align: center; height: 20px; line-height: 20px; padding: 0 8px; display: block; width: 57px; margin-top: 2px; } .live_name .live_ready em.zhunbei { float: left; position: relative; background: #14b984; border-radius: 9px; font-size: 14px; color: #fff; text-align: center; height: 20px; line-height: 20px; padding: 0 8px; display: block; width: 57px; margin-right: 5px; } .live_name em.jieshu { float: left; position: relative; background: #a6adab; border-radius: 9px; font-size: 14px; color: #fff; text-align: center; height: 20px; line-height: 20px; padding: 0 8px; display: block; width: 57px; margin-top: 2px; } .live_name em i { display: block; border-radius: 50%; width: 4px; height: 4px; background: #e1140a; position: absolute; right: -8px; top: 8px; } .live_ready { background: #ececec; width: auto; padding-right: 10px; line-height: 20px; height: 20px; display: block; float: left; border-radius: 9px; color: #454545; margin-top: 2px; display: none; } .mudu-reset.mudu-controller { width: 95%  !important; margin: 0 auto  !important; padding: 0; } .endplayImg { width: 142px; height: 112px; background-image: url(https://p4.lefile.cn/product/adminweb/2020/08/17/41c288a7-38e1-4184-9e07-8f12c67d1f32.png); background-repeat: no-repeat; background-size: cover; position: absolute; top: 40%; left: 50%; margin-left: -71px; margin-top: -56px; } .endplayImg .text { width: 100%; height: 39px; font-size: 18px; font-family: FZLTZHJW--GB1-0, FZLTZHJW--GB1; font-weight: normal; color: rgba(255, 255, 255, 1); line-height: 18px; text-align: center; padding-top: 127px; } .errUI { width: 171px; height: 57px; background-image: url(//p3.lefile.cn/fes/cms/2020/10/22/bn3r2p36smdijncehu2om4hz5ubhhq035672.gif); background-repeat: no-repeat; background-size: contain; position: relative; margin: 0 auto; background-position-x: 50%; margin-top: 22%; } .innerUI { color: #fff; font-size: 12px; text-align: center; height: 24px; position: absolute; width: 170px; bottom: -38px; left: 50%; transform: translate(-50%, 0); } .mudu-reset.mudu-icons.mudu-icons-right { } .waiting { background-image: url(https://p2.lefile.cn/fes/cms/2020/08/17/2jefyjkqdls8bvv6z3hpzqxv69wf0h383069.gif); width: 640px; height: 380px; position: absolute; left: 50%; top: 50%; margin-top: -190px; margin-left: -320px; } .errbox { height: 100%; width: 100%; position: relative; top: 0; } .endbox { width: 50%; height: 100%; position: absolute; background: #000; display: none; z-index: 999; top: 0; left: 50%; transform: translate(-50%, 0); } #errbox { z-index: 9; background: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } @keyframes myfirst { from { bottom: 0px; } to { bottom: 100px; } } .live_callssion { width: 100%; animation: myfirst 2s; position: relative; } .box_live_ssion { height: 100%; position: relative; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .slide_right_interaction { width: 100%; height: 40px; background-size: 100% 100%; background-color: #161017; text-align: center; font-size: 20px; font-weight: 500; color: #fff; line-height: 40px; } .slide_right_interaction .live-sidebar-tab { display: flex; justify-content: space-around; } .slide_right_interaction .live-sidebar-tab .live-sidebar-li { float: left; width: 33%; font-size: 13px; color: #fff; opacity: .5; font-weight: 400; cursor: pointer; } .slide_right_interaction .live-sidebar-tab .live-sidebar-li.active { font-size: 14px; color: #fff; font-weight: bold; opacity: 1; } .answer-20220309 .answer-dialog { width: 266px; height: 391px; background-color: #d0005e; opacity: .6; margin-left: 300px; margin-top: 52px; padding: 0 30px; position: relative; border-radius: 20px; display: none; z-index: 2001; } .answer-20220309 .answer-dialog2 { width: 260px; height: 380px; background-color: #bc3c87; opacity: .6; margin-left: 300px; margin-top: 52px; padding: 0 30px; position: relative; border-radius: 20px; display: none; z-index: 2001; } .answer-20220309 .answer-dialog .answer-titles { width: 86px; height: 17px; position: absolute; top: -10px; left: 120px; font-size: 17.5px; font-weight: 900; letter-spacing: 4px; color: #fff; text-shadow: 0 0 4px rgb(6 30 60 / 54%); } .answer-20220309 input[type='radio'] { background-color: red  !important; cursor: default; appearance: auto; box-sizing: border-box; margin: 3px 3px 0px 5px; padding: initial; border: initial; position: absolute; right: 5px; top: 0; } .answer-20220309 input[type='checkbox'] { cursor: default; appearance: auto; box-sizing: border-box; margin: 3px 3px 0px 5px; padding: initial; border: initial; position: absolute; right: -6px; top: 0; } .answer-20220309 .answer-dialog #countdownExample { width: 100%; height: 20px; } .answer-20220309 .answer-dialog .answer-item { color: #fff; font-size: 16px; overflow: auto; height: 263px; width: 262px; position: absolute; padding-right: 10px; overflow-x: hidden; left: 0; right: 0; margin: 50px auto 0; } .answer-item::-webkit-scrollbar { width: 6px  !important; height: 6px  !important; background-color: #fff; } .answer-item::-webkit-scrollbar-track { box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); border-radius: 10px; background-color: rgba(240, 240, 240, .5); } .answer-item::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 0px rgba(240, 240, 240, .5); background-color: #953967; } .answer-20220309 .answer-dialog .answer-item .item-an-box { position: relative; line-height: initial; } .answer-20220309 .answer-dialog .answer-item .item-an-box .answer-option { display: inline-block; vertical-align: top; margin-right: 4px; } .answer-20220309 .answer-dialog .answer-item .items-an { display: inline-block; width: 212px; position: relative; margin-bottom: 5px; } .answer-20220309 .answer-dialog .answer-item .items-an:nth-child(1) { margin-top: 31px; } .answer-20220309 .answer-dialog .answer-title { font-size: 16px; color: #fff; margin-bottom: 10px; } .answer-20220309 .answer-dialog .answer-btn { width: 103px; height: 31px; text-align: center; line-height: 30px; border-radius: 10px; background-color: #a159a2; position: absolute; bottom: 24px; left: 109px; cursor: pointer; color: #fff; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul { width: 100%; height: 100%; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul .right-container-li { display: none; height: 100%; } .kickoff-live-20220324 .banner_inner .inner .slide_right.with-ppt .slide-right-container .right-container-ul .right-container-li .live_call_list { height: 300px; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul .right-container-li .live_call_list { height: 450px; } .kickoff-live-20220324 .banner_inner .inner .slide_right.with-ppt .slide-right-container .right-container-ul .right-container-li .live_call { bottom: 0px; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul .right-container-li .live_call { bottom: 11px; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul .right-container-li .live_call .live_call_gift .live_call_ssion { bottom: -15px; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul .right-container-li.active { display: block; background: #25152a; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container { height: 485px; } .kickoff-live-20220324 .banner_inner .inner .slide_right.with-ppt .ppt-wrap { display: block  !important; position: relative; width: 100%; height: 140px; background-image: url("https://p2.lefile.cn/fes/cms/2022/10/18/l16dvbbapdx240ijza16gd6lor2gyw302561.jpg"); background-size: cover; } .kickoff-live-20220324 .banner_inner .inner .slide_right .ppt-wrap .ppt-img { display: block; width: 100%; } .kickoff-live-20220324 .banner_inner .inner .slide_right .ppt-wrap .ppt-switcher { position: absolute; top: 1px; left: 1px; width: 78px; height: 19px; cursor: pointer; z-index: 10; } .kickoff-live-20220324 .banner_inner .inner .slide_right .ppt-wrap .ppt-switcher .ppt-switcher-img { display: block; width: 100%; height: 100%; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container { height: 350px; } .kickoff-live-20220324 .banner_inner .inner .slide_right.with-ppt .slide-right-container { height: 345px; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container { height: 485px; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul .right-container-li .live_call .live_call_gift .live_call_ssion .live_gift_close { height: 18px; color: #fff; position: relative; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul .right-container-li .live_call .live_call_gift .live_call_ssion .live_gift_close .close_icon { display: block; width: 18px; height: 18px; background-image: url(https://p4.lefile.cn/fes/cms/2022/10/18/fwn9l3dhp6jctkt37cgt0ynlzcsnip849810.png); background-size: cover; right: 5px; position: absolute; cursor: pointer; margin-top: 15px; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul .right-container-li .live_call .live_call_gift .live_call_ssion .live_gift_title { font-size: 13px; color: #fff; text-align: left; margin-left: 10px; margin-bottom: 15px; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul .right-container-li .live_call .live_call_gift .live_call_ssion .live_call_ssion_ul { display: flex; flex-wrap: wrap; overflow-y: scroll; height: 275px; justify-content: space-around; } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul .right-container-li { } .kickoff-live-20220324 .banner_inner .inner .slide_right .slide-right-container .right-container-ul .right-container-li .live_call_list .live_call_list_items { height: 100%; overflow-y: auto; } .lenovo-techworld-1666063954701 { width: 100%; height: 100%; background: #25152a; position: relative; } .lenovo-techworld-1666063954701 .session-body-container { padding: 0 16px 15px 10px; height: 450px; box-sizing: border-box; overflow-y: scroll; } .slide_right.with-ppt .slide-right-container .right-container-ul .right-container-li .lenovo-techworld-1666063954701 .session-body-container { height: 300px; } .slide_right .slide-right-container .right-container-ul .right-container-li .lenovo-techworld-1666063954701 .session-body-container { height: 440px; } .lenovo-techworld-1666063954701 .session-body-container .session-question-image { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-right: 6px; opacity: .7; border-radius: 50%; font-size: 12px; color: #fff; letter-spacing: 0; font-weight: 400; background: #482852; } .lenovo-techworld-1666063954701 .session-body-container .session-question-image_81447B { background: #5e475c; } .lenovo-techworld-1666063954701 .session-body-container .session-body-question_hasAnswer { width: 100%; height: auto; padding-bottom: 10px; display: flex; flex-direction: column; border-bottom: 1px solid rgba(63, 34, 60, .55); } .lenovo-techworld-1666063954701 .session-body-container .session-body-question_hasAnswer .session-question-title1 { flex: 1; opacity: .8; margin: 0; font-size: 12px; color: #fff; letter-spacing: 0; line-height: 16px; font-weight: 400; overflow: hidden; word-break: break-word; } .lenovo-techworld-1666063954701 .session-body-container .session-body-question_hasAnswer .session-question-opacity6 { opacity: .6; } .lenovo-techworld-1666063954701 .session-body-container .session-body-question_hasAnswer .session-body-question1 { height: auto; padding: 17px 0px 9px 8px; box-sizing: content-box; display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: center; } .lenovo-techworld-1666063954701 .session-body-container .session-body-question_hasAnswer .session-body-answer1 { display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: baseline; padding: 7px 8px 7px 8px; height: 30; box-sizing: content-box; background: #3b2038; border-radius: 2px; } .lenovo-techworld-1666063954701 .session-body-container .session-body-question_hasname { width: 100%; height: auto; display: flex; flex-direction: column; } .lenovo-techworld-1666063954701 .session-body-container .session-body-question_hasname .session-body-question2 { padding-top: 15px; height: auto; display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start; } .lenovo-techworld-1666063954701 .session-body-container .session-body-question_hasname .session-question-info { flex: 1; height: auto; overflow: hidden; } .lenovo-techworld-1666063954701 .session-body-container .session-body-question_hasname .session-question-info .session-question-username { width: 100%; height: 14px; margin: 0 0 4px 0; opacity: .3; font-size: 12px; color: #fff; letter-spacing: 0; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; } .lenovo-techworld-1666063954701 .session-body-container .session-body-question_hasname .session-question-info .session-question-title2 { width: 100%; height: auto; margin: 0; opacity: .8; font-size: 12px; color: #fff; letter-spacing: 0; line-height: 15px; font-weight: 400; word-break: break-all; } .lenovo-techworld-1666063954701 .session-foot-container { position: relative; bottom: 0; padding: 0 10px 11px 10px; height: 34px; box-sizing: content-box; background: #25152a; display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: center; cursor: pointer; } .lenovo-techworld-1666063954701 .session-foot-container .session-foot-input { width: calc(100% - 53px); height: 100%; background: #08050d; border-radius: 1px; font-size: 14px; color: #fff; letter-spacing: 0; font-weight: 400; padding: 0 10px; margin: 0; border: none; } .lenovo-techworld-1666063954701 .session-foot-container .session-foot-input:active { border: none; } .lenovo-techworld-1666063954701 .session-foot-container .session-foot-btn { flex-shrink: 0; width: 53px; height: 100%; line-height: 1; border-radius: 1px; font-size: 14px; color: #fff; letter-spacing: 0; font-weight: 400; text-align: center; background: #df140d; border: none; padding: 0; margin: 0; margin-left: 5px; } .lenovo-techworld-1666087762649 { width: 263px; height: 100%; background: #25152a; border-radius: 1px; position: relative; } .lenovo-techworld-1666087762649 .notice-body-container { padding: 8px 15px 8px 13px; height: 100%; box-sizing: border-box; overflow-y: scroll; } .lenovo-techworld-1666087762649 .notice-body-container .notice-body-item { width: 100%; height: auto; margin-bottom: 10px; display: flex; flex-wrap: nowrap; justify-content: flex-start; } .lenovo-techworld-1666087762649 .notice-body-container .notice-body-item .notice-body-item-img { width: 36px; height: 17px; line-height: 17px; margin: 0 4px 0 0; background-image: linear-gradient(130deg, #72182d 0%, #4b175e 100%); border-radius: 1px; opacity: .9; font-size: 10px; color: #fff; letter-spacing: 0; text-align: center; font-weight: 400; } .lenovo-techworld-1666087762649 .notice-body-container .notice-body-item .notice-body-item-text { flex: 1; height: auto; opacity: .8; margin: 0; font-size: 12px; color: #fff; letter-spacing: 0; line-height: 16px; font-weight: 400; width: 195px; word-break: break-all; } .lenovo-techworld-1666089725753 { width: 263px; height: 524px; background: #25152a; border-radius: 1px; margin: 0 auto; position: relative; } .lenovo-techworld-1666089725753 .detail-head-container { width: 100%; height: 41px; line-height: 41px; text-align: center; font-size: 15px; color: #fff; letter-spacing: 0; font-weight: 400; background: #161017; } .lenovo-techworld-1666089725753 .detail-body-container { width: 100%; height: calc(100% - 41px); overflow-y: scroll; } .lenovo-techworld-1666089725753 .detail-body-container .detail-body-item { padding: 18px 18px 0 18px; height: auto; display: flex; flex-wrap: nowrap; justify-content: space-between; } .lenovo-techworld-1666089725753 .detail-body-container .detail-body-item .detail-body-item-img { width: 16px; height: 16px; } .lenovo-techworld-1666089725753 .detail-body-container .detail-body-item .detail-body-item-text { flex: 1; margin: 0 8px; font-size: 12px; color: #fff; letter-spacing: 0; line-height: 18px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .lenovo-techworld-1666089725753 .detail-body-container .detail-body-item .detail-body-item-minute { opacity: .5; max-width: 50px; height: 14px; margin: 0; line-height: 14px; font-size: 12px; color: #fff; letter-spacing: 0; font-weight: 400; overflow: hidden; text-overflow: ellipsis; } .kickoff-live-20220324 .popdialog-background { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 10; } .kickoff-live-20220324 .popdialog-wrap { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 397px; height: 174px; background-color: #fff; z-index: 10; } .kickoff-live-20220324 .popdialog-wrap .popdialog-close { display: block; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; cursor: pointer; background: url(https://p1.lefile.cn/fes/cms/2022/11/02/zsdvby44tq8soo6ykqju2253mron8d480638.png) no-repeat; background-size: 100% 100%; } .kickoff-live-20220324 .popdialog-wrap .popdialog-title { color: #606266; font-size: 14px; word-break: break-all; text-align: center; margin-top: 50px; margin-bottom: 40px; } .kickoff-live-20220324 .popdialog-wrap .popdialog-button { display: block; width: 272px; height: 40px; margin: 0 auto; line-height: 40px; text-align: center; color: #fff; background-color: #e1251b; cursor: pointer; text-decoration: none; } .mudu-lost-signal { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; } .mudu-lost-signal .nosignal-pic { display: block; width: 100%; } .comment-warp-20230424{ background:#25152a; height:100%; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }