body { background-color: #f6f6f6; } .lunbo-title { height: 85px; margin-top: 30px; } .lunbo-title .lunbo-title-txt { width: 180px; height: 40px; margin: 0 auto; background-image: url(https://p1.lefile.cn/product/adminweb/2020/03/12/92ae7318-d00f-43e7-b0e5-0e6186396459.png); background-repeat: no-repeat; background-size: 180px 40px; } .lunbo-title .lunbo-title-bottom-line { width: 1200px; height: 5px; margin: 33px auto 0; background-image: linear-gradient(270deg, #ff2f2f 0%, #ff7164 100%); } .lunbo-container { width: 1200px; height: 300px; margin: 0 auto 30px; overflow: hidden; } .swiper-pagination-my_bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; } .swiper-pagination-my_bullet.swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-roundnessNumber { display: inline-block  !important; border-radius: 50%  !important; margin: 0 8px  !important; cursor: pointer  !important; width: 16px  !important; height: 16px  !important; text-align: center  !important; line-height: 16px  !important; font-size: 12px  !important; color: #bbb  !important; opacity: 1  !important; background: rgba(0, 0, 0, .4)  !important; } .swiper-pagination-roundnessNumber.swiper-pagination-bullet-active { color: #fff  !important; background: #007aff  !important; } .swiper-pagination-oblate { display: inline-block  !important; border-radius: 100px  !important; width: 8px  !important; height: 8px  !important; background: #fff  !important; opacity: 1  !important; margin: 0 8px  !important; } .swiper-pagination-oblate.swiper-pagination-bullet-active { width: 50px  !important; height: 8px  !important; background: #fff  !important; border-radius: 100px  !important; } .swiper-pagination-rectangle { display: inline-block  !important; width: 8px  !important; height: 8px  !important; background: #fff  !important; margin: 0 8px  !important; border-radius: 0  !important; opacity: 1  !important; } .swiper-pagination-rectangle.swiper-pagination-bullet-active { width: 50px  !important; height: 8px  !important; background: #fff  !important; border-radius: 0  !important; } .swiper-pagination-round { display: inline-block  !important; width: 1px  !important; height: 8px  !important; vertical-align: middle  !important; background: #fff  !important; margin: 0 8px  !important; opacity: 1  !important; } .swiper-pagination-round.swiper-pagination-bullet-active { display: inline-block  !important; border-radius: 20px  !important; width: 16px  !important; height: 16px  !important; border: 2px solid #fff  !important; vertical-align: middle  !important; background: transparent  !important; } .swiper-moto { overflow-x: hidden; max-width: 1920px; position: relative; margin: 0 auto; } .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; font-size: 0; line-height: 0; content: ''; } .broadcast_logo { position: relative; width: 100%; height: 400px; background-image: url(https://p3.lefile.cn/product/adminweb/2020/03/12/b65616f3-f670-48fe-a82c-6e3e1b8e9ebc.jpg); background-size: auto; text-align: center; } .broadcast_logo img { width: 179.8px; height: 40.4px; margin: 30px 0 20px 0; } .broadcast_img .main-window-20200312 { position: relative; top: -280px; left: 0; right: 0; margin: auto; } .main-window-20200312 .pc_container .default-box { width: 100%; height: 964px; text-align: center; padding-top: 137px; background-color: #f6f6f6; } .main-window-20200312 .pc_container .default-box .default-pic { display: block; width: 220px; margin: 0 auto; } .main-window-20200312 .pc_container .default-box .default-txt { margin-top: 16px; display: block; font-size: 14px; color: #bdbdbd; text-align: center; } .main-window-20200312 .pc_container { margin: 0 auto; width: 1200px; } .main-window-20200312 .pc_container .broadcast_box { width: 594px; height: 298px; float: left; margin-bottom: 10px; } .main-window-20200312 .pc_container .broadcast_box:nth-child(even) { margin-left: 10px; } .wap_detail_left, .wap_detail_right { float: left; } .wap_detail_left { width: 298px; position: relative; } .wap_detail_left .pic-link { width: 60px; height: 60px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .wap_detail_left .pic-link .play-icon { display: block; width: 60px; height: 60px; background-image: url(https://p2.lefile.cn/product/adminweb/2020/03/12/44af2057-54df-42b3-bcdd-845565f7d95f.png); background-size: 60px 60px; } .wap_detail_left .lefttop-corner { position: absolute; height: 20px; line-height: 20px; top: 15px; left: 15px; color: #fff; background: rgba(0, 0, 0, .4); box-sizing: border-box; border-radius: 10px; font-size: 10px; } .wap_detail_left .lefttop-corner .icon_ing { display: inline-block; background-color: #ff2f2f; border-radius: 10px; padding: 0 12px; line-height: 20px; } .wap_detail_left .lefttop-corner .icon_ing > span { display: inline-block; } .wap_detail_left .lefttop-corner img { position: absolute; top: 0; bottom: 0; margin: auto; left: 3px; width: 11px; height: 7px; } .wap_detail_left .lefttop-corner .watch_people { display: inline-block; line-height: 20px; padding: 0 12px 0 6px; } .wap_detail_left .lefttop-corner .watch_people_starttime { display: inline-block; line-height: 20px; padding: 0 12px 0 6px; } .wap_detail_left .rightbottom-corner { position: absolute; right: 0; bottom: 0; width: 50px; height: 170px; text-align: center; } .wap_detail_left .rightbottom-corner .top_number { position: absolute; bottom: 11px; width: 50px; text-align: center; color: #fff; font-size: 12px; } .wap_detail_left .rightbottom-corner .journal-reward { height: 20px; width: 20px; position: absolute; bottom: 27px; right: 0; left: 0; margin: auto; } .wap_detail_left .studioimg { width: 298px; height: 298px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .wap_detail_right { width: 261px; padding: 20px 20px 0 15px; box-sizing: unset; background: #fff; height: 278px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .wap_detail_right .broadcast_title { } .wap_detail_right .broadcast_title .broadcast_title_txt { width: 258px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box; white-space: normal; word-break: break-all; font-size: 17px; color: #252525; } .wap_detail_right .product_name { margin: 10px 0 16px 0; height: 26px; line-height: 26px; } .wap_detail_right .product_name img { width: 26px; height: 26px; vertical-align: middle; border-radius: 50%; margin-right: 6px; } .wap_detail_right .product_name span { color: #979797; font-size: 13px; display: inline-block; vertical-align: middle; width: 220px; } .hr { height: 1px; border-top: .5px solid #e0e0e0; margin-bottom: 20px; } .product_box { width: 276px; position: relative; } .product_wrap { display: flex; overflow-x: auto; width: 278px; } .liss { padding-right: .11rem; position: relative; margin-right: 25px; } .zhibo-slide { width: 80px  !important; padding-left: 12px; } .zhibo-swiper-button-next { background-image: url(https://p4.lefile.cn/product/adminweb/2020/03/13/2c43d2fe-d037-4ffd-9872-c82510dc7c68.png)  !important; background-repeat: no-repeat  !important; background-size: 4px 12px  !important; right: 0  !important; width: 15px  !important; height: 37px  !important; background-color: rgba(0, 0, 0, .3)  !important; } .zhibo-swiper-button-prev { background-image: url(https://p3.lefile.cn/product/adminweb/2020/03/13/922701ea-400a-46f4-a7ac-39330a241e23.png)  !important; background-repeat: no-repeat  !important; background-size: 4px 12px  !important; left: 10px  !important; width: 15px  !important; height: 37px  !important; background-color: rgba(0, 0, 0, .3)  !important; } .liss span { margin-top: 4px; color: #ff2f2f; font-size: 13px; margin-right: 3px; display: inline-block; } .liss del { color: #bdbdbd; } .liss p { width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; margin-top: 5px; } .liss:last-child { padding-right: 0; } .zhibo-swiper-container img { width: 80px; height: 80px; border-radius: 4px; display: block; } .zhibo-swiper-button-prev.swiper-button-disabled { display: none; } .zhibo-swiper-button-next.swiper-button-disabled { display: none; } .list-footer { margin-top: 40px; text-align: center; } .list-footer .page-box { display: inline-block; font-size: 0; text-align: center; } .list-footer .page-box .page-link { font-size: 14px; display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #fff; border: 1px solid #e9e9e9; margin-right: 8px; cursor: pointer; color: #999; border-radius: 4px; } .list-footer .page-box .page-link:hover { border: 1px solid #f5003f; color: #fff; background: #f5003f; } .list-footer .page-box li { display: inline-block; border-radius: 2px; vertical-align: middle; } .list-footer .page-box li.active { font-size: 14px; display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #fff; margin-right: 8px; cursor: pointer; color: #757575; } .list-footer .page-box .disabled { font-size: 14px; line-height: 29px; text-align: center; border: 1px solid #e9e9e9; margin-right: 8px; border-radius: 4px; } .list-footer .page-box .disabled .current { margin-right: 0; } .list-footer .page-box li.active .current { font-size: 14px; display: inline-block; width: 100%; height: 100%; line-height: 36px; text-align: center; background: #f5003f; color: #fff; border-radius: 4px; } .list-footer .page-box .ellipse { font-size: 14px; display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #fff; border: .5px solid #e9e9e9; margin-right: 8px; cursor: pointer; color: #999; border-radius: 4px; } .list-footer .page-box .prev, .list-footer .page-box .next { font-size: 14px; color: #fff; display: inline-block; line-height: 29px; text-align: center; cursor: pointer; border-radius: 4px; } .list-footer .page-box .prev { margin-right: 8px; width: 36px; height: 36px; background-image: url(https://p2.lefile.cn/product/adminweb/2019/09/03/0f8edeab-992a-49b0-b090-ca0b36cc1414.png); background-repeat: no-repeat; background-position: center; } .list-footer .page-box .prev:hover { background-image: url(https://p1.lefile.cn/product/adminweb/2019/09/03/3ba0dc73-41b8-4448-831e-886beef8d4e8.png); background-repeat: no-repeat; background-position: center; background-color: #f5003f; } .list-footer .page-box .next { margin-right: 8px; width: 36px; height: 36px; background-image: url(https://p2.lefile.cn/product/adminweb/2019/09/03/538b6902-1772-4301-9fe0-a0f3b2b60df6.png); background-repeat: no-repeat; background-position: center; } .list-footer .page-box .next:hover { background-image: url(https://p2.lefile.cn/product/adminweb/2019/09/03/39caba7e-f98b-4b5d-9736-e1ad4af1f581.png); background-color: #f5003f; background-repeat: no-repeat; background-position: center; } .list-footer .page-box .page.active { border: .5px solid #fff; color: #f5003f; } .empty-box { text-align: center; margin-bottom: 200px; } .empty-text { font-size: 16px; color: gray; margin-top: 10px; } .list-footer .item-show-txt { position: relative; top: 5px; margin-left: 30px; display: inline-block; font-size: 13px; color: #5f5f5f; height: 36px; line-height: 36px; } .list-footer .item-show-select { position: relative; display: inline-block; color: #5f5f5f; top: 5px; margin-left: 6px; font-size: 14px; } .list-footer .item-show-select .items-show-box { width: 58px; height: 36px; border: 1px solid #e9e9e9; border-radius: 4px; text-align: center; line-height: 36px; background-image: url(https://p2.lefile.cn/product/adminweb/2019/09/04/cade343a-5177-4080-9e95-56f040b49690.png); background-repeat: no-repeat; background-position: 46px 14px; cursor: pointer; background-color: #fff; text-indent: -11px; } .list-footer .item-show-select .items-select-ul { display: none; position: absolute; top: 31px; width: 58px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; z-index: 2; background-color: #fff; border-radius: 0 0 4px 4px; } .list-footer .item-show-select .items-select-ul li { cursor: pointer; padding: 5px 0; text-indent: -11px; } .list-footer .item-show-select .items-select-ul li:hover { background-color: #d9d9d9; }
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }