搜索排行榜 实时热点 事件排行榜 热点排行榜 电影排行榜 剧情介绍

   
相关资讯

鐧惧害鐑悳
鐧惧害鐑悳

鐧惧害鐑悳

img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .c-gap-top-small { margin-top: 3px; } .c-gap-top { margin-top: 7px; } .c-gap-top-large { margin-top: 11px; } .c-gap-top-mini { margin-top: 2px; } .c-gap-top-xsmall { margin-top: 4px; } .c-gap-top-middle { margin-top: 10px; } .c-gap-bottom-small { margin-bottom: 3px; } .c-gap-bottom { margin-bottom: 7px; } .c-gap-bottom-large { margin-bottom: 11px; } .c-gap-bottom-mini { margin-bottom: 2px; } .c-gap-bottom-xsmall { margin-bottom: 4px; } .c-gap-bottom-middle { margin-bottom: 10px; } .c-gap-left { margin-left: 12px; } .c-gap-left-small { margin-left: 8px; } .c-gap-left-xsmall { margin-left: 4px; } .c-gap-left-mini { margin-left: 2px; } .c-gap-left-large { margin-left: 16px; } .c-gap-left-middle { margin-left: 10px; } .c-gap-right { margin-right: 12px; } .c-gap-right-small { margin-right: 8px; } .c-gap-right-xsmall { margin-right: 4px; } .c-gap-right-mini { margin-right: 2px; } .c-gap-right-large { margin-right: 16px; } .c-gap-right-middle { margin-right: 10px; } .c-gap-icon-right-small { margin-right: 5px; } .c-gap-icon-right { margin-right: 10px; } .c-gap-icon-left-small { margin-left: 5px; } .c-gap-icon-left { margin-left: 10px; } .c-row { *zoom: 1; } .c-row:after { display: block; height: 0; content: ""; clear: both; visibility: hidden; } .c-span1 { width: 32px; } .c-span2 { width: 80px; } .c-span3 { width: 128px; } .c-span4 { width: 176px; } .c-span5 { width: 224px; } .c-span6 { width: 272px; } .c-span7 { width: 320px; } .c-span8 { width: 368px; } .c-span9 { width: 416px; } .c-span10 { width: 464px; } .c-span11 { width: 512px; } .c-span12 { width: 560px; } .c-span2, .c-span3, .c-span4, .c-span5, .c-span6, .c-span7, .c-span8, .c-span9, .c-span10, .c-span11, .c-span12 { float: left; _display: inline; margin-right: 16px; list-style: none; } .c-span-last { margin-right: 0; } .c-span-last-s { margin-right: 0; } .c-feed-box .c-span1 { width: 43px; } .c-feed-box .c-span2 { width: 90px; } .c-feed-box .c-span3 { width: 137px; } .c-feed-box .c-span4 { width: 184px; } .c-feed-box .c-span5 { width: 231px; } .c-feed-box .c-span6 { width: 278px; } .c-feed-box .c-span7 { width: 325px; } .c-feed-box .c-span8 { width: 372px; } .c-feed-box .c-span9 { width: 419px; } .c-feed-box .c-span10 { width: 466px; } .c-feed-box .c-span11 { width: 513px; } .c-feed-box .c-span12 { width: 560px; } .c-feed-box .c-span2, .c-feed-box .c-span3, .c-feed-box .c-span4, .c-feed-box .c-span5, .c-feed-box .c-span6, .c-feed-box .c-span7, .c-feed-box .c-span8, .c-feed-box .c-span9, .c-feed-box .c-span10, .c-feed-box .c-span11, .c-feed-box .c-span12 { margin-right: 4px; } .c-feed-box .c-span-last { margin-right: 0; } .c-index { display: inline-block; width: 14px; padding: 1px 0; line-height: 100%; text-align: center; color: #fff; background-color: #8eb9f5; font-size: 12px; } .c-index-hot, .c-index-hot1 { background-color: #f54545; } .c-index-hot2 { background-color: #ff8547; } .c-index-hot3 { background-color: #ffac38; } .c-index-single { display: inline-block; background: 0 0; color: #9195A3; width: 18px; font-size: 15px; letter-spacing: -1px; } .c-index-single-hot, .c-index-single-hot1 { color: #FE2D46; } .c-index-single-hot2 { color: #F60; } .c-index-single-hot3 { color: #FAA90E; } .c-font-sigma { font: 36px/60px Arial, sans-serif; } .c-font-large { font: 20px/30px Arial, sans-serif; } .c-font-big { font: 20px/30px Arial, sans-serif; } .c-font-special { font: 16px/26px Arial, sans-serif; } .c-font-medium { font: 14px/24px Arial, sans-serif; } .c-font-middle { font: 14px/24px Arial, sans-serif; } .c-font-normal { font: 13px/23px Arial, sans-serif; } .c-font-small { font: 12px/20px Arial, sans-serif; } .c-font-family { font-family: Arial, sans-serif; } .c-color-t { color: #222; } .c-color-text { color: #333; } .c-color-gray { color: #626675; } .c-color-gray2 { color: #9195A3; } .c-color-visited { color: #626675; } .c-color-link { color: #222; } .c-color-orange { color: #FA4901; } .c-color-green { color: #0EBE90; } .c-color-ad { color: #77A9F9; } .c-color-red { color: #F63051; } .c-color-red:visited { color: #F63051; } .c-color-warn { color: #FF7900; } .c-color-warn:visited { color: #FF7900; } .c-color-link { color: #3951b3; } .c-btn, .c-btn:visited { color: #333 !important; } .c-btn { display: inline-block; overflow: hidden; font-family: inherit; font-weight: 400; text-align: center; vertical-align: middle; outline: 0; border: 0; height: 30px; width: 80px; line-height: 30px; font-size: 13px; border-radius: 6px; padding: 0; background-color: #F5F5F6; *zoom: 1; cursor: pointer; } .c-btn:hover { background-color: #315EFB; color: #FFF !important; } a.c-btn { text-decoration: none; } button.c-btn { *overflow: visible; border: 0; } button.c-btn::-moz-focus-inner { padding: 0; border: 0; } .c-btn-disable { color: #C4C7CE !important; } .c-btn-disable:visited { color: #C4C7CE !important; } .c-btn-disable:hover { cursor: default; color: #C4C7CE !important; background-color: #F5F5F6; } .c-btn-mini { height: 24px; width: 48px; line-height: 24px; } .c-btn-mini .c-icon { margin-top: 2px; } .c-btn-large { height: 30px; line-height: 30px; font-size: 14px; } button.c-btn-large { height: 30px; _line-height: 24px; } .c-btn-large .c-icon { margin-top: 7px; _margin-top: 6px; } .c-btn-primary, .c-btn-primary:visited { color: #fff !important; } .c-btn-primary { background-color: #4E6EF2; } .c-btn-primary:hover { background-color: #315EFB; } .c-btn-weak { height: 24px; line-height: 24px; border-radius: 4px; font-size: 12px; } .c-btn-add { width: 32px; height: 32px; line-height: 32px; text-align: center; color: #9195A3 !important; } .c-btn-add:hover { background-color: #4E6EF2; color: #fff !important; } .c-btn-add .c-icon { float: none; } .c-btn-add-disable:hover { cursor: default; color: #C4C7CE !important; background-color: #F5F5F6; } .c-select { position: relative; display: inline-block; width: 96px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; color: #222; font: 13px/23px Arial, sans-serif; } .c-select-selection { display: block; height: 30px; line-height: 29px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 26px 0 10px; background-color: #fff; border-radius: 6px; border: 1px solid #D7D9E0; outline: 0; user-select: none; cursor: pointer; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c-select-arrow, .c-select-arrow-up { position: absolute; top: -1px; right: 10px; color: #9195A3; font-size: 16px; } .c-select-dropdown { display: none; position: absolute; padding-top: 4px; top: 25px; z-index: 999; left: 0; width: 94px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; background: #fff; border-radius: 0 0 6px 6px; border: 1px solid #D7D9E0; border-top: 0; zoom: 1; } .c-select-split { border-top: 1px solid #f5f5f5; margin: 0 5px; } .c-select-dropdown-list { padding: 0; margin: 5px 0 0; list-style: none; } .c-select-dropdown-list.c-select-scroll { max-height: 207px; overflow-y: auto; overflow-x: hidden; margin-right: 5px; margin-bottom: 9px; } .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar { width: 2px; } .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-track { width: 2px; background: #f5f5f6; border-radius: 1px; } .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-thumb { width: 2px; height: 58px; background-color: #4e71f2; border-radius: 1px; } .c-select-dropdown-list.c-select-scroll .c-select-item:last-child { margin: 0; } .c-select-item { margin: 0 0 4px; padding: 0 10px; clear: both; white-space: nowrap; list-style: none; cursor: pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .c-select-item:hover { color: #315EFB; } .c-select-item-selected { color: #315EFB; } .c-select-arrow-up { display: none; } .c-select-visible .c-select-selection { border-radius: 6px 6px 0 0; } .c-select-visible .c-select-dropdown { display: block; } .c-select-visible .c-select-arrow { display: none; } .c-select-visible .c-select-arrow-up { display: inline-block; } .c-img { position: relative; display: block; min-height: 1px; border: 0; line-height: 0; background: #f5f5f6; overflow: hidden; } .c-img img { width: 100%; } .c-img1 { width: 32px; } .c-img2 { width: 80px; } .c-img3 { width: 128px; } .c-img4 { width: 176px; } .c-img6 { width: 272px; } .c-img12 { width: 560px; } .c-feed-box .c-img1 { width: 43px; } .c-feed-box .c-img2 { width: 90px; } .c-feed-box .c-img3 { width: 137px; } .c-feed-box .c-img4 { width: 184px; } .c-feed-box .c-img6 { width: 278px; } .c-feed-box .c-img12 { width: 560px; } .c-img-s, .c-img-l, .c-img-w, .c-img-x, .c-img-y, .c-img-v, .c-img-z { height: 0; overflow: hidden; } .c-img-s { padding-bottom: 100%; } .c-img-l { padding-bottom: 133.33333333%; } .c-img-w { padding-bottom: 56.25%; } .c-img-x { padding-bottom: 75%; } .c-img-y { padding-bottom: 66.66666667%; } .c-img-v { padding-bottom: 116.66666667%; } .c-img-z { padding-bottom: 62.5%; } .c-img-radius { border-radius: 6px; } .c-img-radius-s { border-radius: 2px; } .c-img-radius-small { border-radius: 2px; } .c-img-radius-large { border-radius: 12px; } .c-img-radius-middle { border-radius: 4px; } .c-img-radius-left { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .c-img-radius-right { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .c-img-radius-left-s { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .c-img-radius-right-s { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .c-img-radius-left-l { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .c-img-radius-right-l { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .c-img-mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); background-image: -ms-radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); } .c-img-border { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid rgba(0, 0, 0, 0.05); } .c-img-circle { border-radius: 100%; overflow: hidden; } .c-input { display: inline-block; font: 13px/23px Arial, sans-serif; color: #333; padding: 0 10px; border: 1px solid #D7D9E0; border-radius: 6px; height: 28px; line-height: 28px\9; font-size: 13px; outline: 0; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; vertical-align: top; overflow: hidden; } .c-input .c-icon { float: right; margin-top: 6px; font-size: 16px; color: #9195A3; } .c-input .c-icon-left { float: left; margin-right: 4px; } .c-input input { float: left; font-size: 13px; border: 0; outline: 0; } .c-input input::-webkit-input-placeholder { color: #9195A3; } .c-input input::-ms-input-placeholder { color: #9195A3; } .c-input input::-moz-placeholder { color: #9195A3; } .c-input::-webkit-input-placeholder { color: #9195A3; } .c-input::-ms-input-placeholder { color: #9195A3; } .c-input::-moz-placeholder { color: #9195A3; } .c-input { width: 394px; } .c-input input { width: 374px; } .c-input-xmini { width: 154px; } .c-input-xmini input { width: 134px; } .c-input-mini { width: 202px; } .c-input-mini input { width: 182px; } .c-input-small { width: 346px; } .c-input-small input { width: 326px; } .c-input-large { width: 442px; } .c-input-large input { width: 422px; } .c-input-xlarge { width: 730px; } .c-input-xlarge input { width: 710px; } .c-input12 { width: 538px; } .c-input12 input { width: 518px; } .c-input20 { width: 922px; } .c-input20 input { width: 902px; } .c-radio, .c-checkbox { display: inline-block; position: relative; white-space: nowrap; outline: 0; line-height: 1; vertical-align: middle; cursor: pointer; width: 16px; height: 16px; } .c-radio-inner, .c-checkbox-inner { display: inline-block; position: relative; width: 16px; height: 16px; line-height: 16px; text-align: center; top: 0; left: 0; background-color: #fff; color: #D7D9E0; } .c-radio-input, .c-checkbox-input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0) \9; user-select: none; margin: 0; padding: 0; width: 100%; height: 100%; cursor: pointer; zoom: 1; } .c-radio-inner-i, .c-checkbox-inner-i { display: none; font-size: 16px; } .c-radio-inner-bg, .c-checkbox-inner-bg { font-size: 16px; position: absolute; top: 0; left: 0; z-index: 1; } .c-radio-checked .c-radio-inner-i, .c-checkbox-checked .c-checkbox-inner-i { color: #4E71F2; display: inline-block; } .c-textarea { font: 13px/23px Arial, sans-serif; color: #333; padding: 0 10px; border: 1px solid #D7D9E0; border-radius: 6px; padding: 5px 10px; resize: none; outline: 0; } .c-textarea::-webkit-input-placeholder { color: #9195A3; } .c-textarea::-ms-input-placeholder { color: #9195A3; } .c-textarea::-moz-placeholder { color: #9195A3; } .c-icon { font-family: cIconfont!important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .c-line-clamp1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c-line-clamp2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c-text { display: inline-block; padding: 0 2px; text-align: center; vertical-align: middle; font-style: normal; color: #fff; overflow: hidden; line-height: 16px; height: 16px; font-size: 12px; border-radius: 4px; font-weight: 200; } a.c-text { text-decoration: none !important; } .c-text-info { padding-left: 0; padding-right: 0; font-weight: 700; color: #2b99ff; vertical-align: text-bottom; } .c-text-info span { padding: 0 2px; font-weight: 400; } .c-text-important { background-color: #1cb7fd; } .c-text-public { background-color: #4E6EF2; } .c-text-warning { background-color: #f60; } .c-text-prompt { background-color: #ffc20d; } .c-text-danger { background-color: #f73131; } .c-text-safe { background-color: #39b362; } .c-text-mult { padding: 0 4px; line-height: 18px; height: 18px; border-radius: 4px; font-weight: 400; } .c-text-blue { background-color: #4E6EF2; } .c-text-blue-border { border: 1px solid #CBD2FF; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #4E6EF2 !important; } .c-text-green { background-color: #39b362; } .c-text-green-border { border: 1px solid #C9E7CD; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #39b362 !important; } .c-text-red { background-color: #f73131; } .c-text-red-border { border: 1px solid #F0C8BD; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #f73131 !important; } .c-text-yellow { background-color: #ffc20d; } .c-text-yellow-border { border: 1px solid #FCEDB1; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #ffc20d !important; } .c-text-orange { background-color: #f60; } .c-text-orange-border { border: 1px solid #F8D2B0; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #f60 !important; } .c-text-pink { background-color: #fc3274; } .c-text-pink-border { border: 1px solid #F6C4D7; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #fc3274 !important; } .c-text-gray { background-color: #858585; } .c-text-gray-border { border: 1px solid #DBDBDB; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #858585 !important; } .c-text-dark-red { background-color: #CC2929; } .c-text-gray-opacity { background-color: rgba(0, 0, 0, 0.3); } .c-text-white-border { border: 1px solid rgba(255, 255, 255, 0.8); padding: 0 8px; border-radius: 4px; font-weight: 400; color: #fff !important; } .c-text-hot { background-color: #F60; } .c-text-new { background-color: #FF455B; } .c-text-fei { background-color: #FC3200; } .c-text-bao { background-color: #DE1544; } .c-text-rec { background-color: #4DADFE; } .c-text-business { background-color: #B4C4FF; } .c-text-time { background-color: rgba(0, 0, 0, 0.3); } .c-wrapper { word-wrap: break-word; word-break: break-all; font: 14px/24px Arial, sans-serif; color: #222; } .c-wrapper:after { display: block; height: 0; content: ""; clear: both; visibility: hidden; } .c-container { width: 560px; } .c-wrapper-l { width: 1040px; } .c-wrapper-l .c-container-r { width: 368px; } .c-wrapper-s { width: 896px; } .c-wrapper-s .c-container-r { width: 272px; } @media screen and (max-width: 1340px) { .c-wrapper { width: 896px; } .c-wrapper .c-container-r { width: 272px; } } .c-dialog-box { display: none; position: absolute; z-index: 999; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 16px; background: #FFF; padding: 19px 24px; } .c-dialog-box .c-dialog-close { position: absolute; cursor: pointer; top: 12px; right: 12px; height: 14px; width: 14px; line-height: 1; color: #D7D9E0; } .c-dialog-box .c-dialog-close:hover { color: #315EFB; } .c-floating-box { background: #FFF; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 12px; *border: 1px solid #D7D9E0; } .c-link { color: #222; text-decoration: none; } .c-link:visited { color: #626675; } .c-link:hover { color: #315EFB; text-decoration: none; } .c-capsule-tip { display: inline-block; background: #F63051; border-radius: 7px; padding: 0 4px; height: 13px; font-size: 11px; line-height: 14px; color: #fff; text-align: center; } html, body { height: 100%; color: #222; } * { margin: 0; padding: 0; } button, input, img { outline: 0; border: 0; } button { background-color: unset; } button, a { cursor: pointer; } a { text-decoration: none; color: inherit; } ul { list-style: none; } .wrapper { min-width: 1320px; } .wrapper .responsive-wrapper { min-width: 1320px; } @media (max-width: 1320px) { .wrapper { min-width: 1320px; } .wrapper .responsive-wrapper { min-width: 1320px; } } .wrapper-narrow { min-width: 1320px; } .wrapper-narrow .responsive-wrapper { min-width: 1320px; } .container { display: block; width: 1088px; margin: 0 auto; box-sizing: border-box; } @media (max-width: 1320px) { .container { width: 992px; } } .wrapper-narrow .container { width: 992px; } .rel { position: relative; } .abs { position: absolute; } @font-face { font-family: 'cIconfont'; src: url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_489aa1f2f0a6e1dfacb56a991a67d6cf.eot); src: url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_489aa1f2f0a6e1dfacb56a991a67d6cf.eot?#iefix) format('embedded-opentype'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_92a48d1bbedbf4e9edf36cb3b355039a.woff2) format('woff2'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_8d19d0cbd6e76cd46858910930e4c4ba.woff) format('woff'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_4906e5628fa7ee368606ee5fa605ff40.ttf) format('ttf'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_5bfbad8e8b4fb39824e4823554647eb3.svg#iconfont) format('svg'); } [theme="realtime"] .c-theme-color, [theme="homepage"] .c-theme-color { color: #ff4d4d; } [theme="realtime"] .c-theme-color-bg, [theme="homepage"] .c-theme-color-bg { background-color: #ff4d4d; } [theme="novel"] .c-theme-color { color: #ff6633; } [theme="novel"] .c-theme-color-bg { background-color: #ff6633; } [theme="movie"] .c-theme-color { color: #4d4dff; } [theme="movie"] .c-theme-color-bg { background-color: #4d4dff; } [theme="teleplay"] .c-theme-color { color: #4d4dff; } [theme="teleplay"] .c-theme-color-bg { background-color: #4d4dff; } [theme="cartoon"] .c-theme-color { color: #ff4d4d; } [theme="cartoon"] .c-theme-color-bg { background-color: #ff4d4d; } [theme="variety"] .c-theme-color { color: #8a42ff; } [theme="variety"] .c-theme-color-bg { background-color: #8a42ff; } [theme="documentary"] .c-theme-color { color: #6633ff; } [theme="documentary"] .c-theme-color-bg { background-color: #6633ff; } [theme="game"] .c-theme-color { color: #6633ff; } [theme="game"] .c-theme-color-bg { background-color: #6633ff; } [theme="car"] .c-theme-color { color: #1a8cff; } [theme="car"] .c-theme-color-bg { background-color: #1a8cff; } .c-single-text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bg-wrapper { position: absolute; z-index: -1; overflow: hidden; width: 100%; height: 800px; } .bg-wrapper img { position: absolute; top: 0; left: 50%; z-index: 1; height: 100%; margin-left: -960px; } .bg-wrapper img.default { left: 0; z-index: 0; width: 100%; margin-left: 0; } [theme="homepage"] .bg-wrapper, [theme="realtime"] .bg-wrapper { background-image: linear-gradient(180deg, #f44e16 0%, #fff 88%); } [theme="variety"] .bg-wrapper { background-image: linear-gradient(180deg, #b933ed 0%, #fff 100%); } [theme="car"] .bg-wrapper { background-image: linear-gradient(180deg, #1a8cff 0%, #fff 100%); } [theme="novel"] .bg-wrapper, [theme="cartoon"] .bg-wrapper { background-image: linear-gradient(180deg, #ff8c1a 0%, #fff 100%); } [theme="movie"] .bg-wrapper, [theme="teleplay"] .bg-wrapper { background-image: linear-gradient(180deg, #4d4dff 0%, #fff 100%); } [theme="documentary"] .bg-wrapper, [theme="game"] .bg-wrapper { background-image: linear-gradient(180deg, #63f 0%, #fff 100%); } .header-placeholder_3y-pN { margin-bottom: 8px; } .header_3wayL { box-sizing: border-box; width: 100%; color: #fff; } .navi-top-wrapper_20foP { height: 48px; margin-bottom: 34px; color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .navi-top-wrapper_20foP:after { content: ''; clear: both; } .navi-top-left_1Zuqa { top: 0; left: 24px; } .navi-top-right_33qd2 { top: 0; right: 24px; } .navi-item_2z3vU { float: left; margin-top: 13px; margin-right: 24px; } .navi-item_2z3vU:hover { color: #fff; } .tab-wrap_23sEv { overflow: hidden; margin: 34px auto 24px; padding: 0 9px 0 17px; } .logo-trends-wrapper_150M5 { float: left; width: 196px; height: 58px; cursor: pointer; } .logo-trends-wrapper_150M5 > img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>

.c-gap-top-small {
  margin-top: 3px;
}
.c-gap-top {
  margin-top: 7px;
}
.c-gap-top-large {
  margin-top: 11px;
}
.c-gap-top-mini {
  margin-top: 2px;
}
.c-gap-top-xsmall {
  margin-top: 4px;
}
.c-gap-top-middle {
  margin-top: 10px;
}
.c-gap-bottom-small {
  margin-bottom: 3px;
}
.c-gap-bottom {
  margin-bottom: 7px;
}
.c-gap-bottom-large {
  margin-bottom: 11px;
}
.c-gap-bottom-mini {
  margin-bottom: 2px;
}
.c-gap-bottom-xsmall {
  margin-bottom: 4px;
}
.c-gap-bottom-middle {
  margin-bottom: 10px;
}
.c-gap-left {
  margin-left: 12px;
}
.c-gap-left-small {
  margin-left: 8px;
}
.c-gap-left-xsmall {
  margin-left: 4px;
}
.c-gap-left-mini {
  margin-left: 2px;
}
.c-gap-left-large {
  margin-left: 16px;
}
.c-gap-left-middle {
  margin-left: 10px;
}
.c-gap-right {
  margin-right: 12px;
}
.c-gap-right-small {
  margin-right: 8px;
}
.c-gap-right-xsmall {
  margin-right: 4px;
}
.c-gap-right-mini {
  margin-right: 2px;
}
.c-gap-right-large {
  margin-right: 16px;
}
.c-gap-right-middle {
  margin-right: 10px;
}
.c-gap-icon-right-small {
  margin-right: 5px;
}
.c-gap-icon-right {
  margin-right: 10px;
}
.c-gap-icon-left-small {
  margin-left: 5px;
}
.c-gap-icon-left {
  margin-left: 10px;
}
.c-row {
  *zoom: 1;
}
.c-row:after {
  display: block;
  height: 0;
  content: "";
  clear: both;
  visibility: hidden;
}
.c-span1 {
  width: 32px;
}
.c-span2 {
  width: 80px;
}
.c-span3 {
  width: 128px;
}
.c-span4 {
  width: 176px;
}
.c-span5 {
  width: 224px;
}
.c-span6 {
  width: 272px;
}
.c-span7 {
  width: 320px;
}
.c-span8 {
  width: 368px;
}
.c-span9 {
  width: 416px;
}
.c-span10 {
  width: 464px;
}
.c-span11 {
  width: 512px;
}
.c-span12 {
  width: 560px;
}
.c-span2,
.c-span3,
.c-span4,
.c-span5,
.c-span6,
.c-span7,
.c-span8,
.c-span9,
.c-span10,
.c-span11,
.c-span12 {
  float: left;
  _display: inline;
  margin-right: 16px;
  list-style: none;
}
.c-span-last {
  margin-right: 0;
}
.c-span-last-s {
  margin-right: 0;
}
.c-feed-box .c-span1 {
  width: 43px;
}
.c-feed-box .c-span2 {
  width: 90px;
}
.c-feed-box .c-span3 {
  width: 137px;
}
.c-feed-box .c-span4 {
  width: 184px;
}
.c-feed-box .c-span5 {
  width: 231px;
}
.c-feed-box .c-span6 {
  width: 278px;
}
.c-feed-box .c-span7 {
  width: 325px;
}
.c-feed-box .c-span8 {
  width: 372px;
}
.c-feed-box .c-span9 {
  width: 419px;
}
.c-feed-box .c-span10 {
  width: 466px;
}
.c-feed-box .c-span11 {
  width: 513px;
}
.c-feed-box .c-span12 {
  width: 560px;
}
.c-feed-box .c-span2,
.c-feed-box .c-span3,
.c-feed-box .c-span4,
.c-feed-box .c-span5,
.c-feed-box .c-span6,
.c-feed-box .c-span7,
.c-feed-box .c-span8,
.c-feed-box .c-span9,
.c-feed-box .c-span10,
.c-feed-box .c-span11,
.c-feed-box .c-span12 {
  margin-right: 4px;
}
.c-feed-box .c-span-last {
  margin-right: 0;
}
.c-index {
  display: inline-block;
  width: 14px;
  padding: 1px 0;
  line-height: 100%;
  text-align: center;
  color: #fff;
  background-color: #8eb9f5;
  font-size: 12px;
}
.c-index-hot,
.c-index-hot1 {
  background-color: #f54545;
}
.c-index-hot2 {
  background-color: #ff8547;
}
.c-index-hot3 {
  background-color: #ffac38;
}
.c-index-single {
  display: inline-block;
  background: 0 0;
  color: #9195A3;
  width: 18px;
  font-size: 15px;
  letter-spacing: -1px;
}
.c-index-single-hot,
.c-index-single-hot1 {
  color: #FE2D46;
}
.c-index-single-hot2 {
  color: #F60;
}
.c-index-single-hot3 {
  color: #FAA90E;
}
.c-font-sigma {
  font: 36px/60px Arial, sans-serif;
}
.c-font-large {
  font: 20px/30px Arial, sans-serif;
}
.c-font-big {
  font: 20px/30px Arial, sans-serif;
}
.c-font-special {
  font: 16px/26px Arial, sans-serif;
}
.c-font-medium {
  font: 14px/24px Arial, sans-serif;
}
.c-font-middle {
  font: 14px/24px Arial, sans-serif;
}
.c-font-normal {
  font: 13px/23px Arial, sans-serif;
}
.c-font-small {
  font: 12px/20px Arial, sans-serif;
}
.c-font-family {
  font-family: Arial, sans-serif;
}
.c-color-t {
  color: #222;
}
.c-color-text {
  color: #333;
}
.c-color-gray {
  color: #626675;
}
.c-color-gray2 {
  color: #9195A3;
}
.c-color-visited {
  color: #626675;
}
.c-color-link {
  color: #222;
}
.c-color-orange {
  color: #FA4901;
}
.c-color-green {
  color: #0EBE90;
}
.c-color-ad {
  color: #77A9F9;
}
.c-color-red {
  color: #F63051;
}
.c-color-red:visited {
  color: #F63051;
}
.c-color-warn {
  color: #FF7900;
}
.c-color-warn:visited {
  color: #FF7900;
}
.c-color-link {
  color: #3951b3;
}
.c-btn,
.c-btn:visited {
  color: #333 !important;
}
.c-btn {
  display: inline-block;
  overflow: hidden;
  font-family: inherit;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  outline: 0;
  border: 0;
  height: 30px;
  width: 80px;
  line-height: 30px;
  font-size: 13px;
  border-radius: 6px;
  padding: 0;
  background-color: #F5F5F6;
  *zoom: 1;
  cursor: pointer;
}
.c-btn:hover {
  background-color: #315EFB;
  color: #FFF !important;
}
a.c-btn {
  text-decoration: none;
}
button.c-btn {
  *overflow: visible;
  border: 0;
}
button.c-btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.c-btn-disable {
  color: #C4C7CE !important;
}
.c-btn-disable:visited {
  color: #C4C7CE !important;
}
.c-btn-disable:hover {
  cursor: default;
  color: #C4C7CE !important;
  background-color: #F5F5F6;
}
.c-btn-mini {
  height: 24px;
  width: 48px;
  line-height: 24px;
}
.c-btn-mini .c-icon {
  margin-top: 2px;
}
.c-btn-large {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
button.c-btn-large {
  height: 30px;
  _line-height: 24px;
}
.c-btn-large .c-icon {
  margin-top: 7px;
  _margin-top: 6px;
}
.c-btn-primary,
.c-btn-primary:visited {
  color: #fff !important;
}
.c-btn-primary {
  background-color: #4E6EF2;
}
.c-btn-primary:hover {
  background-color: #315EFB;
}
.c-btn-weak {
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  font-size: 12px;
}
.c-btn-add {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #9195A3 !important;
}
.c-btn-add:hover {
  background-color: #4E6EF2;
  color: #fff !important;
}
.c-btn-add .c-icon {
  float: none;
}
.c-btn-add-disable:hover {
  cursor: default;
  color: #C4C7CE !important;
  background-color: #F5F5F6;
}
.c-select {
  position: relative;
  display: inline-block;
  width: 96px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  vertical-align: middle;
  color: #222;
  font: 13px/23px Arial, sans-serif;
}
.c-select-selection {
  display: block;
  height: 30px;
  line-height: 29px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 26px 0 10px;
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #D7D9E0;
  outline: 0;
  user-select: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-select-arrow,
.c-select-arrow-up {
  position: absolute;
  top: -1px;
  right: 10px;
  color: #9195A3;
  font-size: 16px;
}
.c-select-dropdown {
  display: none;
  position: absolute;
  padding-top: 4px;
  top: 25px;
  z-index: 999;
  left: 0;
  width: 94px;
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  background: #fff;
  border-radius: 0 0 6px 6px;
  border: 1px solid #D7D9E0;
  border-top: 0;
  zoom: 1;
}
.c-select-split {
  border-top: 1px solid #f5f5f5;
  margin: 0 5px;
}
.c-select-dropdown-list {
  padding: 0;
  margin: 5px 0 0;
  list-style: none;
}
.c-select-dropdown-list.c-select-scroll {
  max-height: 207px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 5px;
  margin-bottom: 9px;
}
.c-select-dropdown-list.c-select-scroll::-webkit-scrollbar {
  width: 2px;
}
.c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-track {
  width: 2px;
  background: #f5f5f6;
  border-radius: 1px;
}
.c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-thumb {
  width: 2px;
  height: 58px;
  background-color: #4e71f2;
  border-radius: 1px;
}
.c-select-dropdown-list.c-select-scroll .c-select-item:last-child {
  margin: 0;
}
.c-select-item {
  margin: 0 0 4px;
  padding: 0 10px;
  clear: both;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.c-select-item:hover {
  color: #315EFB;
}
.c-select-item-selected {
  color: #315EFB;
}
.c-select-arrow-up {
  display: none;
}
.c-select-visible .c-select-selection {
  border-radius: 6px 6px 0 0;
}
.c-select-visible .c-select-dropdown {
  display: block;
}
.c-select-visible .c-select-arrow {
  display: none;
}
.c-select-visible .c-select-arrow-up {
  display: inline-block;
}
.c-img {
  position: relative;
  display: block;
  min-height: 1px;
  border: 0;
  line-height: 0;
  background: #f5f5f6;
  overflow: hidden;
}
.c-img img {
  width: 100%;
}
.c-img1 {
  width: 32px;
}
.c-img2 {
  width: 80px;
}
.c-img3 {
  width: 128px;
}
.c-img4 {
  width: 176px;
}
.c-img6 {
  width: 272px;
}
.c-img12 {
  width: 560px;
}
.c-feed-box .c-img1 {
  width: 43px;
}
.c-feed-box .c-img2 {
  width: 90px;
}
.c-feed-box .c-img3 {
  width: 137px;
}
.c-feed-box .c-img4 {
  width: 184px;
}
.c-feed-box .c-img6 {
  width: 278px;
}
.c-feed-box .c-img12 {
  width: 560px;
}
.c-img-s,
.c-img-l,
.c-img-w,
.c-img-x,
.c-img-y,
.c-img-v,
.c-img-z {
  height: 0;
  overflow: hidden;
}
.c-img-s {
  padding-bottom: 100%;
}
.c-img-l {
  padding-bottom: 133.33333333%;
}
.c-img-w {
  padding-bottom: 56.25%;
}
.c-img-x {
  padding-bottom: 75%;
}
.c-img-y {
  padding-bottom: 66.66666667%;
}
.c-img-v {
  padding-bottom: 116.66666667%;
}
.c-img-z {
  padding-bottom: 62.5%;
}
.c-img-radius {
  border-radius: 6px;
}
.c-img-radius-s {
  border-radius: 2px;
}
.c-img-radius-small {
  border-radius: 2px;
}
.c-img-radius-large {
  border-radius: 12px;
}
.c-img-radius-middle {
  border-radius: 4px;
}
.c-img-radius-left {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.c-img-radius-right {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.c-img-radius-left-s {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.c-img-radius-right-s {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.c-img-radius-left-l {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.c-img-radius-right-l {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.c-img-mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
  background-image: -ms-radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
}
.c-img-border {
  content: img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.c-gap-top-small { margin-top: 3px; } .c-gap-top { margin-top: 7px; } .c-gap-top-large { margin-top: 11px; } .c-gap-top-mini { margin-top: 2px; } .c-gap-top-xsmall { margin-top: 4px; } .c-gap-top-middle { margin-top: 10px; } .c-gap-bottom-small { margin-bottom: 3px; } .c-gap-bottom { margin-bottom: 7px; } .c-gap-bottom-large { margin-bottom: 11px; } .c-gap-bottom-mini { margin-bottom: 2px; } .c-gap-bottom-xsmall { margin-bottom: 4px; } .c-gap-bottom-middle { margin-bottom: 10px; } .c-gap-left { margin-left: 12px; } .c-gap-left-small { margin-left: 8px; } .c-gap-left-xsmall { margin-left: 4px; } .c-gap-left-mini { margin-left: 2px; } .c-gap-left-large { margin-left: 16px; } .c-gap-left-middle { margin-left: 10px; } .c-gap-right { margin-right: 12px; } .c-gap-right-small { margin-right: 8px; } .c-gap-right-xsmall { margin-right: 4px; } .c-gap-right-mini { margin-right: 2px; } .c-gap-right-large { margin-right: 16px; } .c-gap-right-middle { margin-right: 10px; } .c-gap-icon-right-small { margin-right: 5px; } .c-gap-icon-right { margin-right: 10px; } .c-gap-icon-left-small { margin-left: 5px; } .c-gap-icon-left { margin-left: 10px; } .c-row { *zoom: 1; } .c-row:after { display: block; height: 0; content: ""; clear: both; visibility: hidden; } .c-span1 { width: 32px; } .c-span2 { width: 80px; } .c-span3 { width: 128px; } .c-span4 { width: 176px; } .c-span5 { width: 224px; } .c-span6 { width: 272px; } .c-span7 { width: 320px; } .c-span8 { width: 368px; } .c-span9 { width: 416px; } .c-span10 { width: 464px; } .c-span11 { width: 512px; } .c-span12 { width: 560px; } .c-span2, .c-span3, .c-span4, .c-span5, .c-span6, .c-span7, .c-span8, .c-span9, .c-span10, .c-span11, .c-span12 { float: left; _display: inline; margin-right: 16px; list-style: none; } .c-span-last { margin-right: 0; } .c-span-last-s { margin-right: 0; } .c-feed-box .c-span1 { width: 43px; } .c-feed-box .c-span2 { width: 90px; } .c-feed-box .c-span3 { width: 137px; } .c-feed-box .c-span4 { width: 184px; } .c-feed-box .c-span5 { width: 231px; } .c-feed-box .c-span6 { width: 278px; } .c-feed-box .c-span7 { width: 325px; } .c-feed-box .c-span8 { width: 372px; } .c-feed-box .c-span9 { width: 419px; } .c-feed-box .c-span10 { width: 466px; } .c-feed-box .c-span11 { width: 513px; } .c-feed-box .c-span12 { width: 560px; } .c-feed-box .c-span2, .c-feed-box .c-span3, .c-feed-box .c-span4, .c-feed-box .c-span5, .c-feed-box .c-span6, .c-feed-box .c-span7, .c-feed-box .c-span8, .c-feed-box .c-span9, .c-feed-box .c-span10, .c-feed-box .c-span11, .c-feed-box .c-span12 { margin-right: 4px; } .c-feed-box .c-span-last { margin-right: 0; } .c-index { display: inline-block; width: 14px; padding: 1px 0; line-height: 100%; text-align: center; color: #fff; background-color: #8eb9f5; font-size: 12px; } .c-index-hot, .c-index-hot1 { background-color: #f54545; } .c-index-hot2 { background-color: #ff8547; } .c-index-hot3 { background-color: #ffac38; } .c-index-single { display: inline-block; background: 0 0; color: #9195A3; width: 18px; font-size: 15px; letter-spacing: -1px; } .c-index-single-hot, .c-index-single-hot1 { color: #FE2D46; } .c-index-single-hot2 { color: #F60; } .c-index-single-hot3 { color: #FAA90E; } .c-font-sigma { font: 36px/60px Arial, sans-serif; } .c-font-large { font: 20px/30px Arial, sans-serif; } .c-font-big { font: 20px/30px Arial, sans-serif; } .c-font-special { font: 16px/26px Arial, sans-serif; } .c-font-medium { font: 14px/24px Arial, sans-serif; } .c-font-middle { font: 14px/24px Arial, sans-serif; } .c-font-normal { font: 13px/23px Arial, sans-serif; } .c-font-small { font: 12px/20px Arial, sans-serif; } .c-font-family { font-family: Arial, sans-serif; } .c-color-t { color: #222; } .c-color-text { color: #333; } .c-color-gray { color: #626675; } .c-color-gray2 { color: #9195A3; } .c-color-visited { color: #626675; } .c-color-link { color: #222; } .c-color-orange { color: #FA4901; } .c-color-green { color: #0EBE90; } .c-color-ad { color: #77A9F9; } .c-color-red { color: #F63051; } .c-color-red:visited { color: #F63051; } .c-color-warn { color: #FF7900; } .c-color-warn:visited { color: #FF7900; } .c-color-link { color: #3951b3; } .c-btn, .c-btn:visited { color: #333 !important; } .c-btn { display: inline-block; overflow: hidden; font-family: inherit; font-weight: 400; text-align: center; vertical-align: middle; outline: 0; border: 0; height: 30px; width: 80px; line-height: 30px; font-size: 13px; border-radius: 6px; padding: 0; background-color: #F5F5F6; *zoom: 1; cursor: pointer; } .c-btn:hover { background-color: #315EFB; color: #FFF !important; } a.c-btn { text-decoration: none; } button.c-btn { *overflow: visible; border: 0; } button.c-btn::-moz-focus-inner { padding: 0; border: 0; } .c-btn-disable { color: #C4C7CE !important; } .c-btn-disable:visited { color: #C4C7CE !important; } .c-btn-disable:hover { cursor: default; color: #C4C7CE !important; background-color: #F5F5F6; } .c-btn-mini { height: 24px; width: 48px; line-height: 24px; } .c-btn-mini .c-icon { margin-top: 2px; } .c-btn-large { height: 30px; line-height: 30px; font-size: 14px; } button.c-btn-large { height: 30px; _line-height: 24px; } .c-btn-large .c-icon { margin-top: 7px; _margin-top: 6px; } .c-btn-primary, .c-btn-primary:visited { color: #fff !important; } .c-btn-primary { background-color: #4E6EF2; } .c-btn-primary:hover { background-color: #315EFB; } .c-btn-weak { height: 24px; line-height: 24px; border-radius: 4px; font-size: 12px; } .c-btn-add { width: 32px; height: 32px; line-height: 32px; text-align: center; color: #9195A3 !important; } .c-btn-add:hover { background-color: #4E6EF2; color: #fff !important; } .c-btn-add .c-icon { float: none; } .c-btn-add-disable:hover { cursor: default; color: #C4C7CE !important; background-color: #F5F5F6; } .c-select { position: relative; display: inline-block; width: 96px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; color: #222; font: 13px/23px Arial, sans-serif; } .c-select-selection { display: block; height: 30px; line-height: 29px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 26px 0 10px; background-color: #fff; border-radius: 6px; border: 1px solid #D7D9E0; outline: 0; user-select: none; cursor: pointer; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c-select-arrow, .c-select-arrow-up { position: absolute; top: -1px; right: 10px; color: #9195A3; font-size: 16px; } .c-select-dropdown { display: none; position: absolute; padding-top: 4px; top: 25px; z-index: 999; left: 0; width: 94px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; background: #fff; border-radius: 0 0 6px 6px; border: 1px solid #D7D9E0; border-top: 0; zoom: 1; } .c-select-split { border-top: 1px solid #f5f5f5; margin: 0 5px; } .c-select-dropdown-list { padding: 0; margin: 5px 0 0; list-style: none; } .c-select-dropdown-list.c-select-scroll { max-height: 207px; overflow-y: auto; overflow-x: hidden; margin-right: 5px; margin-bottom: 9px; } .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar { width: 2px; } .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-track { width: 2px; background: #f5f5f6; border-radius: 1px; } .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-thumb { width: 2px; height: 58px; background-color: #4e71f2; border-radius: 1px; } .c-select-dropdown-list.c-select-scroll .c-select-item:last-child { margin: 0; } .c-select-item { margin: 0 0 4px; padding: 0 10px; clear: both; white-space: nowrap; list-style: none; cursor: pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .c-select-item:hover { color: #315EFB; } .c-select-item-selected { color: #315EFB; } .c-select-arrow-up { display: none; } .c-select-visible .c-select-selection { border-radius: 6px 6px 0 0; } .c-select-visible .c-select-dropdown { display: block; } .c-select-visible .c-select-arrow { display: none; } .c-select-visible .c-select-arrow-up { display: inline-block; } .c-img { position: relative; display: block; min-height: 1px; border: 0; line-height: 0; background: #f5f5f6; overflow: hidden; } .c-img img { width: 100%; } .c-img1 { width: 32px; } .c-img2 { width: 80px; } .c-img3 { width: 128px; } .c-img4 { width: 176px; } .c-img6 { width: 272px; } .c-img12 { width: 560px; } .c-feed-box .c-img1 { width: 43px; } .c-feed-box .c-img2 { width: 90px; } .c-feed-box .c-img3 { width: 137px; } .c-feed-box .c-img4 { width: 184px; } .c-feed-box .c-img6 { width: 278px; } .c-feed-box .c-img12 { width: 560px; } .c-img-s, .c-img-l, .c-img-w, .c-img-x, .c-img-y, .c-img-v, .c-img-z { height: 0; overflow: hidden; } .c-img-s { padding-bottom: 100%; } .c-img-l { padding-bottom: 133.33333333%; } .c-img-w { padding-bottom: 56.25%; } .c-img-x { padding-bottom: 75%; } .c-img-y { padding-bottom: 66.66666667%; } .c-img-v { padding-bottom: 116.66666667%; } .c-img-z { padding-bottom: 62.5%; } .c-img-radius { border-radius: 6px; } .c-img-radius-s { border-radius: 2px; } .c-img-radius-small { border-radius: 2px; } .c-img-radius-large { border-radius: 12px; } .c-img-radius-middle { border-radius: 4px; } .c-img-radius-left { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .c-img-radius-right { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .c-img-radius-left-s { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .c-img-radius-right-s { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .c-img-radius-left-l { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .c-img-radius-right-l { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .c-img-mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); background-image: -ms-radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); } .c-img-border { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid rgba(0, 0, 0, 0.05); } .c-img-circle { border-radius: 100%; overflow: hidden; } .c-input { display: inline-block; font: 13px/23px Arial, sans-serif; color: #333; padding: 0 10px; border: 1px solid #D7D9E0; border-radius: 6px; height: 28px; line-height: 28px\9; font-size: 13px; outline: 0; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; vertical-align: top; overflow: hidden; } .c-input .c-icon { float: right; margin-top: 6px; font-size: 16px; color: #9195A3; } .c-input .c-icon-left { float: left; margin-right: 4px; } .c-input input { float: left; font-size: 13px; border: 0; outline: 0; } .c-input input::-webkit-input-placeholder { color: #9195A3; } .c-input input::-ms-input-placeholder { color: #9195A3; } .c-input input::-moz-placeholder { color: #9195A3; } .c-input::-webkit-input-placeholder { color: #9195A3; } .c-input::-ms-input-placeholder { color: #9195A3; } .c-input::-moz-placeholder { color: #9195A3; } .c-input { width: 394px; } .c-input input { width: 374px; } .c-input-xmini { width: 154px; } .c-input-xmini input { width: 134px; } .c-input-mini { width: 202px; } .c-input-mini input { width: 182px; } .c-input-small { width: 346px; } .c-input-small input { width: 326px; } .c-input-large { width: 442px; } .c-input-large input { width: 422px; } .c-input-xlarge { width: 730px; } .c-input-xlarge input { width: 710px; } .c-input12 { width: 538px; } .c-input12 input { width: 518px; } .c-input20 { width: 922px; } .c-input20 input { width: 902px; } .c-radio, .c-checkbox { display: inline-block; position: relative; white-space: nowrap; outline: 0; line-height: 1; vertical-align: middle; cursor: pointer; width: 16px; height: 16px; } .c-radio-inner, .c-checkbox-inner { display: inline-block; position: relative; width: 16px; height: 16px; line-height: 16px; text-align: center; top: 0; left: 0; background-color: #fff; color: #D7D9E0; } .c-radio-input, .c-checkbox-input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0) \9; user-select: none; margin: 0; padding: 0; width: 100%; height: 100%; cursor: pointer; zoom: 1; } .c-radio-inner-i, .c-checkbox-inner-i { display: none; font-size: 16px; } .c-radio-inner-bg, .c-checkbox-inner-bg { font-size: 16px; position: absolute; top: 0; left: 0; z-index: 1; } .c-radio-checked .c-radio-inner-i, .c-checkbox-checked .c-checkbox-inner-i { color: #4E71F2; display: inline-block; } .c-textarea { font: 13px/23px Arial, sans-serif; color: #333; padding: 0 10px; border: 1px solid #D7D9E0; border-radius: 6px; padding: 5px 10px; resize: none; outline: 0; } .c-textarea::-webkit-input-placeholder { color: #9195A3; } .c-textarea::-ms-input-placeholder { color: #9195A3; } .c-textarea::-moz-placeholder { color: #9195A3; } .c-icon { font-family: cIconfont!important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .c-line-clamp1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c-line-clamp2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c-text { display: inline-block; padding: 0 2px; text-align: center; vertical-align: middle; font-style: normal; color: #fff; overflow: hidden; line-height: 16px; height: 16px; font-size: 12px; border-radius: 4px; font-weight: 200; } a.c-text { text-decoration: none !important; } .c-text-info { padding-left: 0; padding-right: 0; font-weight: 700; color: #2b99ff; vertical-align: text-bottom; } .c-text-info span { padding: 0 2px; font-weight: 400; } .c-text-important { background-color: #1cb7fd; } .c-text-public { background-color: #4E6EF2; } .c-text-warning { background-color: #f60; } .c-text-prompt { background-color: #ffc20d; } .c-text-danger { background-color: #f73131; } .c-text-safe { background-color: #39b362; } .c-text-mult { padding: 0 4px; line-height: 18px; height: 18px; border-radius: 4px; font-weight: 400; } .c-text-blue { background-color: #4E6EF2; } .c-text-blue-border { border: 1px solid #CBD2FF; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #4E6EF2 !important; } .c-text-green { background-color: #39b362; } .c-text-green-border { border: 1px solid #C9E7CD; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #39b362 !important; } .c-text-red { background-color: #f73131; } .c-text-red-border { border: 1px solid #F0C8BD; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #f73131 !important; } .c-text-yellow { background-color: #ffc20d; } .c-text-yellow-border { border: 1px solid #FCEDB1; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #ffc20d !important; } .c-text-orange { background-color: #f60; } .c-text-orange-border { border: 1px solid #F8D2B0; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #f60 !important; } .c-text-pink { background-color: #fc3274; } .c-text-pink-border { border: 1px solid #F6C4D7; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #fc3274 !important; } .c-text-gray { background-color: #858585; } .c-text-gray-border { border: 1px solid #DBDBDB; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #858585 !important; } .c-text-dark-red { background-color: #CC2929; } .c-text-gray-opacity { background-color: rgba(0, 0, 0, 0.3); } .c-text-white-border { border: 1px solid rgba(255, 255, 255, 0.8); padding: 0 8px; border-radius: 4px; font-weight: 400; color: #fff !important; } .c-text-hot { background-color: #F60; } .c-text-new { background-color: #FF455B; } .c-text-fei { background-color: #FC3200; } .c-text-bao { background-color: #DE1544; } .c-text-rec { background-color: #4DADFE; } .c-text-business { background-color: #B4C4FF; } .c-text-time { background-color: rgba(0, 0, 0, 0.3); } .c-wrapper { word-wrap: break-word; word-break: break-all; font: 14px/24px Arial, sans-serif; color: #222; } .c-wrapper:after { display: block; height: 0; content: ""; clear: both; visibility: hidden; } .c-container { width: 560px; } .c-wrapper-l { width: 1040px; } .c-wrapper-l .c-container-r { width: 368px; } .c-wrapper-s { width: 896px; } .c-wrapper-s .c-container-r { width: 272px; } @media screen and (max-width: 1340px) { .c-wrapper { width: 896px; } .c-wrapper .c-container-r { width: 272px; } } .c-dialog-box { display: none; position: absolute; z-index: 999; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 16px; background: #FFF; padding: 19px 24px; } .c-dialog-box .c-dialog-close { position: absolute; cursor: pointer; top: 12px; right: 12px; height: 14px; width: 14px; line-height: 1; color: #D7D9E0; } .c-dialog-box .c-dialog-close:hover { color: #315EFB; } .c-floating-box { background: #FFF; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 12px; *border: 1px solid #D7D9E0; } .c-link { color: #222; text-decoration: none; } .c-link:visited { color: #626675; } .c-link:hover { color: #315EFB; text-decoration: none; } .c-capsule-tip { display: inline-block; background: #F63051; border-radius: 7px; padding: 0 4px; height: 13px; font-size: 11px; line-height: 14px; color: #fff; text-align: center; } html, body { height: 100%; color: #222; } * { margin: 0; padding: 0; } button, input, img { outline: 0; border: 0; } button { background-color: unset; } button, a { cursor: pointer; } a { text-decoration: none; color: inherit; } ul { list-style: none; } .wrapper { min-width: 1320px; } .wrapper .responsive-wrapper { min-width: 1320px; } @media (max-width: 1320px) { .wrapper { min-width: 1320px; } .wrapper .responsive-wrapper { min-width: 1320px; } } .wrapper-narrow { min-width: 1320px; } .wrapper-narrow .responsive-wrapper { min-width: 1320px; } .container { display: block; width: 1088px; margin: 0 auto; box-sizing: border-box; } @media (max-width: 1320px) { .container { width: 992px; } } .wrapper-narrow .container { width: 992px; } .rel { position: relative; } .abs { position: absolute; } @font-face { font-family: 'cIconfont'; src: url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_489aa1f2f0a6e1dfacb56a991a67d6cf.eot); src: url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_489aa1f2f0a6e1dfacb56a991a67d6cf.eot?#iefix) format('embedded-opentype'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_92a48d1bbedbf4e9edf36cb3b355039a.woff2) format('woff2'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_8d19d0cbd6e76cd46858910930e4c4ba.woff) format('woff'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_4906e5628fa7ee368606ee5fa605ff40.ttf) format('ttf'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_5bfbad8e8b4fb39824e4823554647eb3.svg#iconfont) format('svg'); } [theme="realtime"] .c-theme-color, [theme="homepage"] .c-theme-color { color: #ff4d4d; } [theme="realtime"] .c-theme-color-bg, [theme="homepage"] .c-theme-color-bg { background-color: #ff4d4d; } [theme="novel"] .c-theme-color { color: #ff6633; } [theme="novel"] .c-theme-color-bg { background-color: #ff6633; } [theme="movie"] .c-theme-color { color: #4d4dff; } [theme="movie"] .c-theme-color-bg { background-color: #4d4dff; } [theme="teleplay"] .c-theme-color { color: #4d4dff; } [theme="teleplay"] .c-theme-color-bg { background-color: #4d4dff; } [theme="cartoon"] .c-theme-color { color: #ff4d4d; } [theme="cartoon"] .c-theme-color-bg { background-color: #ff4d4d; } [theme="variety"] .c-theme-color { color: #8a42ff; } [theme="variety"] .c-theme-color-bg { background-color: #8a42ff; } [theme="documentary"] .c-theme-color { color: #6633ff; } [theme="documentary"] .c-theme-color-bg { background-color: #6633ff; } [theme="game"] .c-theme-color { color: #6633ff; } [theme="game"] .c-theme-color-bg { background-color: #6633ff; } [theme="car"] .c-theme-color { color: #1a8cff; } [theme="car"] .c-theme-color-bg { background-color: #1a8cff; } .c-single-text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bg-wrapper { position: absolute; z-index: -1; overflow: hidden; width: 100%; height: 800px; } .bg-wrapper img { position: absolute; top: 0; left: 50%; z-index: 1; height: 100%; margin-left: -960px; } .bg-wrapper img.default { left: 0; z-index: 0; width: 100%; margin-left: 0; } [theme="homepage"] .bg-wrapper, [theme="realtime"] .bg-wrapper { background-image: linear-gradient(180deg, #f44e16 0%, #fff 88%); } [theme="variety"] .bg-wrapper { background-image: linear-gradient(180deg, #b933ed 0%, #fff 100%); } [theme="car"] .bg-wrapper { background-image: linear-gradient(180deg, #1a8cff 0%, #fff 100%); } [theme="novel"] .bg-wrapper, [theme="cartoon"] .bg-wrapper { background-image: linear-gradient(180deg, #ff8c1a 0%, #fff 100%); } [theme="movie"] .bg-wrapper, [theme="teleplay"] .bg-wrapper { background-image: linear-gradient(180deg, #4d4dff 0%, #fff 100%); } [theme="documentary"] .bg-wrapper, [theme="game"] .bg-wrapper { background-image: linear-gradient(180deg, #63f 0%, #fff 100%); } .header-placeholder_3y-pN { margin-bottom: 8px; } .header_3wayL { box-sizing: border-box; width: 100%; color: #fff; } .navi-top-wrapper_20foP { height: 48px; margin-bottom: 34px; color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .navi-top-wrapper_20foP:after { content: ''; clear: both; } .navi-top-left_1Zuqa { top: 0; left: 24px; } .navi-top-right_33qd2 { top: 0; right: 24px; } .navi-item_2z3vU { float: left; margin-top: 13px; margin-right: 24px; } .navi-item_2z3vU:hover { color: #fff; } .tab-wrap_23sEv { overflow: hidden; margin: 34px auto 24px; padding: 0 9px 0 17px; } .logo-trends-wrapper_150M5 { float: left; width: 196px; height: 58px; cursor: pointer; } .logo-trends-wrapper_150M5 > img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.c-gap-top-small { margin-top: 3px; } .c-gap-top { margin-top: 7px; } .c-gap-top-large { margin-top: 11px; } .c-gap-top-mini { margin-top: 2px; } .c-gap-top-xsmall { margin-top: 4px; } .c-gap-top-middle { margin-top: 10px; } .c-gap-bottom-small { margin-bottom: 3px; } .c-gap-bottom { margin-bottom: 7px; } .c-gap-bottom-large { margin-bottom: 11px; } .c-gap-bottom-mini { margin-bottom: 2px; } .c-gap-bottom-xsmall { margin-bottom: 4px; } .c-gap-bottom-middle { margin-bottom: 10px; } .c-gap-left { margin-left: 12px; } .c-gap-left-small { margin-left: 8px; } .c-gap-left-xsmall { margin-left: 4px; } .c-gap-left-mini { margin-left: 2px; } .c-gap-left-large { margin-left: 16px; } .c-gap-left-middle { margin-left: 10px; } .c-gap-right { margin-right: 12px; } .c-gap-right-small { margin-right: 8px; } .c-gap-right-xsmall { margin-right: 4px; } .c-gap-right-mini { margin-right: 2px; } .c-gap-right-large { margin-right: 16px; } .c-gap-right-middle { margin-right: 10px; } .c-gap-icon-right-small { margin-right: 5px; } .c-gap-icon-right { margin-right: 10px; } .c-gap-icon-left-small { margin-left: 5px; } .c-gap-icon-left { margin-left: 10px; } .c-row { *zoom: 1; } .c-row:after { display: block; height: 0; content: ""; clear: both; visibility: hidden; } .c-span1 { width: 32px; } .c-span2 { width: 80px; } .c-span3 { width: 128px; } .c-span4 { width: 176px; } .c-span5 { width: 224px; } .c-span6 { width: 272px; } .c-span7 { width: 320px; } .c-span8 { width: 368px; } .c-span9 { width: 416px; } .c-span10 { width: 464px; } .c-span11 { width: 512px; } .c-span12 { width: 560px; } .c-span2, .c-span3, .c-span4, .c-span5, .c-span6, .c-span7, .c-span8, .c-span9, .c-span10, .c-span11, .c-span12 { float: left; _display: inline; margin-right: 16px; list-style: none; } .c-span-last { margin-right: 0; } .c-span-last-s { margin-right: 0; } .c-feed-box .c-span1 { width: 43px; } .c-feed-box .c-span2 { width: 90px; } .c-feed-box .c-span3 { width: 137px; } .c-feed-box .c-span4 { width: 184px; } .c-feed-box .c-span5 { width: 231px; } .c-feed-box .c-span6 { width: 278px; } .c-feed-box .c-span7 { width: 325px; } .c-feed-box .c-span8 { width: 372px; } .c-feed-box .c-span9 { width: 419px; } .c-feed-box .c-span10 { width: 466px; } .c-feed-box .c-span11 { width: 513px; } .c-feed-box .c-span12 { width: 560px; } .c-feed-box .c-span2, .c-feed-box .c-span3, .c-feed-box .c-span4, .c-feed-box .c-span5, .c-feed-box .c-span6, .c-feed-box .c-span7, .c-feed-box .c-span8, .c-feed-box .c-span9, .c-feed-box .c-span10, .c-feed-box .c-span11, .c-feed-box .c-span12 { margin-right: 4px; } .c-feed-box .c-span-last { margin-right: 0; } .c-index { display: inline-block; width: 14px; padding: 1px 0; line-height: 100%; text-align: center; color: #fff; background-color: #8eb9f5; font-size: 12px; } .c-index-hot, .c-index-hot1 { background-color: #f54545; } .c-index-hot2 { background-color: #ff8547; } .c-index-hot3 { background-color: #ffac38; } .c-index-single { display: inline-block; background: 0 0; color: #9195A3; width: 18px; font-size: 15px; letter-spacing: -1px; } .c-index-single-hot, .c-index-single-hot1 { color: #FE2D46; } .c-index-single-hot2 { color: #F60; } .c-index-single-hot3 { color: #FAA90E; } .c-font-sigma { font: 36px/60px Arial, sans-serif; } .c-font-large { font: 20px/30px Arial, sans-serif; } .c-font-big { font: 20px/30px Arial, sans-serif; } .c-font-special { font: 16px/26px Arial, sans-serif; } .c-font-medium { font: 14px/24px Arial, sans-serif; } .c-font-middle { font: 14px/24px Arial, sans-serif; } .c-font-normal { font: 13px/23px Arial, sans-serif; } .c-font-small { font: 12px/20px Arial, sans-serif; } .c-font-family { font-family: Arial, sans-serif; } .c-color-t { color: #222; } .c-color-text { color: #333; } .c-color-gray { color: #626675; } .c-color-gray2 { color: #9195A3; } .c-color-visited { color: #626675; } .c-color-link { color: #222; } .c-color-orange { color: #FA4901; } .c-color-green { color: #0EBE90; } .c-color-ad { color: #77A9F9; } .c-color-red { color: #F63051; } .c-color-red:visited { color: #F63051; } .c-color-warn { color: #FF7900; } .c-color-warn:visited { color: #FF7900; } .c-color-link { color: #3951b3; } .c-btn, .c-btn:visited { color: #333 !important; } .c-btn { display: inline-block; overflow: hidden; font-family: inherit; font-weight: 400; text-align: center; vertical-align: middle; outline: 0; border: 0; height: 30px; width: 80px; line-height: 30px; font-size: 13px; border-radius: 6px; padding: 0; background-color: #F5F5F6; *zoom: 1; cursor: pointer; } .c-btn:hover { background-color: #315EFB; color: #FFF !important; } a.c-btn { text-decoration: none; } button.c-btn { *overflow: visible; border: 0; } button.c-btn::-moz-focus-inner { padding: 0; border: 0; } .c-btn-disable { color: #C4C7CE !important; } .c-btn-disable:visited { color: #C4C7CE !important; } .c-btn-disable:hover { cursor: default; color: #C4C7CE !important; background-color: #F5F5F6; } .c-btn-mini { height: 24px; width: 48px; line-height: 24px; } .c-btn-mini .c-icon { margin-top: 2px; } .c-btn-large { height: 30px; line-height: 30px; font-size: 14px; } button.c-btn-large { height: 30px; _line-height: 24px; } .c-btn-large .c-icon { margin-top: 7px; _margin-top: 6px; } .c-btn-primary, .c-btn-primary:visited { color: #fff !important; } .c-btn-primary { background-color: #4E6EF2; } .c-btn-primary:hover { background-color: #315EFB; } .c-btn-weak { height: 24px; line-height: 24px; border-radius: 4px; font-size: 12px; } .c-btn-add { width: 32px; height: 32px; line-height: 32px; text-align: center; color: #9195A3 !important; } .c-btn-add:hover { background-color: #4E6EF2; color: #fff !important; } .c-btn-add .c-icon { float: none; } .c-btn-add-disable:hover { cursor: default; color: #C4C7CE !important; background-color: #F5F5F6; } .c-select { position: relative; display: inline-block; width: 96px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; vertical-align: middle; color: #222; font: 13px/23px Arial, sans-serif; } .c-select-selection { display: block; height: 30px; line-height: 29px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 26px 0 10px; background-color: #fff; border-radius: 6px; border: 1px solid #D7D9E0; outline: 0; user-select: none; cursor: pointer; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c-select-arrow, .c-select-arrow-up { position: absolute; top: -1px; right: 10px; color: #9195A3; font-size: 16px; } .c-select-dropdown { display: none; position: absolute; padding-top: 4px; top: 25px; z-index: 999; left: 0; width: 94px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; background: #fff; border-radius: 0 0 6px 6px; border: 1px solid #D7D9E0; border-top: 0; zoom: 1; } .c-select-split { border-top: 1px solid #f5f5f5; margin: 0 5px; } .c-select-dropdown-list { padding: 0; margin: 5px 0 0; list-style: none; } .c-select-dropdown-list.c-select-scroll { max-height: 207px; overflow-y: auto; overflow-x: hidden; margin-right: 5px; margin-bottom: 9px; } .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar { width: 2px; } .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-track { width: 2px; background: #f5f5f6; border-radius: 1px; } .c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-thumb { width: 2px; height: 58px; background-color: #4e71f2; border-radius: 1px; } .c-select-dropdown-list.c-select-scroll .c-select-item:last-child { margin: 0; } .c-select-item { margin: 0 0 4px; padding: 0 10px; clear: both; white-space: nowrap; list-style: none; cursor: pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .c-select-item:hover { color: #315EFB; } .c-select-item-selected { color: #315EFB; } .c-select-arrow-up { display: none; } .c-select-visible .c-select-selection { border-radius: 6px 6px 0 0; } .c-select-visible .c-select-dropdown { display: block; } .c-select-visible .c-select-arrow { display: none; } .c-select-visible .c-select-arrow-up { display: inline-block; } .c-img { position: relative; display: block; min-height: 1px; border: 0; line-height: 0; background: #f5f5f6; overflow: hidden; } .c-img img { width: 100%; } .c-img1 { width: 32px; } .c-img2 { width: 80px; } .c-img3 { width: 128px; } .c-img4 { width: 176px; } .c-img6 { width: 272px; } .c-img12 { width: 560px; } .c-feed-box .c-img1 { width: 43px; } .c-feed-box .c-img2 { width: 90px; } .c-feed-box .c-img3 { width: 137px; } .c-feed-box .c-img4 { width: 184px; } .c-feed-box .c-img6 { width: 278px; } .c-feed-box .c-img12 { width: 560px; } .c-img-s, .c-img-l, .c-img-w, .c-img-x, .c-img-y, .c-img-v, .c-img-z { height: 0; overflow: hidden; } .c-img-s { padding-bottom: 100%; } .c-img-l { padding-bottom: 133.33333333%; } .c-img-w { padding-bottom: 56.25%; } .c-img-x { padding-bottom: 75%; } .c-img-y { padding-bottom: 66.66666667%; } .c-img-v { padding-bottom: 116.66666667%; } .c-img-z { padding-bottom: 62.5%; } .c-img-radius { border-radius: 6px; } .c-img-radius-s { border-radius: 2px; } .c-img-radius-small { border-radius: 2px; } .c-img-radius-large { border-radius: 12px; } .c-img-radius-middle { border-radius: 4px; } .c-img-radius-left { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .c-img-radius-right { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .c-img-radius-left-s { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .c-img-radius-right-s { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .c-img-radius-left-l { border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .c-img-radius-right-l { border-top-right-radius: 12px; border-bottom-right-radius: 12px; } .c-img-mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); background-image: -ms-radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04)); } .c-img-border { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid rgba(0, 0, 0, 0.05); } .c-img-circle { border-radius: 100%; overflow: hidden; } .c-input { display: inline-block; font: 13px/23px Arial, sans-serif; color: #333; padding: 0 10px; border: 1px solid #D7D9E0; border-radius: 6px; height: 28px; line-height: 28px\9; font-size: 13px; outline: 0; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; vertical-align: top; overflow: hidden; } .c-input .c-icon { float: right; margin-top: 6px; font-size: 16px; color: #9195A3; } .c-input .c-icon-left { float: left; margin-right: 4px; } .c-input input { float: left; font-size: 13px; border: 0; outline: 0; } .c-input input::-webkit-input-placeholder { color: #9195A3; } .c-input input::-ms-input-placeholder { color: #9195A3; } .c-input input::-moz-placeholder { color: #9195A3; } .c-input::-webkit-input-placeholder { color: #9195A3; } .c-input::-ms-input-placeholder { color: #9195A3; } .c-input::-moz-placeholder { color: #9195A3; } .c-input { width: 394px; } .c-input input { width: 374px; } .c-input-xmini { width: 154px; } .c-input-xmini input { width: 134px; } .c-input-mini { width: 202px; } .c-input-mini input { width: 182px; } .c-input-small { width: 346px; } .c-input-small input { width: 326px; } .c-input-large { width: 442px; } .c-input-large input { width: 422px; } .c-input-xlarge { width: 730px; } .c-input-xlarge input { width: 710px; } .c-input12 { width: 538px; } .c-input12 input { width: 518px; } .c-input20 { width: 922px; } .c-input20 input { width: 902px; } .c-radio, .c-checkbox { display: inline-block; position: relative; white-space: nowrap; outline: 0; line-height: 1; vertical-align: middle; cursor: pointer; width: 16px; height: 16px; } .c-radio-inner, .c-checkbox-inner { display: inline-block; position: relative; width: 16px; height: 16px; line-height: 16px; text-align: center; top: 0; left: 0; background-color: #fff; color: #D7D9E0; } .c-radio-input, .c-checkbox-input { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0) \9; user-select: none; margin: 0; padding: 0; width: 100%; height: 100%; cursor: pointer; zoom: 1; } .c-radio-inner-i, .c-checkbox-inner-i { display: none; font-size: 16px; } .c-radio-inner-bg, .c-checkbox-inner-bg { font-size: 16px; position: absolute; top: 0; left: 0; z-index: 1; } .c-radio-checked .c-radio-inner-i, .c-checkbox-checked .c-checkbox-inner-i { color: #4E71F2; display: inline-block; } .c-textarea { font: 13px/23px Arial, sans-serif; color: #333; padding: 0 10px; border: 1px solid #D7D9E0; border-radius: 6px; padding: 5px 10px; resize: none; outline: 0; } .c-textarea::-webkit-input-placeholder { color: #9195A3; } .c-textarea::-ms-input-placeholder { color: #9195A3; } .c-textarea::-moz-placeholder { color: #9195A3; } .c-icon { font-family: cIconfont!important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .c-line-clamp1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c-line-clamp2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c-text { display: inline-block; padding: 0 2px; text-align: center; vertical-align: middle; font-style: normal; color: #fff; overflow: hidden; line-height: 16px; height: 16px; font-size: 12px; border-radius: 4px; font-weight: 200; } a.c-text { text-decoration: none !important; } .c-text-info { padding-left: 0; padding-right: 0; font-weight: 700; color: #2b99ff; vertical-align: text-bottom; } .c-text-info span { padding: 0 2px; font-weight: 400; } .c-text-important { background-color: #1cb7fd; } .c-text-public { background-color: #4E6EF2; } .c-text-warning { background-color: #f60; } .c-text-prompt { background-color: #ffc20d; } .c-text-danger { background-color: #f73131; } .c-text-safe { background-color: #39b362; } .c-text-mult { padding: 0 4px; line-height: 18px; height: 18px; border-radius: 4px; font-weight: 400; } .c-text-blue { background-color: #4E6EF2; } .c-text-blue-border { border: 1px solid #CBD2FF; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #4E6EF2 !important; } .c-text-green { background-color: #39b362; } .c-text-green-border { border: 1px solid #C9E7CD; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #39b362 !important; } .c-text-red { background-color: #f73131; } .c-text-red-border { border: 1px solid #F0C8BD; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #f73131 !important; } .c-text-yellow { background-color: #ffc20d; } .c-text-yellow-border { border: 1px solid #FCEDB1; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #ffc20d !important; } .c-text-orange { background-color: #f60; } .c-text-orange-border { border: 1px solid #F8D2B0; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #f60 !important; } .c-text-pink { background-color: #fc3274; } .c-text-pink-border { border: 1px solid #F6C4D7; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #fc3274 !important; } .c-text-gray { background-color: #858585; } .c-text-gray-border { border: 1px solid #DBDBDB; padding: 0 8px; border-radius: 4px; font-weight: 400; color: #858585 !important; } .c-text-dark-red { background-color: #CC2929; } .c-text-gray-opacity { background-color: rgba(0, 0, 0, 0.3); } .c-text-white-border { border: 1px solid rgba(255, 255, 255, 0.8); padding: 0 8px; border-radius: 4px; font-weight: 400; color: #fff !important; } .c-text-hot { background-color: #F60; } .c-text-new { background-color: #FF455B; } .c-text-fei { background-color: #FC3200; } .c-text-bao { background-color: #DE1544; } .c-text-rec { background-color: #4DADFE; } .c-text-business { background-color: #B4C4FF; } .c-text-time { background-color: rgba(0, 0, 0, 0.3); } .c-wrapper { word-wrap: break-word; word-break: break-all; font: 14px/24px Arial, sans-serif; color: #222; } .c-wrapper:after { display: block; height: 0; content: ""; clear: both; visibility: hidden; } .c-container { width: 560px; } .c-wrapper-l { width: 1040px; } .c-wrapper-l .c-container-r { width: 368px; } .c-wrapper-s { width: 896px; } .c-wrapper-s .c-container-r { width: 272px; } @media screen and (max-width: 1340px) { .c-wrapper { width: 896px; } .c-wrapper .c-container-r { width: 272px; } } .c-dialog-box { display: none; position: absolute; z-index: 999; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 16px; background: #FFF; padding: 19px 24px; } .c-dialog-box .c-dialog-close { position: absolute; cursor: pointer; top: 12px; right: 12px; height: 14px; width: 14px; line-height: 1; color: #D7D9E0; } .c-dialog-box .c-dialog-close:hover { color: #315EFB; } .c-floating-box { background: #FFF; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); border-radius: 12px; *border: 1px solid #D7D9E0; } .c-link { color: #222; text-decoration: none; } .c-link:visited { color: #626675; } .c-link:hover { color: #315EFB; text-decoration: none; } .c-capsule-tip { display: inline-block; background: #F63051; border-radius: 7px; padding: 0 4px; height: 13px; font-size: 11px; line-height: 14px; color: #fff; text-align: center; } html, body { height: 100%; color: #222; } * { margin: 0; padding: 0; } button, input, img { outline: 0; border: 0; } button { background-color: unset; } button, a { cursor: pointer; } a { text-decoration: none; color: inherit; } ul { list-style: none; } .wrapper { min-width: 1320px; } .wrapper .responsive-wrapper { min-width: 1320px; } @media (max-width: 1320px) { .wrapper { min-width: 1320px; } .wrapper .responsive-wrapper { min-width: 1320px; } } .wrapper-narrow { min-width: 1320px; } .wrapper-narrow .responsive-wrapper { min-width: 1320px; } .container { display: block; width: 1088px; margin: 0 auto; box-sizing: border-box; } @media (max-width: 1320px) { .container { width: 992px; } } .wrapper-narrow .container { width: 992px; } .rel { position: relative; } .abs { position: absolute; } @font-face { font-family: 'cIconfont'; src: url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_489aa1f2f0a6e1dfacb56a991a67d6cf.eot); src: url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_489aa1f2f0a6e1dfacb56a991a67d6cf.eot?#iefix) format('embedded-opentype'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_92a48d1bbedbf4e9edf36cb3b355039a.woff2) format('woff2'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_8d19d0cbd6e76cd46858910930e4c4ba.woff) format('woff'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_4906e5628fa7ee368606ee5fa605ff40.ttf) format('ttf'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_5bfbad8e8b4fb39824e4823554647eb3.svg#iconfont) format('svg'); } [theme="realtime"] .c-theme-color, [theme="homepage"] .c-theme-color { color: #ff4d4d; } [theme="realtime"] .c-theme-color-bg, [theme="homepage"] .c-theme-color-bg { background-color: #ff4d4d; } [theme="novel"] .c-theme-color { color: #ff6633; } [theme="novel"] .c-theme-color-bg { background-color: #ff6633; } [theme="movie"] .c-theme-color { color: #4d4dff; } [theme="movie"] .c-theme-color-bg { background-color: #4d4dff; } [theme="teleplay"] .c-theme-color { color: #4d4dff; } [theme="teleplay"] .c-theme-color-bg { background-color: #4d4dff; } [theme="cartoon"] .c-theme-color { color: #ff4d4d; } [theme="cartoon"] .c-theme-color-bg { background-color: #ff4d4d; } [theme="variety"] .c-theme-color { color: #8a42ff; } [theme="variety"] .c-theme-color-bg { background-color: #8a42ff; } [theme="documentary"] .c-theme-color { color: #6633ff; } [theme="documentary"] .c-theme-color-bg { background-color: #6633ff; } [theme="game"] .c-theme-color { color: #6633ff; } [theme="game"] .c-theme-color-bg { background-color: #6633ff; } [theme="car"] .c-theme-color { color: #1a8cff; } [theme="car"] .c-theme-color-bg { background-color: #1a8cff; } .c-single-text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bg-wrapper { position: absolute; z-index: -1; overflow: hidden; width: 100%; height: 800px; } .bg-wrapper img { position: absolute; top: 0; left: 50%; z-index: 1; height: 100%; margin-left: -960px; } .bg-wrapper img.default { left: 0; z-index: 0; width: 100%; margin-left: 0; } [theme="homepage"] .bg-wrapper, [theme="realtime"] .bg-wrapper { background-image: linear-gradient(180deg, #f44e16 0%, #fff 88%); } [theme="variety"] .bg-wrapper { background-image: linear-gradient(180deg, #b933ed 0%, #fff 100%); } [theme="car"] .bg-wrapper { background-image: linear-gradient(180deg, #1a8cff 0%, #fff 100%); } [theme="novel"] .bg-wrapper, [theme="cartoon"] .bg-wrapper { background-image: linear-gradient(180deg, #ff8c1a 0%, #fff 100%); } [theme="movie"] .bg-wrapper, [theme="teleplay"] .bg-wrapper { background-image: linear-gradient(180deg, #4d4dff 0%, #fff 100%); } [theme="documentary"] .bg-wrapper, [theme="game"] .bg-wrapper { background-image: linear-gradient(180deg, #63f 0%, #fff 100%); } .header-placeholder_3y-pN { margin-bottom: 8px; } .header_3wayL { box-sizing: border-box; width: 100%; color: #fff; } .navi-top-wrapper_20foP { height: 48px; margin-bottom: 34px; color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .navi-top-wrapper_20foP:after { content: ''; clear: both; } .navi-top-left_1Zuqa { top: 0; left: 24px; } .navi-top-right_33qd2 { top: 0; right: 24px; } .navi-item_2z3vU { float: left; margin-top: 13px; margin-right: 24px; } .navi-item_2z3vU:hover { color: #fff; } .tab-wrap_23sEv { overflow: hidden; margin: 34px auto 24px; padding: 0 9px 0 17px; } .logo-trends-wrapper_150M5 { float: left; width: 196px; height: 58px; cursor: pointer; } .logo-trends-wrapper_150M5 > img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .header-placeholder_3y-pN { margin-bottom: 8px; } .header_3wayL { box-sizing: border-box; width: 100%; color: #fff; } .navi-top-wrapper_20foP { height: 48px; margin-bottom: 34px; color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .navi-top-wrapper_20foP:after { content: ''; clear: both; } .navi-top-left_1Zuqa { top: 0; left: 24px; } .navi-top-right_33qd2 { top: 0; right: 24px; } .navi-item_2z3vU { float: left; margin-top: 13px; margin-right: 24px; } .navi-item_2z3vU:hover { color: #fff; } .tab-wrap_23sEv { overflow: hidden; margin: 34px auto 24px; padding: 0 9px 0 17px; } .logo-trends-wrapper_150M5 { float: left; width: 196px; height: 58px; cursor: pointer; } .logo-trends-wrapper_150M5 > img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>


.header-placeholder_3y-pN {
  margin-bottom: 8px;
}
.header_3wayL {
  box-sizing: border-box;
  width: 100%;
  color: #fff;
}
.navi-top-wrapper_20foP {
  height: 48px;
  margin-bottom: 34px;
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.navi-top-wrapper_20foP:after {
  content: img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.header-placeholder_3y-pN { margin-bottom: 8px; } .header_3wayL { box-sizing: border-box; width: 100%; color: #fff; } .navi-top-wrapper_20foP { height: 48px; margin-bottom: 34px; color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .navi-top-wrapper_20foP:after { content: ''; clear: both; } .navi-top-left_1Zuqa { top: 0; left: 24px; } .navi-top-right_33qd2 { top: 0; right: 24px; } .navi-item_2z3vU { float: left; margin-top: 13px; margin-right: 24px; } .navi-item_2z3vU:hover { color: #fff; } .tab-wrap_23sEv { overflow: hidden; margin: 34px auto 24px; padding: 0 9px 0 17px; } .logo-trends-wrapper_150M5 { float: left; width: 196px; height: 58px; cursor: pointer; } .logo-trends-wrapper_150M5 > img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.header-placeholder_3y-pN { margin-bottom: 8px; } .header_3wayL { box-sizing: border-box; width: 100%; color: #fff; } .navi-top-wrapper_20foP { height: 48px; margin-bottom: 34px; color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .navi-top-wrapper_20foP:after { content: ''; clear: both; } .navi-top-left_1Zuqa { top: 0; left: 24px; } .navi-top-right_33qd2 { top: 0; right: 24px; } .navi-item_2z3vU { float: left; margin-top: 13px; margin-right: 24px; } .navi-item_2z3vU:hover { color: #fff; } .tab-wrap_23sEv { overflow: hidden; margin: 34px auto 24px; padding: 0 9px 0 17px; } .logo-trends-wrapper_150M5 { float: left; width: 196px; height: 58px; cursor: pointer; } .logo-trends-wrapper_150M5 > img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .header-placeholder_3y-pN { margin-bottom: 8px; } .header_3wayL { box-sizing: border-box; width: 100%; color: #fff; } .navi-top-wrapper_20foP { height: 48px; margin-bottom: 34px; color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .navi-top-wrapper_20foP:after { content: ''; clear: both; } .navi-top-left_1Zuqa { top: 0; left: 24px; } .navi-top-right_33qd2 { top: 0; right: 24px; } .navi-item_2z3vU { float: left; margin-top: 13px; margin-right: 24px; } .navi-item_2z3vU:hover { color: #fff; } .tab-wrap_23sEv { overflow: hidden; margin: 34px auto 24px; padding: 0 9px 0 17px; } .logo-trends-wrapper_150M5 { float: left; width: 196px; height: 58px; cursor: pointer; } .logo-trends-wrapper_150M5 > img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>

.header-placeholder_3y-pN {
  margin-bottom: 8px;
}
.header_3wayL {
  box-sizing: border-box;
  width: 100%;
  color: #fff;
}
.navi-top-wrapper_20foP {
  height: 48px;
  margin-bottom: 34px;
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.navi-top-wrapper_20foP:after {
  content: img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.header-placeholder_3y-pN { margin-bottom: 8px; } .header_3wayL { box-sizing: border-box; width: 100%; color: #fff; } .navi-top-wrapper_20foP { height: 48px; margin-bottom: 34px; color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .navi-top-wrapper_20foP:after { content: ''; clear: both; } .navi-top-left_1Zuqa { top: 0; left: 24px; } .navi-top-right_33qd2 { top: 0; right: 24px; } .navi-item_2z3vU { float: left; margin-top: 13px; margin-right: 24px; } .navi-item_2z3vU:hover { color: #fff; } .tab-wrap_23sEv { overflow: hidden; margin: 34px auto 24px; padding: 0 9px 0 17px; } .logo-trends-wrapper_150M5 { float: left; width: 196px; height: 58px; cursor: pointer; } .logo-trends-wrapper_150M5 > img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.header-placeholder_3y-pN { margin-bottom: 8px; } .header_3wayL { box-sizing: border-box; width: 100%; color: #fff; } .navi-top-wrapper_20foP { height: 48px; margin-bottom: 34px; color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .navi-top-wrapper_20foP:after { content: ''; clear: both; } .navi-top-left_1Zuqa { top: 0; left: 24px; } .navi-top-right_33qd2 { top: 0; right: 24px; } .navi-item_2z3vU { float: left; margin-top: 13px; margin-right: 24px; } .navi-item_2z3vU:hover { color: #fff; } .tab-wrap_23sEv { overflow: hidden; margin: 34px auto 24px; padding: 0 9px 0 17px; } .logo-trends-wrapper_150M5 { float: left; width: 196px; height: 58px; cursor: pointer; } .logo-trends-wrapper_150M5 > img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>
 img {
  width: 100%;
}


.user-info-wrapper_3WiHw {
  display: inline-block;
  box-sizing: border-box;
  height: 48px;
  vertical-align: middle;
  cursor: pointer;
}
.user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi {
  display: block;
}
.login-btn_2CUrM {
  float: left;
  box-sizing: border-box;
  margin-top: 12px;
  padding: 5.5px 0;
  font-size: 13px;
  line-height: 13px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #3b1107 !important;
}
.login-btn_2CUrM:hover {
  background-color: #fff;
}
.user-image-wrapper_Gz69P {
  float: left;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  margin-top: 9px;
  margin-left: -2px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
}
.user-image-wrapper_Gz69P .user-image_1nM2E {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.user-name_3qt_g {
  float: left;
  margin-top: 13px;
  margin-left: 6px;
}
.user-info-popup_1v_mi {
  position: absolute;
  top: 100%;
  right: 50%;
  display: none;
  margin-top: -4px;
  margin-right: -42px;
  padding: 0 16px 16px;
}
.user-info-popup_1v_mi a {
  display: block;
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  word-break: keep-all;
  color: #333;
}
.user-info-popup_1v_mi a:hover {
  color: #315efb;
}
.login-form-wrapper_1E7lG {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  width: 350px;
  margin: 100px auto;
}
.pop-mask {
  width: 100% !important;
  height: 100% !important;
  opacity: 0.5 !important;
}


.tabs-wrap_3Ac9n {
  float: right;
  padding: 13px 0;
  font-size: 0;
}
.tab-item_17MbK {
  position: relative;
  display: inline-block;
  padding: 8px 18px;
  font-size: 16px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 1320px) {
  .tab-item_17MbK {
    padding: 8px 15px;
  }
}
.wrapper-narrow .tab-item_17MbK {
  padding: 8px 15px;
}
.tab-item_17MbK.active {
  border-radius: 15.5px;
  background-color: #fff;
  color: inherit;
}
.tab-item_17MbK.active:hover {
  color: inherit;
}
.tab-item_17MbK:hover {
  color: #fff;
}


.tabs-wrapper_7ri4o {
  position: fixed;
  top: -40px;
  z-index: 99;
  width: 100%;
  height: 40px;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1320px) {
  .tabs-wrapper_7ri4o {
    min-width: 1320px;
  }
}
.wrapper-narrow .tabs-wrapper_7ri4o {
  min-width: 1320px;
}
.tabs-container__LAaf {
  padding: 0 24px;
}
.tab_3QhDq {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  color: #222;
}
.tab_3QhDq.active {
  color: inherit;
}
.tab_3QhDq:hover {
  color: #315efb;
}
.tab_3QhDq + .tab_3QhDq {
  margin-left: 36px;
}
@media (max-width: 1320px) {
  .tab_3QhDq + .tab_3QhDq {
    margin-left: 24px;
  }
}
.wrapper-narrow .tab_3QhDq + .tab_3QhDq {
  margin-left: 24px;
}
.active-underline-wrapper_Lv1CQ {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  overflow: hidden;
  width: 24px;
  height: 2px;
  margin-left: -12px;
  border-radius: 3.5px;
}
.qrcode-wrapper_2Mhwh {
  float: right;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.qrcode-wrapper_2Mhwh:hover {
  color: #fff;
}
.qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ {
  display: block;
}
.fixed .qrcode-wrapper_2Mhwh {
  color: #222;
}
.fixed .qrcode-wrapper_2Mhwh:hover {
  color: #315efb;
}
.qrcode-wrapper_2Mhwh .c-icon {
  float: left;
  height: 40px;
  font-size: 21px;
  line-height: 40px;
  vertical-align: middle;
}
.qrcode-text_1cRGR {
  float: left;
  line-height: 40px;
}
.qrcode-popup_q4FMZ {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  display: none;
  box-sizing: border-box;
  width: 128px;
  margin-top: 4px;
  margin-left: -64px;
  padding: 16px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  background-color: #fff;
}
.qrcode-popup_q4FMZ p {
  margin: 6px 0 0;
  word-break: keep-all;
}
.qrcode-image_3Oyr8 {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 8px;
  margin-left: auto;
}


.empty-img_2yOph {
  display: block;
  width: 120px;
  height: 120px;
  margin: 115px auto 0;
}
.empty-text_2IeoW {
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  color: #626675;
}


.container_2VTvm {
  min-height: 600px;
}
.right-container_2EFJr {
  position: relative;
  padding-left: 192px;
}
.container-bg_lQ801 {
  border-radius: 12px;
  background-color: #fff;
}
.left-side-wrapper_1kYr7 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.left-side-bg-wrapper_23qvy {
  top: 0;
  left: 0;
  width: 100%;
}
.left-side-bg-wrapper_23qvy img {
  width: 100%;
}
.left-side_1rpOJ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  width: 176px;
  min-height: 359px;
  padding: 24px 23px;
  border-radius: 12px;
  background-color: #fff;
}
.side-title_1wfo5 {
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 18px;
}
.path-wrapper_3euWM {
  padding: 24px 24px 2px;
  line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
  line-height: 13px;
}


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

img { width: 100%; } .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>


.user-info-wrapper_3WiHw {
  display: inline-block;
  box-sizing: border-box;
  height: 48px;
  vertical-align: middle;
  cursor: pointer;
}
.user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi {
  display: block;
}
.login-btn_2CUrM {
  float: left;
  box-sizing: border-box;
  margin-top: 12px;
  padding: 5.5px 0;
  font-size: 13px;
  line-height: 13px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #3b1107 !important;
}
.login-btn_2CUrM:hover {
  background-color: #fff;
}
.user-image-wrapper_Gz69P {
  float: left;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  margin-top: 9px;
  margin-left: -2px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
}
.user-image-wrapper_Gz69P .user-image_1nM2E {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.user-name_3qt_g {
  float: left;
  margin-top: 13px;
  margin-left: 6px;
}
.user-info-popup_1v_mi {
  position: absolute;
  top: 100%;
  right: 50%;
  display: none;
  margin-top: -4px;
  margin-right: -42px;
  padding: 0 16px 16px;
}
.user-info-popup_1v_mi a {
  display: block;
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  word-break: keep-all;
  color: #333;
}
.user-info-popup_1v_mi a:hover {
  color: #315efb;
}
.login-form-wrapper_1E7lG {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  width: 350px;
  margin: 100px auto;
}
.pop-mask {
  width: 100% !important;
  height: 100% !important;
  opacity: 0.5 !important;
}


.tabs-wrap_3Ac9n {
  float: right;
  padding: 13px 0;
  font-size: 0;
}
.tab-item_17MbK {
  position: relative;
  display: inline-block;
  padding: 8px 18px;
  font-size: 16px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 1320px) {
  .tab-item_17MbK {
    padding: 8px 15px;
  }
}
.wrapper-narrow .tab-item_17MbK {
  padding: 8px 15px;
}
.tab-item_17MbK.active {
  border-radius: 15.5px;
  background-color: #fff;
  color: inherit;
}
.tab-item_17MbK.active:hover {
  color: inherit;
}
.tab-item_17MbK:hover {
  color: #fff;
}


.tabs-wrapper_7ri4o {
  position: fixed;
  top: -40px;
  z-index: 99;
  width: 100%;
  height: 40px;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1320px) {
  .tabs-wrapper_7ri4o {
    min-width: 1320px;
  }
}
.wrapper-narrow .tabs-wrapper_7ri4o {
  min-width: 1320px;
}
.tabs-container__LAaf {
  padding: 0 24px;
}
.tab_3QhDq {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  color: #222;
}
.tab_3QhDq.active {
  color: inherit;
}
.tab_3QhDq:hover {
  color: #315efb;
}
.tab_3QhDq + .tab_3QhDq {
  margin-left: 36px;
}
@media (max-width: 1320px) {
  .tab_3QhDq + .tab_3QhDq {
    margin-left: 24px;
  }
}
.wrapper-narrow .tab_3QhDq + .tab_3QhDq {
  margin-left: 24px;
}
.active-underline-wrapper_Lv1CQ {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  overflow: hidden;
  width: 24px;
  height: 2px;
  margin-left: -12px;
  border-radius: 3.5px;
}
.qrcode-wrapper_2Mhwh {
  float: right;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.qrcode-wrapper_2Mhwh:hover {
  color: #fff;
}
.qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ {
  display: block;
}
.fixed .qrcode-wrapper_2Mhwh {
  color: #222;
}
.fixed .qrcode-wrapper_2Mhwh:hover {
  color: #315efb;
}
.qrcode-wrapper_2Mhwh .c-icon {
  float: left;
  height: 40px;
  font-size: 21px;
  line-height: 40px;
  vertical-align: middle;
}
.qrcode-text_1cRGR {
  float: left;
  line-height: 40px;
}
.qrcode-popup_q4FMZ {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  display: none;
  box-sizing: border-box;
  width: 128px;
  margin-top: 4px;
  margin-left: -64px;
  padding: 16px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  background-color: #fff;
}
.qrcode-popup_q4FMZ p {
  margin: 6px 0 0;
  word-break: keep-all;
}
.qrcode-image_3Oyr8 {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 8px;
  margin-left: auto;
}


.empty-img_2yOph {
  display: block;
  width: 120px;
  height: 120px;
  margin: 115px auto 0;
}
.empty-text_2IeoW {
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  color: #626675;
}


.container_2VTvm {
  min-height: 600px;
}
.right-container_2EFJr {
  position: relative;
  padding-left: 192px;
}
.container-bg_lQ801 {
  border-radius: 12px;
  background-color: #fff;
}
.left-side-wrapper_1kYr7 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.left-side-bg-wrapper_23qvy {
  top: 0;
  left: 0;
  width: 100%;
}
.left-side-bg-wrapper_23qvy img {
  width: 100%;
}
.left-side_1rpOJ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  width: 176px;
  min-height: 359px;
  padding: 24px 23px;
  border-radius: 12px;
  background-color: #fff;
}
.side-title_1wfo5 {
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 18px;
}
.path-wrapper_3euWM {
  padding: 24px 24px 2px;
  line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
  line-height: 13px;
}


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>

.user-info-wrapper_3WiHw {
  display: inline-block;
  box-sizing: border-box;
  height: 48px;
  vertical-align: middle;
  cursor: pointer;
}
.user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi {
  display: block;
}
.login-btn_2CUrM {
  float: left;
  box-sizing: border-box;
  margin-top: 12px;
  padding: 5.5px 0;
  font-size: 13px;
  line-height: 13px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #3b1107 !important;
}
.login-btn_2CUrM:hover {
  background-color: #fff;
}
.user-image-wrapper_Gz69P {
  float: left;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  margin-top: 9px;
  margin-left: -2px;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
}
.user-image-wrapper_Gz69P .user-image_1nM2E {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.user-name_3qt_g {
  float: left;
  margin-top: 13px;
  margin-left: 6px;
}
.user-info-popup_1v_mi {
  position: absolute;
  top: 100%;
  right: 50%;
  display: none;
  margin-top: -4px;
  margin-right: -42px;
  padding: 0 16px 16px;
}
.user-info-popup_1v_mi a {
  display: block;
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  word-break: keep-all;
  color: #333;
}
.user-info-popup_1v_mi a:hover {
  color: #315efb;
}
.login-form-wrapper_1E7lG {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  width: 350px;
  margin: 100px auto;
}
.pop-mask {
  width: 100% !important;
  height: 100% !important;
  opacity: 0.5 !important;
}


.tabs-wrap_3Ac9n {
  float: right;
  padding: 13px 0;
  font-size: 0;
}
.tab-item_17MbK {
  position: relative;
  display: inline-block;
  padding: 8px 18px;
  font-size: 16px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 1320px) {
  .tab-item_17MbK {
    padding: 8px 15px;
  }
}
.wrapper-narrow .tab-item_17MbK {
  padding: 8px 15px;
}
.tab-item_17MbK.active {
  border-radius: 15.5px;
  background-color: #fff;
  color: inherit;
}
.tab-item_17MbK.active:hover {
  color: inherit;
}
.tab-item_17MbK:hover {
  color: #fff;
}


.tabs-wrapper_7ri4o {
  position: fixed;
  top: -40px;
  z-index: 99;
  width: 100%;
  height: 40px;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1320px) {
  .tabs-wrapper_7ri4o {
    min-width: 1320px;
  }
}
.wrapper-narrow .tabs-wrapper_7ri4o {
  min-width: 1320px;
}
.tabs-container__LAaf {
  padding: 0 24px;
}
.tab_3QhDq {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  color: #222;
}
.tab_3QhDq.active {
  color: inherit;
}
.tab_3QhDq:hover {
  color: #315efb;
}
.tab_3QhDq + .tab_3QhDq {
  margin-left: 36px;
}
@media (max-width: 1320px) {
  .tab_3QhDq + .tab_3QhDq {
    margin-left: 24px;
  }
}
.wrapper-narrow .tab_3QhDq + .tab_3QhDq {
  margin-left: 24px;
}
.active-underline-wrapper_Lv1CQ {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  overflow: hidden;
  width: 24px;
  height: 2px;
  margin-left: -12px;
  border-radius: 3.5px;
}
.qrcode-wrapper_2Mhwh {
  float: right;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.qrcode-wrapper_2Mhwh:hover {
  color: #fff;
}
.qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ {
  display: block;
}
.fixed .qrcode-wrapper_2Mhwh {
  color: #222;
}
.fixed .qrcode-wrapper_2Mhwh:hover {
  color: #315efb;
}
.qrcode-wrapper_2Mhwh .c-icon {
  float: left;
  height: 40px;
  font-size: 21px;
  line-height: 40px;
  vertical-align: middle;
}
.qrcode-text_1cRGR {
  float: left;
  line-height: 40px;
}
.qrcode-popup_q4FMZ {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  display: none;
  box-sizing: border-box;
  width: 128px;
  margin-top: 4px;
  margin-left: -64px;
  padding: 16px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  background-color: #fff;
}
.qrcode-popup_q4FMZ p {
  margin: 6px 0 0;
  word-break: keep-all;
}
.qrcode-image_3Oyr8 {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 8px;
  margin-left: auto;
}


.empty-img_2yOph {
  display: block;
  width: 120px;
  height: 120px;
  margin: 115px auto 0;
}
.empty-text_2IeoW {
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  color: #626675;
}


.container_2VTvm {
  min-height: 600px;
}
.right-container_2EFJr {
  position: relative;
  padding-left: 192px;
}
.container-bg_lQ801 {
  border-radius: 12px;
  background-color: #fff;
}
.left-side-wrapper_1kYr7 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.left-side-bg-wrapper_23qvy {
  top: 0;
  left: 0;
  width: 100%;
}
.left-side-bg-wrapper_23qvy img {
  width: 100%;
}
.left-side_1rpOJ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  width: 176px;
  min-height: 359px;
  padding: 24px 23px;
  border-radius: 12px;
  background-color: #fff;
}
.side-title_1wfo5 {
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 18px;
}
.path-wrapper_3euWM {
  padding: 24px 24px 2px;
  line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
  line-height: 13px;
}


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.user-info-wrapper_3WiHw { display: inline-block; box-sizing: border-box; height: 48px; vertical-align: middle; cursor: pointer; } .user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi { display: block; } .login-btn_2CUrM { float: left; box-sizing: border-box; margin-top: 12px; padding: 5.5px 0; font-size: 13px; line-height: 13px; background-color: rgba(255, 255, 255, 0.9); color: #3b1107 !important; } .login-btn_2CUrM:hover { background-color: #fff; } .user-image-wrapper_Gz69P { float: left; box-sizing: border-box; width: 30px; height: 30px; margin-top: 9px; margin-left: -2px; padding: 2px; border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 50%; } .user-image-wrapper_Gz69P .user-image_1nM2E { width: 100%; height: 100%; border-radius: 50%; } .user-name_3qt_g { float: left; margin-top: 13px; margin-left: 6px; } .user-info-popup_1v_mi { position: absolute; top: 100%; right: 50%; display: none; margin-top: -4px; margin-right: -42px; padding: 0 16px 16px; } .user-info-popup_1v_mi a { display: block; margin-top: 16px; font-size: 13px; line-height: 13px; word-break: keep-all; color: #333; } .user-info-popup_1v_mi a:hover { color: #315efb; } .login-form-wrapper_1E7lG { position: fixed; top: 0; right: 0; left: 0; z-index: 100; width: 350px; margin: 100px auto; } .pop-mask { width: 100% !important; height: 100% !important; opacity: 0.5 !important; } .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>


.tabs-wrap_3Ac9n {
  float: right;
  padding: 13px 0;
  font-size: 0;
}
.tab-item_17MbK {
  position: relative;
  display: inline-block;
  padding: 8px 18px;
  font-size: 16px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 1320px) {
  .tab-item_17MbK {
    padding: 8px 15px;
  }
}
.wrapper-narrow .tab-item_17MbK {
  padding: 8px 15px;
}
.tab-item_17MbK.active {
  border-radius: 15.5px;
  background-color: #fff;
  color: inherit;
}
.tab-item_17MbK.active:hover {
  color: inherit;
}
.tab-item_17MbK:hover {
  color: #fff;
}


.tabs-wrapper_7ri4o {
  position: fixed;
  top: -40px;
  z-index: 99;
  width: 100%;
  height: 40px;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1320px) {
  .tabs-wrapper_7ri4o {
    min-width: 1320px;
  }
}
.wrapper-narrow .tabs-wrapper_7ri4o {
  min-width: 1320px;
}
.tabs-container__LAaf {
  padding: 0 24px;
}
.tab_3QhDq {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  color: #222;
}
.tab_3QhDq.active {
  color: inherit;
}
.tab_3QhDq:hover {
  color: #315efb;
}
.tab_3QhDq + .tab_3QhDq {
  margin-left: 36px;
}
@media (max-width: 1320px) {
  .tab_3QhDq + .tab_3QhDq {
    margin-left: 24px;
  }
}
.wrapper-narrow .tab_3QhDq + .tab_3QhDq {
  margin-left: 24px;
}
.active-underline-wrapper_Lv1CQ {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  overflow: hidden;
  width: 24px;
  height: 2px;
  margin-left: -12px;
  border-radius: 3.5px;
}
.qrcode-wrapper_2Mhwh {
  float: right;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.qrcode-wrapper_2Mhwh:hover {
  color: #fff;
}
.qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ {
  display: block;
}
.fixed .qrcode-wrapper_2Mhwh {
  color: #222;
}
.fixed .qrcode-wrapper_2Mhwh:hover {
  color: #315efb;
}
.qrcode-wrapper_2Mhwh .c-icon {
  float: left;
  height: 40px;
  font-size: 21px;
  line-height: 40px;
  vertical-align: middle;
}
.qrcode-text_1cRGR {
  float: left;
  line-height: 40px;
}
.qrcode-popup_q4FMZ {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  display: none;
  box-sizing: border-box;
  width: 128px;
  margin-top: 4px;
  margin-left: -64px;
  padding: 16px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  background-color: #fff;
}
.qrcode-popup_q4FMZ p {
  margin: 6px 0 0;
  word-break: keep-all;
}
.qrcode-image_3Oyr8 {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 8px;
  margin-left: auto;
}


.empty-img_2yOph {
  display: block;
  width: 120px;
  height: 120px;
  margin: 115px auto 0;
}
.empty-text_2IeoW {
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  color: #626675;
}


.container_2VTvm {
  min-height: 600px;
}
.right-container_2EFJr {
  position: relative;
  padding-left: 192px;
}
.container-bg_lQ801 {
  border-radius: 12px;
  background-color: #fff;
}
.left-side-wrapper_1kYr7 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.left-side-bg-wrapper_23qvy {
  top: 0;
  left: 0;
  width: 100%;
}
.left-side-bg-wrapper_23qvy img {
  width: 100%;
}
.left-side_1rpOJ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  width: 176px;
  min-height: 359px;
  padding: 24px 23px;
  border-radius: 12px;
  background-color: #fff;
}
.side-title_1wfo5 {
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 18px;
}
.path-wrapper_3euWM {
  padding: 24px 24px 2px;
  line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
  line-height: 13px;
}


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>

.tabs-wrap_3Ac9n {
  float: right;
  padding: 13px 0;
  font-size: 0;
}
.tab-item_17MbK {
  position: relative;
  display: inline-block;
  padding: 8px 18px;
  font-size: 16px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 1320px) {
  .tab-item_17MbK {
    padding: 8px 15px;
  }
}
.wrapper-narrow .tab-item_17MbK {
  padding: 8px 15px;
}
.tab-item_17MbK.active {
  border-radius: 15.5px;
  background-color: #fff;
  color: inherit;
}
.tab-item_17MbK.active:hover {
  color: inherit;
}
.tab-item_17MbK:hover {
  color: #fff;
}


.tabs-wrapper_7ri4o {
  position: fixed;
  top: -40px;
  z-index: 99;
  width: 100%;
  height: 40px;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1320px) {
  .tabs-wrapper_7ri4o {
    min-width: 1320px;
  }
}
.wrapper-narrow .tabs-wrapper_7ri4o {
  min-width: 1320px;
}
.tabs-container__LAaf {
  padding: 0 24px;
}
.tab_3QhDq {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  color: #222;
}
.tab_3QhDq.active {
  color: inherit;
}
.tab_3QhDq:hover {
  color: #315efb;
}
.tab_3QhDq + .tab_3QhDq {
  margin-left: 36px;
}
@media (max-width: 1320px) {
  .tab_3QhDq + .tab_3QhDq {
    margin-left: 24px;
  }
}
.wrapper-narrow .tab_3QhDq + .tab_3QhDq {
  margin-left: 24px;
}
.active-underline-wrapper_Lv1CQ {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  overflow: hidden;
  width: 24px;
  height: 2px;
  margin-left: -12px;
  border-radius: 3.5px;
}
.qrcode-wrapper_2Mhwh {
  float: right;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.qrcode-wrapper_2Mhwh:hover {
  color: #fff;
}
.qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ {
  display: block;
}
.fixed .qrcode-wrapper_2Mhwh {
  color: #222;
}
.fixed .qrcode-wrapper_2Mhwh:hover {
  color: #315efb;
}
.qrcode-wrapper_2Mhwh .c-icon {
  float: left;
  height: 40px;
  font-size: 21px;
  line-height: 40px;
  vertical-align: middle;
}
.qrcode-text_1cRGR {
  float: left;
  line-height: 40px;
}
.qrcode-popup_q4FMZ {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  display: none;
  box-sizing: border-box;
  width: 128px;
  margin-top: 4px;
  margin-left: -64px;
  padding: 16px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  background-color: #fff;
}
.qrcode-popup_q4FMZ p {
  margin: 6px 0 0;
  word-break: keep-all;
}
.qrcode-image_3Oyr8 {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 8px;
  margin-left: auto;
}


.empty-img_2yOph {
  display: block;
  width: 120px;
  height: 120px;
  margin: 115px auto 0;
}
.empty-text_2IeoW {
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  color: #626675;
}


.container_2VTvm {
  min-height: 600px;
}
.right-container_2EFJr {
  position: relative;
  padding-left: 192px;
}
.container-bg_lQ801 {
  border-radius: 12px;
  background-color: #fff;
}
.left-side-wrapper_1kYr7 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.left-side-bg-wrapper_23qvy {
  top: 0;
  left: 0;
  width: 100%;
}
.left-side-bg-wrapper_23qvy img {
  width: 100%;
}
.left-side_1rpOJ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  width: 176px;
  min-height: 359px;
  padding: 24px 23px;
  border-radius: 12px;
  background-color: #fff;
}
.side-title_1wfo5 {
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 18px;
}
.path-wrapper_3euWM {
  padding: 24px 24px 2px;
  line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
  line-height: 13px;
}


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.tabs-wrap_3Ac9n { float: right; padding: 13px 0; font-size: 0; } .tab-item_17MbK { position: relative; display: inline-block; padding: 8px 18px; font-size: 16px; line-height: 16px; color: rgba(255, 255, 255, 0.9); } @media (max-width: 1320px) { .tab-item_17MbK { padding: 8px 15px; } } .wrapper-narrow .tab-item_17MbK { padding: 8px 15px; } .tab-item_17MbK.active { border-radius: 15.5px; background-color: #fff; color: inherit; } .tab-item_17MbK.active:hover { color: inherit; } .tab-item_17MbK:hover { color: #fff; } .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>


.tabs-wrapper_7ri4o {
  position: fixed;
  top: -40px;
  z-index: 99;
  width: 100%;
  height: 40px;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1320px) {
  .tabs-wrapper_7ri4o {
    min-width: 1320px;
  }
}
.wrapper-narrow .tabs-wrapper_7ri4o {
  min-width: 1320px;
}
.tabs-container__LAaf {
  padding: 0 24px;
}
.tab_3QhDq {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  color: #222;
}
.tab_3QhDq.active {
  color: inherit;
}
.tab_3QhDq:hover {
  color: #315efb;
}
.tab_3QhDq + .tab_3QhDq {
  margin-left: 36px;
}
@media (max-width: 1320px) {
  .tab_3QhDq + .tab_3QhDq {
    margin-left: 24px;
  }
}
.wrapper-narrow .tab_3QhDq + .tab_3QhDq {
  margin-left: 24px;
}
.active-underline-wrapper_Lv1CQ {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  overflow: hidden;
  width: 24px;
  height: 2px;
  margin-left: -12px;
  border-radius: 3.5px;
}
.qrcode-wrapper_2Mhwh {
  float: right;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.qrcode-wrapper_2Mhwh:hover {
  color: #fff;
}
.qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ {
  display: block;
}
.fixed .qrcode-wrapper_2Mhwh {
  color: #222;
}
.fixed .qrcode-wrapper_2Mhwh:hover {
  color: #315efb;
}
.qrcode-wrapper_2Mhwh .c-icon {
  float: left;
  height: 40px;
  font-size: 21px;
  line-height: 40px;
  vertical-align: middle;
}
.qrcode-text_1cRGR {
  float: left;
  line-height: 40px;
}
.qrcode-popup_q4FMZ {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  display: none;
  box-sizing: border-box;
  width: 128px;
  margin-top: 4px;
  margin-left: -64px;
  padding: 16px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  background-color: #fff;
}
.qrcode-popup_q4FMZ p {
  margin: 6px 0 0;
  word-break: keep-all;
}
.qrcode-image_3Oyr8 {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 8px;
  margin-left: auto;
}


.empty-img_2yOph {
  display: block;
  width: 120px;
  height: 120px;
  margin: 115px auto 0;
}
.empty-text_2IeoW {
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  color: #626675;
}


.container_2VTvm {
  min-height: 600px;
}
.right-container_2EFJr {
  position: relative;
  padding-left: 192px;
}
.container-bg_lQ801 {
  border-radius: 12px;
  background-color: #fff;
}
.left-side-wrapper_1kYr7 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.left-side-bg-wrapper_23qvy {
  top: 0;
  left: 0;
  width: 100%;
}
.left-side-bg-wrapper_23qvy img {
  width: 100%;
}
.left-side_1rpOJ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  width: 176px;
  min-height: 359px;
  padding: 24px 23px;
  border-radius: 12px;
  background-color: #fff;
}
.side-title_1wfo5 {
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 18px;
}
.path-wrapper_3euWM {
  padding: 24px 24px 2px;
  line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
  line-height: 13px;
}


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>

.tabs-wrapper_7ri4o {
  position: fixed;
  top: -40px;
  z-index: 99;
  width: 100%;
  height: 40px;
  border-radius: 0;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1320px) {
  .tabs-wrapper_7ri4o {
    min-width: 1320px;
  }
}
.wrapper-narrow .tabs-wrapper_7ri4o {
  min-width: 1320px;
}
.tabs-container__LAaf {
  padding: 0 24px;
}
.tab_3QhDq {
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  color: #222;
}
.tab_3QhDq.active {
  color: inherit;
}
.tab_3QhDq:hover {
  color: #315efb;
}
.tab_3QhDq + .tab_3QhDq {
  margin-left: 36px;
}
@media (max-width: 1320px) {
  .tab_3QhDq + .tab_3QhDq {
    margin-left: 24px;
  }
}
.wrapper-narrow .tab_3QhDq + .tab_3QhDq {
  margin-left: 24px;
}
.active-underline-wrapper_Lv1CQ {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  overflow: hidden;
  width: 24px;
  height: 2px;
  margin-left: -12px;
  border-radius: 3.5px;
}
.qrcode-wrapper_2Mhwh {
  float: right;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
}
.qrcode-wrapper_2Mhwh:hover {
  color: #fff;
}
.qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ {
  display: block;
}
.fixed .qrcode-wrapper_2Mhwh {
  color: #222;
}
.fixed .qrcode-wrapper_2Mhwh:hover {
  color: #315efb;
}
.qrcode-wrapper_2Mhwh .c-icon {
  float: left;
  height: 40px;
  font-size: 21px;
  line-height: 40px;
  vertical-align: middle;
}
.qrcode-text_1cRGR {
  float: left;
  line-height: 40px;
}
.qrcode-popup_q4FMZ {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 10;
  display: none;
  box-sizing: border-box;
  width: 128px;
  margin-top: 4px;
  margin-left: -64px;
  padding: 16px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  background-color: #fff;
}
.qrcode-popup_q4FMZ p {
  margin: 6px 0 0;
  word-break: keep-all;
}
.qrcode-image_3Oyr8 {
  display: block;
  width: 80px;
  height: 80px;
  margin-right: auto;
  margin-bottom: 8px;
  margin-left: auto;
}


.empty-img_2yOph {
  display: block;
  width: 120px;
  height: 120px;
  margin: 115px auto 0;
}
.empty-text_2IeoW {
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  color: #626675;
}


.container_2VTvm {
  min-height: 600px;
}
.right-container_2EFJr {
  position: relative;
  padding-left: 192px;
}
.container-bg_lQ801 {
  border-radius: 12px;
  background-color: #fff;
}
.left-side-wrapper_1kYr7 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.left-side-bg-wrapper_23qvy {
  top: 0;
  left: 0;
  width: 100%;
}
.left-side-bg-wrapper_23qvy img {
  width: 100%;
}
.left-side_1rpOJ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  width: 176px;
  min-height: 359px;
  padding: 24px 23px;
  border-radius: 12px;
  background-color: #fff;
}
.side-title_1wfo5 {
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 18px;
}
.path-wrapper_3euWM {
  padding: 24px 24px 2px;
  line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
  line-height: 13px;
}


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.tabs-wrapper_7ri4o { position: fixed; top: -40px; z-index: 99; width: 100%; height: 40px; border-radius: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } @media (max-width: 1320px) { .tabs-wrapper_7ri4o { min-width: 1320px; } } .wrapper-narrow .tabs-wrapper_7ri4o { min-width: 1320px; } .tabs-container__LAaf { padding: 0 24px; } .tab_3QhDq { position: relative; display: inline-block; font-size: 16px; line-height: 40px; color: #222; } .tab_3QhDq.active { color: inherit; } .tab_3QhDq:hover { color: #315efb; } .tab_3QhDq + .tab_3QhDq { margin-left: 36px; } @media (max-width: 1320px) { .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } } .wrapper-narrow .tab_3QhDq + .tab_3QhDq { margin-left: 24px; } .active-underline-wrapper_Lv1CQ { position: absolute; bottom: 0; left: 50%; display: block; overflow: hidden; width: 24px; height: 2px; margin-left: -12px; border-radius: 3.5px; } .qrcode-wrapper_2Mhwh { float: right; font-size: 14px; color: rgba(255, 255, 255, 0.9); cursor: pointer; } .qrcode-wrapper_2Mhwh:hover { color: #fff; } .qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ { display: block; } .fixed .qrcode-wrapper_2Mhwh { color: #222; } .fixed .qrcode-wrapper_2Mhwh:hover { color: #315efb; } .qrcode-wrapper_2Mhwh .c-icon { float: left; height: 40px; font-size: 21px; line-height: 40px; vertical-align: middle; } .qrcode-text_1cRGR { float: left; line-height: 40px; } .qrcode-popup_q4FMZ { position: absolute; top: 100%; left: 50%; z-index: 10; display: none; box-sizing: border-box; width: 128px; margin-top: 4px; margin-left: -64px; padding: 16px; border-radius: 12px; font-size: 12px; line-height: 12px; text-align: center; background-color: #fff; } .qrcode-popup_q4FMZ p { margin: 6px 0 0; word-break: keep-all; } .qrcode-image_3Oyr8 { display: block; width: 80px; height: 80px; margin-right: auto; margin-bottom: 8px; margin-left: auto; } .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>


.empty-img_2yOph {
  display: block;
  width: 120px;
  height: 120px;
  margin: 115px auto 0;
}
.empty-text_2IeoW {
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  color: #626675;
}


.container_2VTvm {
  min-height: 600px;
}
.right-container_2EFJr {
  position: relative;
  padding-left: 192px;
}
.container-bg_lQ801 {
  border-radius: 12px;
  background-color: #fff;
}
.left-side-wrapper_1kYr7 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.left-side-bg-wrapper_23qvy {
  top: 0;
  left: 0;
  width: 100%;
}
.left-side-bg-wrapper_23qvy img {
  width: 100%;
}
.left-side_1rpOJ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  width: 176px;
  min-height: 359px;
  padding: 24px 23px;
  border-radius: 12px;
  background-color: #fff;
}
.side-title_1wfo5 {
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 18px;
}
.path-wrapper_3euWM {
  padding: 24px 24px 2px;
  line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
  line-height: 13px;
}


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>

.empty-img_2yOph {
  display: block;
  width: 120px;
  height: 120px;
  margin: 115px auto 0;
}
.empty-text_2IeoW {
  margin-top: 16px;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
  color: #626675;
}


.container_2VTvm {
  min-height: 600px;
}
.right-container_2EFJr {
  position: relative;
  padding-left: 192px;
}
.container-bg_lQ801 {
  border-radius: 12px;
  background-color: #fff;
}
.left-side-wrapper_1kYr7 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.left-side-bg-wrapper_23qvy {
  top: 0;
  left: 0;
  width: 100%;
}
.left-side-bg-wrapper_23qvy img {
  width: 100%;
}
.left-side_1rpOJ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  width: 176px;
  min-height: 359px;
  padding: 24px 23px;
  border-radius: 12px;
  background-color: #fff;
}
.side-title_1wfo5 {
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 18px;
}
.path-wrapper_3euWM {
  padding: 24px 24px 2px;
  line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
  line-height: 13px;
}


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.empty-img_2yOph { display: block; width: 120px; height: 120px; margin: 115px auto 0; } .empty-text_2IeoW { margin-top: 16px; font-size: 13px; line-height: 13px; text-align: center; color: #626675; } .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>


.container_2VTvm {
  min-height: 600px;
}
.right-container_2EFJr {
  position: relative;
  padding-left: 192px;
}
.container-bg_lQ801 {
  border-radius: 12px;
  background-color: #fff;
}
.left-side-wrapper_1kYr7 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.left-side-bg-wrapper_23qvy {
  top: 0;
  left: 0;
  width: 100%;
}
.left-side-bg-wrapper_23qvy img {
  width: 100%;
}
.left-side_1rpOJ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  width: 176px;
  min-height: 359px;
  padding: 24px 23px;
  border-radius: 12px;
  background-color: #fff;
}
.side-title_1wfo5 {
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 18px;
}
.path-wrapper_3euWM {
  padding: 24px 24px 2px;
  line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
  line-height: 13px;
}


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>

.container_2VTvm {
  min-height: 600px;
}
.right-container_2EFJr {
  position: relative;
  padding-left: 192px;
}
.container-bg_lQ801 {
  border-radius: 12px;
  background-color: #fff;
}
.left-side-wrapper_1kYr7 {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.left-side-bg-wrapper_23qvy {
  top: 0;
  left: 0;
  width: 100%;
}
.left-side-bg-wrapper_23qvy img {
  width: 100%;
}
.left-side_1rpOJ {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  box-sizing: border-box;
  width: 176px;
  min-height: 359px;
  padding: 24px 23px;
  border-radius: 12px;
  background-color: #fff;
}
.side-title_1wfo5 {
  margin-bottom: 31px;
  font-size: 18px;
  line-height: 18px;
}
.path-wrapper_3euWM {
  padding: 24px 24px 2px;
  line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
  line-height: 13px;
}


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.container_2VTvm { min-height: 600px; } .right-container_2EFJr { position: relative; padding-left: 192px; } .container-bg_lQ801 { border-radius: 12px; background-color: #fff; } .left-side-wrapper_1kYr7 { top: 0; left: 0; z-index: 10; width: 100%; } .left-side-bg-wrapper_23qvy { top: 0; left: 0; width: 100%; } .left-side-bg-wrapper_23qvy img { width: 100%; } .left-side_1rpOJ { position: absolute; top: 0; left: 0; z-index: 99; box-sizing: border-box; width: 176px; min-height: 359px; padding: 24px 23px; border-radius: 12px; background-color: #fff; } .side-title_1wfo5 { margin-bottom: 31px; font-size: 18px; line-height: 18px; } .path-wrapper_3euWM { padding: 24px 24px 2px; line-height: 13px; } .path-wrapper_3euWM .c-font-normal { line-height: 13px; } .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>


.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

* { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' title=' .tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' target='_blank'>

.tags-wrap_InWap {
  margin-top: 24px;
}
.tags_1mjZF {
  overflow: hidden;
  margin-left: -8px;
}
.title_bOM2Q {
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 13px;
}
.tag-item_2erEC {
  float: left;
  margin: 2px 0;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 13px;
  color: #626675;
  cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
  border-radius: 4px;
  background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
  color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
  color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
  color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
  color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
  color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
  color: #6633ff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
  color: #1a8cff;
}


.category-wrap_iQLoo {
  overflow: hidden;
  padding: 14px 0;
  padding-left: 24px;
}
.category-wrap_iQLoo:hover {
  border-radius: 12px;
  background-color: rgba(245, 245, 246, 0.5);
  background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
  height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
  width: 128px;
  height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
  margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
  margin: 7px 0;
}
.square_1ULM9 {
  height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
  width: 107px;
  height: 107px;
}
.img-wrapper_29V76 {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 80px;
  height: 107px;
  margin-right: 16px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 8px 1px 8px 1px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  background-color: #faa90e;
  color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
  background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
  background-color: #f60;
}
.img-wrapper_29V76 img {
  width: 100%;
  height: 100%;
}
.content_1YWBm {
  overflow: hidden;
  margin: 0 150px 0 96px;
  font-size: 13px;
  color: #626675;
}
.content_1YWBm .title_dIF3B {
  position: relative;
  display: block;
  overflow: hidden;
  height: 22px;
  margin: 8px 0 12px;
  padding-right: 24px;
  font-size: 18px;
  line-height: 22px;
  color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
  display: inline-block;
  max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
  position: absolute;
  top: 2.5px;
  margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
  color: #315efb;
}
.content_1YWBm .intro_1l0wp {
  margin-bottom: 8px;
  line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
  line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
  margin-left: 6px;
}
@media (max-width: 1320px) {
  .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
    display: none;
  }
  .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
    display: block;
  }
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
  display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
  display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
  position: static;
}
.content_1YWBm .desc_3CTjT {
  position: relative;
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 70px;
  line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
  position: absolute;
  right: 0;
  white-space: nowrap;
  cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
  color: #315efb;
}
.line_3-bzA {
  float: right;
  width: 1px;
  height: 100%;
  margin-left: 28px;
}
.trend_2RttY {
  float: right;
  width: 150px;
  text-align: center;
}
.trend_2RttY.hide-icon {
  margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
  display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
  width: 28px;
  height: 28px;
  margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
  margin: 3px 0 10px 0;
  font-size: 16px;
  line-height: 16px;
  color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
  font-size: 13px;
  line-height: 13px;
  color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
  font-size: 13px;
  line-height: 13px;
  color: #333;
  margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
  color: #315efb;
}
.top-icon_15tUE {
  width: 12px !important;
  height: 12px !important;
  margin-top: 4px;
}


.img-wrap_JPOmE {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.img-wrap_JPOmE img {
  width: 100%;
  height: 100%;
}


.hot-tag_2kHyG {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  font-size: 12px;
}
.c-text-hot_3ZhI9 {
  background-color: #ff9812;
}
.c-text-new_YE8mj {
  background-color: #ff455b;
}
.c-text-fei_2nTcS {
  background-color: #ff7413;
}
.c-text-bao_3s8Nn {
  background-color: #d61a6e;
}
.c-text-rec_1poJC {
  background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
  background-color: #b4c4ff;
}


.footer_aoJsU {
  text-align: center;
  height: 40px;
  color: #bbb;
  vertical-align: middle;
}
.footer_aoJsU:after {
  content: * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; } ' class='m-hotimg'>
.tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }

.tags-wrap_InWap { margin-top: 24px; } .tags_1mjZF { overflow: hidden; margin-left: -8px; } .title_bOM2Q { margin-bottom: 12px; font-size: 13px; line-height: 13px; } .tag-item_2erEC { float: left; margin: 2px 0; padding: 6px 8px; font-size: 13px; line-height: 13px; color: #626675; cursor: pointer; } .tag-item_2erEC.active_1oD-- { border-radius: 4px; background-color: #f9f9f9; } .tag-item_2erEC:hover { color: #315efb; } [theme="realtime"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="novel"] .tag-item_2erEC.active_1oD-- { color: #ff6633; } [theme="movie"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="teleplay"] .tag-item_2erEC.active_1oD-- { color: #4d4dff; } [theme="cartoon"] .tag-item_2erEC.active_1oD-- { color: #ff4d4d; } [theme="variety"] .tag-item_2erEC.active_1oD-- { color: #8a42ff; } [theme="documentary"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="game"] .tag-item_2erEC.active_1oD-- { color: #6633ff; } [theme="car"] .tag-item_2erEC.active_1oD-- { color: #1a8cff; } .category-wrap_iQLoo { overflow: hidden; padding: 14px 0; padding-left: 24px; } .category-wrap_iQLoo:hover { border-radius: 12px; background-color: rgba(245, 245, 246, 0.5); background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%); } .horizontal_1eKyQ { height: 85px; } .horizontal_1eKyQ .img-wrapper_29V76 { width: 128px; height: 85px; } .horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd { margin-top: 4px; } .horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a { margin: 7px 0; } .square_1ULM9 { height: 107px; } .square_1ULM9 .img-wrapper_29V76 { width: 107px; height: 107px; } .img-wrapper_29V76 { position: relative; display: block; float: left; overflow: hidden; width: 80px; height: 107px; margin-right: 16px; border-radius: 12px; background-color: #fff; cursor: pointer; } .img-wrapper_29V76 .border_3WfEn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 12px; } .img-wrapper_29V76 .index_1Ew5p { position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 8px 1px 8px 1px; font-size: 14px; line-height: 20px; text-align: center; background-color: #faa90e; color: #fff; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg1 { background-color: #fe2d46; } .img-wrapper_29V76 .index_1Ew5p.c-index-bg2 { background-color: #f60; } .img-wrapper_29V76 img { width: 100%; height: 100%; } .content_1YWBm { overflow: hidden; margin: 0 150px 0 96px; font-size: 13px; color: #626675; } .content_1YWBm .title_dIF3B { position: relative; display: block; overflow: hidden; height: 22px; margin: 8px 0 12px; padding-right: 24px; font-size: 18px; line-height: 22px; color: #222; } .content_1YWBm .title_dIF3B .c-single-text-ellipsis { display: inline-block; max-width: 100%; } .content_1YWBm .title_dIF3B .hot-tag_1G080 { position: absolute; top: 2.5px; margin-left: 7px; } .content_1YWBm .title_dIF3B:hover, .content_1YWBm .title_dIF3B.hover_128In { color: #315efb; } .content_1YWBm .intro_1l0wp { margin-bottom: 8px; line-height: 13px; } .content_1YWBm .hot-desc_1m_jR { line-height: 20px; } .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: inline-block; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: none; } .content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC { margin-left: 6px; } @media (max-width: 1320px) { .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU { display: none; } .wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 { display: block; } .content_1YWBm .hot-desc_1m_jR .look-more_3oNWC { position: static; } .content_1YWBm .desc_3CTjT { position: relative; display: block; box-sizing: border-box; max-width: 100%; padding-right: 70px; line-height: 13px; } .content_1YWBm .look-more_3oNWC { position: absolute; right: 0; white-space: nowrap; cursor: pointer; } .content_1YWBm .look-more_3oNWC:hover { color: #315efb; } .line_3-bzA { float: right; width: 1px; height: 100%; margin-left: 28px; } .trend_2RttY { float: right; width: 150px; text-align: center; } .trend_2RttY.hide-icon { margin-top: 18px; } .trend_2RttY.hide-icon .trend-icon_1Z3Cd { display: none; } .trend_2RttY .trend-icon_1Z3Cd { width: 28px; height: 28px; margin-top: 17px; } .trend_2RttY .hot-index_1Bl1a { margin: 3px 0 10px 0; font-size: 16px; line-height: 16px; color: #9195a3; } .trend_2RttY .text_1lUwZ { font-size: 13px; line-height: 13px; color: #c4c7ce; } .trend_2RttY .text-index_39kSZ { font-size: 13px; line-height: 13px; color: #333; margin-bottom: 5px; } .trend_2RttY .text-index_39kSZ .index-icon_N2V8p { width: 14px; height: 14px; vertical-align: bottom; } .trend_2RttY .text-index_39kSZ:hover, .trend_2RttY .text-index_39kSZ.hover_128In { color: #315efb; } .top-icon_15tUE { width: 12px !important; height: 12px !important; margin-top: 4px; } .img-wrap_JPOmE { display: inline-block; width: 14px; height: 14px; vertical-align: top; } .img-wrap_JPOmE img { width: 100%; height: 100%; } .hot-tag_2kHyG { width: 16px; height: 16px; border-radius: 4px; font-size: 12px; } .c-text-hot_3ZhI9 { background-color: #ff9812; } .c-text-new_YE8mj { background-color: #ff455b; } .c-text-fei_2nTcS { background-color: #ff7413; } .c-text-bao_3s8Nn { background-color: #d61a6e; } .c-text-rec_1poJC { background-color: #3ca6ff; } .c-text-ecom_3MX4z { background-color: #b4c4ff; } .footer_aoJsU { text-align: center; height: 40px; color: #bbb; vertical-align: middle; } .footer_aoJsU:after { content: ''; line-height: 40px; } .footer_aoJsU a { margin-right: 20px; } .footer_aoJsU a:hover { color: #222; } .container_2R1hQ { position: fixed; right: 24px; bottom: 64px; background-color: #fbfbfb; width: 44px; border-radius: 22px; z-index: 10; } @media screen and (max-width: 1158px) { .container_2R1hQ { display: none; } } .container_2R1hQ > * { display: block; position: relative; height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 10px; box-sizing: border-box; } .container_2R1hQ > *:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .container_2R1hQ > *:hover .side-float-popup { display: block; } .container_2R1hQ > * .side-float-popup { display: none; position: absolute; width: auto; word-break: keep-all; padding: 5px 16px; bottom: 50%; margin-bottom: -17px; right: 100%; margin-right: 12px; border-radius: 6px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; font-size: 14px; line-height: 24px; } .container_2R1hQ .c-icon { display: block; font-size: 24px; line-height: 24px; height: 24px; color: #626675; } .container_2R1hQ .c-icon:hover { color: #315efb; }