☰

💡 关灯，人人影视！

一款适用于 YYeTs 人人影视网站的深色主题用户样式表。

  1. /* ==UserStyle==
  2. @name:en 💡 TURN OFF THE LIGHT, YYeTs!
  3. @name 💡 关灯，人人影视！
  4. @namespace franciszhao
  5. @version 2.5.1
  6. @description:en A dark theme stylesheet for the website of YYeTs subtitle group.
  7. @description 一款适用于 YYeTs 人人影视网站的深色主题用户样式表。
  8. @author Francis Zhao <francis@n2o.io>
  9. @homepageURL https://n2o.io/go?page=userstyles
  10. @supportURL https://n2o.io/go?page=userstyles
  11. @license MIT
  12. @preprocessor default
  13. ==/UserStyle== */
  14. @-moz-document regexp("https?://(\\w+\\.)?yysub\\.\\w+/.*")
  15. {
  16.   body {
  17.     background-color: #1f1f1f;
  18.     color: #8c8c8c;
  19.     font-family: 'Source Han Sans SC', 'Noto Sans CJK SC', 'HanHei SC',
  20.       'HarmonyOS Sans SC', '方正兰亭黑_GB18030', '方正兰亭黑_GBK',
  21.       'Microsoft YaHei', system-ui, ui-sans-serif, sans-serif,
  22.       'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  23.       'Noto Color Emoji', emoji, sans-serif;
  24.   }
  25.   pre,
  26.   code,
  27.   kbd,
  28.   samp {
  29.     font-family: 'Source Han Mono SC', 'Noto Sans Mono CJK SC',
  30.       'Source Code Pro', 'Noto Mono', 'SF Mono', 'Roboto Mono', 'Cascadia Code',
  31.       ui-monospace, monospace, 'Apple Color Emoji', 'Segoe UI Emoji',
  32.       'Segoe UI Symbol', 'Noto Color Emoji', emoji, monospace;
  33.   }
  34.   button,
  35.   input,
  36.   keygen,
  37.   optgroup,
  38.   select,
  39.   textarea {
  40.     font-family: inherit;
  41.   }
  42.   a,
  43.   .f3,
  44.   .f4,
  45.   .f4 a,
  46.   .f6,
  47.   .r-it,
  48.   h3,
  49.   h3 a,
  50.   .fl-info h3 a {
  51.     color: #8c8c8c;
  52.   }
  53.   .f14 {
  54.     color: #607d8b;
  55.   }
  56.   .f0 {
  57.     color: #005083;
  58.   }
  59.   a:hover,
  60.   .f3:hover {
  61.     color: #005083;
  62.   }
  63.   .f1,
  64.   .f7 {
  65.     color: brown !important;
  66.   }
  67.   b,
  68.   strong {
  69.     font-weight: 400 !important;
  70.   }
  71.   input[type='text'],
  72.   input[type='password'],
  73.   select,
  74.   textarea {
  75.     background: rgba(0, 0, 0, 0.1) !important;
  76.     box-shadow: none !important;
  77.     border-color: #005083 !important;
  78.     border-radius: 4px !important;
  79.     color: #8c8c8c !important;
  80.     outline: none !important;
  81.   }
  82.   input[type='text']:hover,
  83.   input[type='text']:focus,
  84.   input[type='password']:hover,
  85.   input[type='password']:focus,
  86.   select:hover,
  87.   select:focus,
  88.   textarea:hover,
  89.   textarea:focus {
  90.     border-color: #006fb6 !important;
  91.   }
  92.   input[type='button'],
  93.   input[type='submit'],
  94.   .res-form .submit {
  95.     background: #005083 !important;
  96.     box-shadow: none !important;
  97.     border-color: #005083 !important;
  98.     border-radius: 4px !important;
  99.     color: #d9d9d9 !important;
  100.     outline: none !important;
  101.   }
  102.   input[type='button']:hover,
  103.   input[type='submit']:hover,
  104.   .res-form .submit:hover {
  105.     background: #006fb6 !important;
  106.   }
  107.   .header {
  108.     background: rgba(0, 0, 0, 0.5);
  109.   }
  110.   .header .search-box {
  111.     width: 300px;
  112.   }
  113.   .header .search-box .keywords {
  114.     border-radius: 4px 0 0 4px !important;
  115.   }
  116.   .header .search-box .submit {
  117.     background:
  118.       url('https://jstu.yysub.net/images/saerch-submit.png') center center/24px
  119.         24px no-repeat,
  120.       #005083 !important;
  121.     border-radius: 0 4px 4px 0 !important;
  122.   }
  123.   .header .search-box .submit:hover {
  124.     background:
  125.       url('https://jstu.yysub.net/images/saerch-submit.png') center center/24px
  126.         24px no-repeat,
  127.       #006fb6 !important;
  128.   }
  129.   .header .search-box .key-result,
  130.   .header .search-box #top_search_list {
  131.     position: relative;
  132.     top: 0;
  133.     background: rgba(0, 0, 0, 0.9);
  134.     border: none;
  135.     border-radius: 4px;
  136.   }
  137.   .header .search-box .key-result {
  138.     width: 300px;
  139.   }
  140.   .header .search-box .key-result span {
  141.     background: transparent;
  142.     line-height: 14px;
  143.   }
  144.   .header .search-box .key-result a {
  145.     color: inherit;
  146.   }
  147.   .header .search-box .key-result a:hover {
  148.     background: rgba(255, 255, 255, 0.1);
  149.   }
  150.   .header .search-box #top_search_list {
  151.     width: 280px;
  152.     padding: 10px;
  153.   }
  154.   .header .search-box #top_search_list li {
  155.     width: 100%;
  156.     padding: 0;
  157.     background: none !important;
  158.     color: inherit;
  159.   }
  160.   .header .search-box #top_search_list li:not(:last-child) {
  161.     margin-bottom: 5px;
  162.   }
  163.   .header .zzhu,
  164.   .header .app_link a,
  165.   .header .top-login,
  166.   .header .top-login-before a {
  167.     color: inherit !important;
  168.   }
  169.   .header .top-login-before .user-ico {
  170.     filter: brightness(50%);
  171.   }
  172.   .header .top-login-before a {
  173.     color: inherit;
  174.   }
  175.   .notice {
  176.     background: rgba(0, 0, 0, 0.5);
  177.     color: inherit;
  178.   }
  179.   .notice strong {
  180.     color: inherit;
  181.   }
  182.   .notice a {
  183.     color: #607d8b;
  184.   }
  185.   .notice a:hover {
  186.     color: #005083;
  187.   }
  188.   .menu-box {
  189.     background: linear-gradient(
  190.       180deg,
  191.       rgba(0, 0, 0, 0.5) 0%,
  192.       transparent 100%
  193.     );
  194.   }
  195.   .menu-box a {
  196.     color: inherit;
  197.   }
  198.   .menu-box a.cur,
  199.   .menu-box a:hover {
  200.     color: #d9d9d9;
  201.     background: linear-gradient(
  202.       180deg,
  203.       transparent 0%,
  204.       rgba(255, 255, 255, 0.15) 100%
  205.     );
  206.   }
  207.   .menu-box a.cur::after,
  208.   .menu-box a:hover::after {
  209.     background: rgba(255, 255, 255, 0.5);
  210.   }
  211.   .footer {
  212.     height: auto;
  213.     padding: 40px 0;
  214.     background: linear-gradient(
  215.       180deg,
  216.       transparent 0%,
  217.       rgba(0, 0, 0, 0.75) 100%
  218.     );
  219.     color: inherit;
  220.   }
  221.   .footer a {
  222.     min-width: auto;
  223.     color: inherit;
  224.   }
  225.   .footer a:not(:last-child) {
  226.     margin-right: 16px;
  227.   }
  228.   .footer a:hover {
  229.     color: #005083;
  230.   }
  231.   .box .box {
  232.     background: transparent !important;
  233.   }
  234.   h2.it,
  235.   .res-bbs-box .news-bbs h2,
  236.   .found-box .xy-list .title,
  237.   .user-main .u_p_set dl.ziliao_dl dt h2 {
  238.     background: transparent !important;
  239.     border-color: rgba(255, 255, 255, 0.05) !important;
  240.     color: #005083 !important;
  241.   }
  242.   h2.it::after,
  243.   .res-bbs-box .news-bbs h2::after,
  244.   .found-box .xy-list .title::after,
  245.   .user-main .u_p_set dl.ziliao_dl dt h2::after {
  246.     background: #005083 !important;
  247.   }
  248.   h2.it a,
  249.   .res-bbs-box .news-bbs h2 a,
  250.   .found-box .xy-list .title a,
  251.   .user-main .u_p_set dl.ziliao_dl dt h2 a {
  252.     color: #607d8b !important;
  253.   }
  254.   .res-form textarea {
  255.     width: 85% !important;
  256.     height: 52px !important;
  257.     padding: 4px 6px !important;
  258.     font-size: 14px !important;
  259.   }
  260.   .res-form .submit {
  261.     width: 10% !important;
  262.     vertical-align: baseline !important;
  263.   }
  264.   .res-form p:last-child {
  265.     margin-top: 6px !important;
  266.     color: brown !important;
  267.   }
  268.   .bbs-list {
  269.     padding-top: 25px !important;
  270.     color: #607d8b !important;
  271.   }
  272.   .bbs-list li {
  273.     border-color: rgba(255, 255, 255, 0.05) !important;
  274.     color: inherit !important;
  275.   }
  276.   .bbs-list li .info .tit strong,
  277.   .bbs-list li .info .reicos p.fl {
  278.     color: #8c8c8c !important;
  279.   }
  280.   .bbs-list li .info p,
  281.   .bbs-list li .info .reicos p.fr a {
  282.     color: #607d8b !important;
  283.   }
  284.   .bbs-list li .info .bbs-reply {
  285.     background: rgba(0, 0, 0, 0.1) !important;
  286.   }
  287.   .bbs-list li .info .bbs-reply .arrow {
  288.     filter: brightness(9%) !important;
  289.   }
  290.   .pages a {
  291.     background: rgba(0, 0, 0, 0.1);
  292.     border: 1px solid rgba(255, 255, 255, 0.1);
  293.     color: inherit;
  294.   }
  295.   .pages a.cur,
  296.   .pages a:hover {
  297.     background: rgba(0, 0, 0, 0.5);
  298.     border: 1px solid rgba(255, 255, 255, 0.05);
  299.     color: inherit;
  300.   }
  301.   * {
  302.     transition:
  303.       color 0.25s,
  304.       background-color 0.5s,
  305.       border-color 0.5s;
  306.   }
  307.   .middle-box .top24,
  308.   .middle-box .today-play,
  309.   .middle-box .top-news,
  310.   .middle-box .wonder-comment,
  311.   .middle-box .lastest-release,
  312.   .middle-box .short-comment,
  313.   .middle-box .world-playing,
  314.   .middle-box .top-update,
  315.   .middle-box .top-tv,
  316.   .middle-box .friendlinks {
  317.     background: transparent;
  318.   }
  319.   .middle-box .top24 li:hover {
  320.     background: rgba(0, 0, 0, 0.75);
  321.   }
  322.   .middle-box .top24 li:hover a {
  323.     color: #005083;
  324.   }
  325.   .middle-box .top24 li a {
  326.     display: inline-block;
  327.     width: 170px;
  328.     color: inherit;
  329.   }
  330.   .middle-box #focus ul#tabs {
  331.     background: rgba(0, 0, 0, 0.75);
  332.   }
  333.   .middle-box #focus ul#tabs li a {
  334.     filter: brightness(80%);
  335.   }
  336.   .middle-box #focus ul#output h2 {
  337.     color: inherit;
  338.   }
  339.   .middle-box .today-play {
  340.     background: rgba(0, 0, 0, 0.2);
  341.   }
  342.   .middle-box .today-play .box {
  343.     background: transparent !important;
  344.   }
  345.   .middle-box .today-play .list {
  346.     margin: 0;
  347.     border-color: rgba(255, 255, 255, 0.05);
  348.   }
  349.   .middle-box .today-play .list li {
  350.     margin: 0;
  351.   }
  352.   .middle-box .today-play .list li a {
  353.     padding: 4px 20px;
  354.     color: inherit;
  355.   }
  356.   .middle-box .today-play .list li a:hover {
  357.     background: rgba(0, 0, 0, 0.75);
  358.     color: #005083;
  359.   }
  360.   .middle-box .today-play .list li a .fl-info h3 a {
  361.     color: inherit;
  362.   }
  363.   .middle-box .today-play .list li a .fl-info h3 a:hover {
  364.     color: #005083;
  365.   }
  366.   .middle-box .today-play .jobs-hr li a {
  367.     color: inherit;
  368.   }
  369.   .middle-box .top-news li .fl-img > a img {
  370.     margin: 0 !important;
  371.   }
  372.   .middle-box .top-news li .fl-info h3 a {
  373.     color: inherit;
  374.   }
  375.   .middle-box .top-news li .fl-info h3 span {
  376.     color: #607d8b;
  377.   }
  378.   .middle-box .top-news li .fl-info h3 .f3 {
  379.     color: #005083;
  380.   }
  381.   .middle-box .wonder-comment .commentBox {
  382.     height: 726px;
  383.     margin: 13px 0;
  384.   }
  385.   .middle-box .wonder-comment .commentBox li .fl-info {
  386.     color: #607d8b;
  387.   }
  388.   .middle-box .wonder-comment .commentBox li .fl-info h3 a {
  389.     color: #005083;
  390.   }
  391.   .middle-box .wonder-comment .commentBox li .fl-info .ico {
  392.     color: inherit;
  393.   }
  394.   .middle-box .wonder-comment .commentBox li .fl-info .ico .use-act {
  395.     color: #607d8b;
  396.   }
  397.   .middle-box .lastest-release .f4 {
  398.     color: #607d8b;
  399.   }
  400.   .middle-box .short-comment li .fl-info h3 a {
  401.     color: inherit;
  402.   }
  403.   .middle-box .short-comment li .fl-info p {
  404.     color: #607d8b;
  405.   }
  406.   .middle-box .world-playing .list-playing {
  407.     width: 320px;
  408.   }
  409.   .middle-box .world-playing .list-playing a {
  410.     background: rgba(0, 0, 0, 0.1);
  411.   }
  412.   .middle-box .world-playing .list-playing li.cur a,
  413.   .middle-box .world-playing .list-playing li a:hover {
  414.     background: rgba(0, 0, 0, 0.5);
  415.     color: #005083;
  416.   }
  417.   .middle-box .world-playing .list-playing li.cur a::before,
  418.   .middle-box .world-playing .list-playing li a:hover::before {
  419.     width: 6px;
  420.     background: #005083;
  421.   }
  422.   .middle-box .world-playing .con-playing {
  423.     color: #607d8b;
  424.   }
  425.   .middle-box .world-playing .con-playing li:nth-of-type(1) a,
  426.   .middle-box .world-playing .con-playing li:nth-of-type(2) a,
  427.   .middle-box .world-playing .con-playing li:nth-of-type(3) a,
  428.   .middle-box .world-playing .con-playing li:nth-of-type(4) a,
  429.   .middle-box .world-playing .con-playing li:nth-of-type(5) a,
  430.   .middle-box .world-playing .con-playing li:nth-of-type(6) a {
  431.     color: #8c8c8c;
  432.   }
  433.   .middle-box .world-playing .con-playing li:nth-of-type(1) a:hover,
  434.   .middle-box .world-playing .con-playing li:nth-of-type(2) a:hover,
  435.   .middle-box .world-playing .con-playing li:nth-of-type(3) a:hover,
  436.   .middle-box .world-playing .con-playing li:nth-of-type(4) a:hover,
  437.   .middle-box .world-playing .con-playing li:nth-of-type(5) a:hover,
  438.   .middle-box .world-playing .con-playing li:nth-of-type(6) a:hover {
  439.     color: #005083;
  440.   }
  441.   .middle-box .top-update li .t a {
  442.     color: #8c8c8c;
  443.   }
  444.   .middle-box .top-tv li .fl-info h3 a {
  445.     color: inherit;
  446.   }
  447.   .middle-box .friendlinks .imgs li {
  448.     background: rgba(0, 0, 0, 0.1);
  449.     border-color: rgba(255, 255, 255, 0.05);
  450.   }
  451.   .user-form {
  452.     background: rgba(0, 0, 0, 0.2);
  453.   }
  454.   .user-form .it {
  455.     background: rgba(0, 0, 0, 0.25);
  456.     border: none;
  457.     color: inherit;
  458.   }
  459.   .user-form .user-login .input-txt {
  460.     padding: 0 10px;
  461.     font-family: 'Source Han Mono SC', 'Noto Sans Mono CJK SC',
  462.       'Source Code Pro', 'Noto Mono', 'SF Mono', 'Roboto Mono', 'Cascadia Code',
  463.       ui-monospace, monospace, 'Apple Color Emoji', 'Segoe UI Emoji',
  464.       'Segoe UI Symbol', 'Noto Color Emoji', emoji, monospace;
  465.   }
  466.   .user-form .user-login p label,
  467.   .user-form .user-login li label strong,
  468.   .user-form .user-login li.a label,
  469.   .user-form .user-login li.a label font.f1,
  470.   .user-form .user-login li.b a.f1,
  471.   .user-form .user-login li.b font.f14 {
  472.     color: inherit;
  473.   }
  474.   .user-form .user-login li.b input.btn3 {
  475.     background: rgba(0, 0, 0, 0.1);
  476.     border: 1px solid rgba(255, 255, 255, 0.1);
  477.     color: inherit;
  478.   }
  479.   .user-form .user-login li.b input.btn3:hover {
  480.     background: rgba(0, 0, 0, 0.5);
  481.     border-color: rgba(255, 255, 255, 0.05);
  482.   }
  483.   .user-form .user-login li.b a.btn1 {
  484.     background: transparent;
  485.     border: 1px solid #607d8b;
  486.     color: #607d8b;
  487.   }
  488.   .user-form .user-login p.c {
  489.     color: #607d8b;
  490.   }
  491.   .middle-box .user-main .u_intro .u_s_intro h2.f_u0 {
  492.     color: #8c8c8c;
  493.   }
  494.   .middle-box .user-main #form_basic > div > span,
  495.   .middle-box .user-main .u_s_intro .u_acount_a1 .sp1,
  496.   .middle-box .user-main .u_s_intro .u_acount_a1 .sp2,
  497.   .middle-box .user-main .u_s_intro .u_acount_a1 .sp3,
  498.   .middle-box .user-main .u_p_set .ziliao_dl dd,
  499.   .middle-box .user-main .ziliao_ul li label,
  500.   .middle-box .user-main .u_s_intro div.f4,
  501.   .middle-box .user-main .u_p_set div.f4,
  502.   .middle-box .user-main .upgrade_vip form strong {
  503.     color: #607d8b;
  504.   }
  505.   .middle-box
  506.     .user-main
  507.     .u_p_set
  508.     #upgrade_by_point_form
  509.     ul.ziliao_ul
  510.     li
  511.     span
  512.     b
  513.     font,
  514.   .middle-box
  515.     .user-main
  516.     .u_p_set
  517.     #upgrade_by_code_form
  518.     ul.ziliao_ul
  519.     li
  520.     span
  521.     b
  522.     font {
  523.     color: #607d8b !important;
  524.   }
  525.   .middle-box .user-main .u_s_intro .u_acount_a1 .sp1 font,
  526.   .middle-box .user-main .u_s_intro .u_acount_a1 .sp2 font,
  527.   .middle-box .user-main .u_s_intro .u_acount_a1 .sp3 font,
  528.   .middle-box .user-main .u_p_set .ziliao_dl dd.edit-username-notice a,
  529.   .middle-box .user-main .u_p_set ul.ziliao_ul li font,
  530.   .middle-box .user-main .ziliao_ul li font.f_u0,
  531.   .middle-box
  532.     .user-main
  533.     .u_p_set
  534.     #upgrade_by_code_form
  535.     ul.ziliao_ul
  536.     li
  537.     a.howto {
  538.     color: #005083;
  539.   }
  540.   .middle-box .user-main .u_p_set ul.ziliao_ul li #unbind_btn {
  541.     color: #005083 !important;
  542.   }
  543.   .middle-box .user-main .upgrade-item dl.upgrade_vip a.my_verify_code {
  544.     color: #8c8c8c;
  545.   }
  546.   .middle-box .user-main .ziliao_ul li .pwd-requirements,
  547.   .middle-box .user-main .u_p_set ul.ziliao_ul li font[color='#EF4238'],
  548.   .middle-box
  549.     .user-main
  550.     .u_p_set
  551.     #upgrade_by_code_form
  552.     ul.ziliao_ul
  553.     li
  554.     font[color='red'] {
  555.     color: brown !important;
  556.   }
  557.   .middle-box .user-main .upgrade_vip .buy-notice {
  558.     background: transparent;
  559.     border-color: brown;
  560.     color: brown;
  561.   }
  562.   .middle-box .user-main .u_p_set .upgrade_vip dd {
  563.     margin-top: 15px;
  564.   }
  565.   .middle-box .user-main .u_p_set dl.ziliao_dl dt {
  566.     border-color: rgba(255, 255, 255, 0.05);
  567.   }
  568.   .middle-box .user-main .u_p_set dl.ziliao_dl dt h2 {
  569.     border: none;
  570.   }
  571.   .middle-box .user-main .upgrade-item .upgrade-pop {
  572.     top: -160px !important;
  573.     background: rgba(0, 0, 0, 0.9);
  574.     box-shadow: none;
  575.     border: 3px solid rgba(255, 255, 255, 0.15);
  576.     border-radius: 4px;
  577.   }
  578.   .middle-box .user-main .upgrade-item .upgrade-pop p {
  579.     color: #607d8b;
  580.   }
  581.   .middle-box .user-main .upgrade-item .upgrade-pop p.tc strong {
  582.     color: #8c8c8c;
  583.   }
  584.   .middle-box .user-main .upgrade-item .upgrade-pop p.f3 {
  585.     border-color: #005083;
  586.     color: #005083;
  587.   }
  588.   .middle-box .user-main .upgrade-item .upgrade-pop p.f7 {
  589.     color: brown;
  590.   }
  591.   .middle-box .user-main .upgrade-item .upgrade-pop .button a {
  592.     background: rgba(52, 116, 249, 0.05);
  593.     color: #d9d9d9 !important;
  594.   }
  595.   .middle-box .user-main .upgrade-item .upgrade-pop .button .btn1 {
  596.     background: rgba(52, 116, 249, 0.25);
  597.   }
  598.   .middle-box .box {
  599.     background: rgba(0, 0, 0, 0.2);
  600.   }
  601.   .middle-box .res-view-top {
  602.     background: transparent !important;
  603.   }
  604.   .middle-box .res-view-top .view-left,
  605.   .middle-box .res-view-top .view-right {
  606.     background: rgba(0, 0, 0, 0.2);
  607.   }
  608.   .middle-box .res-view-top .view-left .resource-tit {
  609.     color: #8c8c8c;
  610.   }
  611.   .middle-box .res-view-top .view-left .resource-tit h2,
  612.   .middle-box .res-view-top .view-left .resource-tit p {
  613.     color: inherit;
  614.   }
  615.   .middle-box .res-view-top .view-left .resource-con li {
  616.     color: #8c8c8c;
  617.   }
  618.   .middle-box .res-view-top .view-left .resource-con li span {
  619.     color: #607d8b;
  620.   }
  621.   .middle-box .res-view-top .view-left .resource-con li strong {
  622.     color: #607d8b;
  623.   }
  624.   .middle-box .res-view-top .view-left .resource-con li a.f3 {
  625.     color: inherit;
  626.   }
  627.   .middle-box .res-view-top .view-left .resource-con li a.f3:hover {
  628.     color: #005083;
  629.   }
  630.   .middle-box .res-view-top .view-left .resource-desc {
  631.     border-color: rgba(255, 255, 255, 0.05);
  632.   }
  633.   .middle-box .res-view-top .view-left .resource-desc .t strong {
  634.     background: rgba(52, 116, 249, 0.05);
  635.     color: #8c8c8c;
  636.   }
  637.   .middle-box .res-view-top .view-left .resource-desc .t strong span {
  638.     color: brown;
  639.   }
  640.   .middle-box .res-view-top .view-left .resource-desc .t ul.fl {
  641.     border-radius: 0;
  642.   }
  643.   .middle-box
  644.     .res-view-top
  645.     .view-left
  646.     .resource-desc
  647.     .t
  648.     ul.fl:hover
  649.     li.selected {
  650.     border-radius: 0;
  651.   }
  652.   .middle-box .res-view-top .view-left .resource-desc .t ul li {
  653.     background: rgba(52, 116, 249, 0.05);
  654.     border-radius: 0;
  655.     color: #8c8c8c;
  656.   }
  657.   .middle-box .res-view-top .view-left .resource-desc .t ul li.selected {
  658.     background: rgba(52, 116, 249, 0.25);
  659.     color: #d9d9d9;
  660.   }
  661.   .middle-box .res-view-top .view-left .resource-desc .t .ico-downmenu {
  662.     height: 15px;
  663.     background-color: rgba(52, 116, 249, 0.25);
  664.     border-left: 1px solid rgba(255, 255, 255, 0.1);
  665.     border-radius: 0;
  666.     line-height: 15px;
  667.   }
  668.   .middle-box .res-view-top .view-left .resource-desc .con span {
  669.     color: #607d8b;
  670.   }
  671.   .middle-box .res-view-top .view-right .score-box .score-con li {
  672.     border-color: rgba(255, 255, 255, 0.05);
  673.     color: inherit;
  674.   }
  675.   .middle-box .res-view-top .view-right .score-box .score-con li p,
  676.   .middle-box .res-view-top .view-right .score-box .score-con li font.f4,
  677.   .middle-box .res-view-top .view-right .score-box .score-con li font.f6,
  678.   .middle-box .res-view-top .view-right .score-box .score-con li:last-child {
  679.     color: inherit;
  680.   }
  681.   .middle-box .res-view-top .view-right .score-box .score-con li p label {
  682.     color: #607d8b;
  683.   }
  684.   .middle-box .res-view-top .view-right .score-box .score-con .score-star span,
  685.   .middle-box .res-view-top .view-right .score-box .score-con .score-star .f4 {
  686.     color: #607d8b;
  687.   }
  688.   .middle-box .res-imgs-box {
  689.     background: rgba(0, 0, 0, 0.2);
  690.   }
  691.   .middle-box .res-imgs-box .res-imgs-left .r-it,
  692.   .middle-box .res-imgs-box .res-imgs-right .r-it {
  693.     border-color: rgba(255, 255, 255, 0.05);
  694.     color: #005083;
  695.   }
  696.   .middle-box .res-imgs-box .res-imgs-left .r-it::after,
  697.   .middle-box .res-imgs-box .res-imgs-right .r-it::after {
  698.     background: #005083;
  699.   }
  700.   .middle-box .res-imgs-box .res-imgs-left .r-it a.corner,
  701.   .middle-box .res-imgs-box .res-imgs-right .r-it a.corner {
  702.     color: #607d8b;
  703.   }
  704.   .middle-box .res-imgs-box .res-imgs-left {
  705.     width: 734px;
  706.   }
  707.   .middle-box .res-imgs-box .res-imgs-left .view-res-list {
  708.     width: 100%;
  709.   }
  710.   .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-nolog,
  711.   .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-tips {
  712.     padding: 0 0 20px 0;
  713.   }
  714.   .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-nolog h3,
  715.   .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-tips h3 {
  716.     margin: 0 auto;
  717.     padding: 0;
  718.     width: 100%;
  719.     height: 3em;
  720.     font-size: 20px;
  721.     line-height: 3em;
  722.     color: inherit;
  723.   }
  724.   .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-nolog p,
  725.   .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-tips p {
  726.     margin-bottom: 15px;
  727.     line-height: 1;
  728.     color: #607d8b;
  729.   }
  730.   .middle-box
  731.     .res-imgs-box
  732.     .res-imgs-left
  733.     .view-res-list
  734.     .view-res-nolog
  735.     p:not(:last-child),
  736.   .middle-box
  737.     .res-imgs-box
  738.     .res-imgs-left
  739.     .view-res-list
  740.     .view-res-tips
  741.     p:not(:last-child) {
  742.     margin-top: 20px;
  743.   }
  744.   .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-tips h3 {
  745.     background: rgba(0, 0, 0, 0.1);
  746.     border: 1px solid rgba(255, 255, 255, 0.1);
  747.   }
  748.   .middle-box
  749.     .res-imgs-box
  750.     .res-imgs-left
  751.     .view-res-list
  752.     .view-res-tips
  753.     h3:hover {
  754.     background: rgba(0, 0, 0, 0.5);
  755.     border: 1px solid rgba(255, 255, 255, 0.05);
  756.   }
  757.   .middle-box
  758.     .res-imgs-box
  759.     .res-imgs-left
  760.     .view-res-list
  761.     .view-res-tips
  762.     h3
  763.     a.f3 {
  764.     display: inline-block;
  765.     width: 100%;
  766.     color: inherit;
  767.   }
  768.   .middle-box .res-imgs-box .res-imgs-right .sametyle-list .title a {
  769.     color: inherit;
  770.   }
  771.   .middle-box .res-bbs-box {
  772.     padding: 20px;
  773.     background: rgba(0, 0, 0, 0.2);
  774.   }
  775.   .middle-box .res-bbs-box .res-bbs-left {
  776.     width: 734px;
  777.   }
  778.   .middle-box .res-bbs-box .res-bbs-left .news-bbs h2 span a.btn2 {
  779.     background: rgba(52, 116, 249, 0.05);
  780.     border: none;
  781.   }
  782.   .middle-box .res-bbs-box .res-bbs-left .news-bbs h2 span a.btn3 {
  783.     background: rgba(52, 116, 249, 0.25);
  784.     border: none;
  785.     color: #8c8c8c !important;
  786.   }
  787.   .middle-box .res-bbs-box .res-bbs-left .news-bbs ul {
  788.     border-color: rgba(255, 255, 255, 0.05);
  789.   }
  790.   .middle-box .res-bbs-box .res-bbs-left .news-bbs ul li {
  791.     border-color: rgba(255, 255, 255, 0.05);
  792.     color: #8c8c8c;
  793.   }
  794.   .middle-box .res-bbs-box .res-bbs-left .news-bbs ul li span {
  795.     color: #607d8b !important;
  796.   }
  797.   .middle-box .res-bbs-box .res-bbs-left .news-bbs ul li span.tag3 {
  798.     margin-right: 6px;
  799.   }
  800.   .middle-box .res-bbs-box .res-bbs-left .news-bbs ul li a {
  801.     color: #8c8c8c;
  802.   }
  803.   .middle-box .res-bbs-box .res-bbs-right {
  804.     width: 286px;
  805.   }
  806.   .middle-box .res-bbs-box .res-bbs-right div[style='margin-bottom:15px;'] {
  807.     display: none;
  808.   }
  809.   .middle-box .res-bbs-box .res-bbs-right .res-users .r-it {
  810.     border-color: rgba(255, 255, 255, 0.05);
  811.   }
  812.   .middle-box .res-bbs-box .res-bbs-right .res-users .r-it strong {
  813.     color: #005083;
  814.   }
  815.   .middle-box .res-bbs-box .res-bbs-right .res-users .r-it::after {
  816.     background: #005083;
  817.   }
  818.   .middle-box .res-bbs-box .res-bbs-right .res-users .fl-info a .f14 {
  819.     color: inherit;
  820.   }
  821.   .middle-box .res-bbs-box .res-bbs-right .res-users .fl-info p {
  822.     color: #607d8b;
  823.   }
  824.   .middle-box .usercenter-box .user-menu {
  825.     width: 154px;
  826.     height: 600px;
  827.     background: rgba(0, 0, 0, 0.2);
  828.     border-right: 2px solid rgba(255, 255, 255, 0.05);
  829.   }
  830.   .middle-box .usercenter-box .user-menu a {
  831.     background: rgba(52, 116, 249, 0.05);
  832.     color: #607d8b;
  833.   }
  834.   .middle-box .usercenter-box .user-menu a.cur,
  835.   .middle-box .usercenter-box .user-menu a:hover {
  836.     background: rgba(52, 116, 249, 0.25);
  837.   }
  838.   .middle-box .fav-tab {
  839.     padding-bottom: 18px;
  840.     border-color: rgba(255, 255, 255, 0.05);
  841.   }
  842.   .middle-box .fav-tab a {
  843.     padding: 8px;
  844.     color: #607d8b;
  845.   }
  846.   .middle-box .fav-tab a.selected,
  847.   .middle-box .fav-tab a:hover {
  848.     background: rgba(52, 116, 249, 0.25);
  849.     color: inherit;
  850.   }
  851.   .middle-box .task-list-wrap > .title {
  852.     background: rgba(0, 0, 0, 0.2);
  853.   }
  854.   .middle-box .task-list-wrap > .title a {
  855.     color: #607d8b;
  856.   }
  857.   .middle-box .task-list li .a0 .info > a {
  858.     color: #607d8b;
  859.   }
  860.   .middle-box .task-list li .a0 .info > a strong {
  861.     color: #8c8c8c;
  862.   }
  863.   .middle-box .task-list .task-o-info {
  864.     color: #607d8b;
  865.   }
  866.   .middle-box .task-list .task-o-info .lang-info label {
  867.     color: inherit;
  868.   }
  869.   .middle-box .task-list .zm-task-tag.recruiting {
  870.     background: #4d0d68;
  871.     color: #d9d9d9;
  872.   }
  873.   .middle-box .task-list .zm-task-tag.recruit-complete {
  874.     background: rgba(52, 116, 249, 0.25);
  875.     border: none;
  876.     color: #d9d9d9;
  877.   }
  878.   .middle-box .task-list .zm-task-tag.task-complete {
  879.     background: rgba(52, 116, 249, 0.05);
  880.     color: #8c8c8c;
  881.   }
  882.   .middle-box .task-list li .a1 p {
  883.     color: #607d8b;
  884.   }
  885.   .middle-box .article-tab {
  886.     border-color: rgba(255, 255, 255, 0.05);
  887.   }
  888.   .middle-box .article-tab a {
  889.     padding: 8px;
  890.     color: #607d8b;
  891.   }
  892.   .middle-box .article-tab a.selected,
  893.   .middle-box .article-tab a:hover {
  894.     background: rgba(52, 116, 249, 0.25);
  895.     color: inherit;
  896.   }
  897.   .middle-box .article-list .fl-info h3 a {
  898.     color: #8c8c8c;
  899.   }
  900.   .middle-box .article-list .fl-info p {
  901.     color: #607d8b;
  902.   }
  903.   .middle-box .article-list .fl-info p a {
  904.     color: #8c8c8c;
  905.   }
  906.   .middle-box .sidebar-article li {
  907.     border-color: rgba(255, 255, 255, 0.05);
  908.   }
  909.   .middle-box .information-tit.tc {
  910.     color: inherit;
  911.   }
  912.   .middle-box .information-desc * {
  913.     font-family: 'Source Han Sans SC', 'Noto Sans CJK SC', 'HanHei SC',
  914.       'HarmonyOS Sans SC', '方正兰亭黑_GB18030', '方正兰亭黑_GBK',
  915.       'Microsoft YaHei', system-ui, ui-sans-serif, sans-serif,
  916.       'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  917.       'Noto Color Emoji', emoji, sans-serif !important;
  918.     font-size: 16px !important;
  919.   }
  920.   .middle-box .subtitle-box .subtitle-serch-sidebar li:nth-child(2n + 1) {
  921.     border-color: rgba(255, 255, 255, 0.05);
  922.   }
  923.   .middle-box .subtitle-box .subtitle-serch-sidebar li a {
  924.     color: inherit;
  925.   }
  926.   .middle-box .subtitle-box .area-left .subtitle-topdown ul {
  927.     padding: 5px 0 10px 0;
  928.   }
  929.   .middle-box .subtitle-box .area-left .subtitle-topdown ul li {
  930.     padding: 2px 0;
  931.   }
  932.   .middle-box .subtitle-box .area-left .subtitle-topdown ul li:hover {
  933.     background: rgba(0, 0, 0, 0.75);
  934.   }
  935.   .middle-box .subtitle-box .area-left .subtitle-topdown ul li:hover a {
  936.     color: #005083;
  937.   }
  938.   .middle-box .subtitle-box .area-left .subtitle-topdown ul li a {
  939.     display: inline-block;
  940.     width: 100%;
  941.     padding: 0 15px;
  942.     color: inherit;
  943.   }
  944.   .middle-box .subtitle-box .area-left .subtitle-list ul {
  945.     color: #607d8b;
  946.   }
  947.   .middle-box .subtitle-box .area-left .subtitle-list ul li {
  948.     border-color: rgba(255, 255, 255, 0.05);
  949.   }
  950.   .middle-box .subtitle-box .area-left .subtitle-list ul li a {
  951.     color: #8c8c8c;
  952.   }
  953.   .middle-box .subtitle-box .area-left .subtitle-list ul li a:hover {
  954.     color: #005083;
  955.   }
  956.   .middle-box .subtitle-box .area-left .subtitle-list ul li .list_b {
  957.     padding: 10px 16px;
  958.     background-color: rgba(0, 0, 0, 0.1);
  959.     border: none;
  960.   }
  961.   .middle-box
  962.     .subtitle-box
  963.     .area-left
  964.     .subtitle-list
  965.     ul
  966.     li
  967.     .list_b
  968.     p:first-child {
  969.     color: inherit;
  970.   }
  971.   .middle-box .subtitle-box .subtitle-ralate .fl-info {
  972.     color: #607d8b;
  973.   }
  974.   .middle-box .subtitle-box .subtitle-con {
  975.     margin-bottom: 15px;
  976.     padding: 0 20px 20px 20px;
  977.     color: #607d8b;
  978.   }
  979.   .middle-box .subtitle-box .subtitle-con .subtitle-tit {
  980.     border-color: rgba(255, 255, 255, 0.05);
  981.     color: #8c8c8c;
  982.   }
  983.   .middle-box .subtitle-box .subtitle-con .subtitle-info li {
  984.     color: #607d8b;
  985.   }
  986.   .middle-box .subtitle-box .subtitle-con .subtitle-info li:last-child {
  987.     display: none;
  988.   }
  989.   .middle-box .subtitle-box .subtitle-con .subtitle-info li label {
  990.     color: #607d8b;
  991.   }
  992.   .middle-box .subtitle-box .subtitle-con .subtitle-note {
  993.     margin: 14px auto;
  994.     padding: 10px 16px;
  995.     background: rgba(0, 0, 0, 0.2);
  996.     border: none;
  997.   }
  998.   .middle-box .subtitle-box .subtitle-con .subtitle-note p:first-child {
  999.     color: #8c8c8c;
  1000.   }
  1001.   .middle-box .subtitle-box .subtitle-con .subtitle-links {
  1002.     width: 100%;
  1003.     height: 3em;
  1004.     margin: 20px auto;
  1005.     background: rgba(0, 0, 0, 0.1);
  1006.     border: 1px solid rgba(255, 255, 255, 0.1);
  1007.     font-size: 20px;
  1008.     line-height: 3em;
  1009.   }
  1010.   .middle-box .subtitle-box .subtitle-con .subtitle-links:hover {
  1011.     background: rgba(0, 0, 0, 0.5);
  1012.     border: 1px solid rgba(255, 255, 255, 0.05);
  1013.   }
  1014.   .middle-box .subtitle-box .subtitle-con .subtitle-links a {
  1015.     display: inline-block;
  1016.     width: 100%;
  1017.     line-height: inherit;
  1018.   }
  1019.   .middle-box .subtitle-box .subtitle-con .subtitle-links a strong {
  1020.     color: #8c8c8c;
  1021.   }
  1022.   .middle-box .resource-box .resource-sidebar li {
  1023.     border-color: rgba(255, 255, 255, 0.15);
  1024.   }
  1025.   .middle-box .resource-box .resource-sidebar li:nth-last-child(1),
  1026.   .middle-box .resource-box .resource-sidebar li:nth-last-child(2) {
  1027.     border: none;
  1028.   }
  1029.   .middle-box .resource-box .resource-sidebar li .tag,
  1030.   .middle-box .resource-box .resource-sidebar li p {
  1031.     color: #607d8b;
  1032.   }
  1033.   .middle-box .resource-box .resource-list {
  1034.     background: rgba(0, 0, 0, 0.2);
  1035.   }
  1036.   .middle-box .resource-box .resource-list .resource-filter {
  1037.     background: transparent;
  1038.     border-color: rgba(255, 255, 255, 0.05);
  1039.   }
  1040.   .middle-box .resource-box .resource-list .resource-filter a {
  1041.     padding: 4px 9px;
  1042.   }
  1043.   .middle-box .resource-box .resource-list .resource-filter a:hover,
  1044.   .middle-box .resource-box .resource-list .resource-filter a.selected {
  1045.     background: rgba(52, 116, 249, 0.25);
  1046.     color: #8c8c8c;
  1047.     -webkit-text-decoration: none;
  1048.     text-decoration: none;
  1049.   }
  1050.   .middle-box .resource-box .resource-list .resource-cats {
  1051.     background: transparent;
  1052.   }
  1053.   .middle-box .resource-box .resource-list .resource-cats li {
  1054.     color: #607d8b;
  1055.   }
  1056.   .middle-box .resource-box .resource-list .resource-cats li span {
  1057.     color: #8c8c8c;
  1058.   }
  1059.   .middle-box .resource-box .resource-list .resource-cats li .list {
  1060.     width: 400px;
  1061.     background: rgba(0, 0, 0, 0.9);
  1062.     box-shadow: none;
  1063.     border: 3px solid rgba(255, 255, 255, 0.05);
  1064.   }
  1065.   .middle-box .resource-box .resource-list .resource-cats li .list a {
  1066.     padding: 4px 8px;
  1067.     color: #607d8b;
  1068.   }
  1069.   .middle-box .resource-box .resource-list .resource-cats li .list a:hover,
  1070.   .middle-box .resource-box .resource-list .resource-cats li .list a.selected {
  1071.     background: rgba(52, 116, 249, 0.25);
  1072.     color: #8c8c8c;
  1073.   }
  1074.   .middle-box .resource-box .resource-list .resource-quick {
  1075.     background: rgba(0, 0, 0, 0.2);
  1076.     color: #607d8b;
  1077.   }
  1078.   .middle-box .resource-box .resource-list .resource-quick a span {
  1079.     color: #005083;
  1080.   }
  1081.   .middle-box .resource-box .resource-list .resource-showlist li {
  1082.     background: transparent;
  1083.   }
  1084.   .middle-box .resource-box .resource-list .resource-showlist li .fl-info h3 a {
  1085.     font-size: 18px;
  1086.   }
  1087.   .middle-box
  1088.     .resource-box
  1089.     .resource-list
  1090.     .resource-showlist
  1091.     li
  1092.     .fl-info
  1093.     h3
  1094.     .f4 {
  1095.     font-weight: 400;
  1096.     color: #607d8b;
  1097.   }
  1098.   .middle-box .resource-box .resource-list .resource-showlist li .fl-info .tv,
  1099.   .middle-box .resource-box .resource-list .resource-showlist li .fl-info span,
  1100.   .middle-box .resource-box .resource-list .resource-showlist li .fl-info p {
  1101.     color: #607d8b;
  1102.   }
  1103.   .middle-box
  1104.     .resource-box
  1105.     .resource-list
  1106.     .resource-showlist
  1107.     li
  1108.     .fl-info
  1109.     .ranking {
  1110.     color: brown;
  1111.   }
  1112.   .middle-box .found-box .xy-tags {
  1113.     background: rgba(0, 0, 0, 0.2);
  1114.   }
  1115.   .middle-box .found-box .xy-tags a {
  1116.     border-radius: 3px;
  1117.     color: #607d8b;
  1118.   }
  1119.   .middle-box .found-box .xy-tags a:hover,
  1120.   .middle-box .found-box .xy-tags a.active {
  1121.     background: rgba(52, 116, 249, 0.25);
  1122.     color: #8c8c8c;
  1123.   }
  1124.   .middle-box .found-box .xy-list .a0::after {
  1125.     background: #005083 !important;
  1126.   }
  1127.   .middle-box .found-box .xy-list .a0 strong {
  1128.     color: #8c8c8c;
  1129.   }
  1130.   .middle-box .found-box p {
  1131.     color: #607d8b;
  1132.   }
  1133.   .middle-box .found-box p i {
  1134.     color: inherit;
  1135.   }
  1136.   .middle-box .found-box .xy-list2 li .a0 .info p span {
  1137.     color: #607d8b;
  1138.   }
  1139.   .middle-box .found-box .xy-list2 li .a0 .info p span.fl a {
  1140.     color: inherit;
  1141.   }
  1142.   .middle-box .found-box .xy-list2 li .a0 .info p span.fr {
  1143.     color: inherit;
  1144.   }
  1145.   .middle-box .found-box .xy-list2 li .a0 .info h3 {
  1146.     font-weight: 400;
  1147.   }
  1148.   .middle-box .found-box .xy-list2 li .a0 .fl-info p span {
  1149.     color: #607d8b;
  1150.   }
  1151.   .middle-box .found-box .xy-list2 li .a0 .fl-info strong.f14 {
  1152.     color: #8c8c8c;
  1153.   }
  1154.   .middle-box .resource-box .t_s {
  1155.     background: rgba(0, 0, 0, 0.2);
  1156.     color: #607d8b;
  1157.   }
  1158.   .middle-box .resource-box .t_s a {
  1159.     color: inherit;
  1160.   }
  1161.   .middle-box .resource-box .t_s a:hover,
  1162.   .middle-box .resource-box .t_s a.cur {
  1163.     background: rgba(52, 116, 249, 0.25);
  1164.     color: #8c8c8c;
  1165.   }
  1166.   .middle-box .resource-box .day_data {
  1167.     border: none;
  1168.   }
  1169.   .middle-box .resource-box .day_data .d_r_t {
  1170.     color: #607d8b;
  1171.   }
  1172.   .middle-box .resource-box .day_data .d_r_t tbody {
  1173.     background: rgba(0, 0, 0, 0.2);
  1174.   }
  1175.   .middle-box .resource-box .day_data .d_r_t tbody tr {
  1176.     background: rgba(0, 0, 0, 0.2);
  1177.     color: inherit !important;
  1178.   }
  1179.   .middle-box .resource-box .day_data .d_r_t tbody tr td.d2,
  1180.   .middle-box .resource-box .day_data .d_r_t tbody tr td.dr_ico,
  1181.   .middle-box .resource-box .day_data .d_r_t tbody tr td.d6 {
  1182.     background: transparent;
  1183.   }
  1184.   .middle-box .resource-box .day_data .d_r_t tbody tr.even {
  1185.     background: transparent;
  1186.   }
  1187.   .middle-box .resource-box .day_data .d_r_t tbody tr.even td.d2,
  1188.   .middle-box .resource-box .day_data .d_r_t tbody tr.even td.dr_ico,
  1189.   .middle-box .resource-box .day_data .d_r_t tbody tr.even td.d6 {
  1190.     background: transparent;
  1191.   }
  1192.   .middle-box .resource-box .day_data .d_r_t tbody tr:first-child {
  1193.     background: rgba(0, 0, 0, 0.2);
  1194.   }
  1195.   .middle-box .resource-box .day_data .d_r_t tbody tr th {
  1196.     border: 1px solid rgba(255, 255, 255, 0.05);
  1197.     color: #8c8c8c;
  1198.   }
  1199.   .middle-box .resource-box .day_data .d_r_t tbody tr td {
  1200.     border-color: rgba(255, 255, 255, 0.05);
  1201.   }
  1202.   .middle-box .resource-box .day_data .d_r_t tbody tr td.d2 {
  1203.     color: #607d8b;
  1204.   }
  1205.   .middle-box .resource-box .day_data .d_r_t tbody tr .dr_ico a {
  1206.     background: #237804;
  1207.     color: #d9d9d9;
  1208.     -webkit-text-decoration: none;
  1209.     text-decoration: none;
  1210.   }
  1211.   .middle-box .play-schedule {
  1212.     background: rgba(0, 0, 0, 0.2);
  1213.     border-radius: 8px;
  1214.   }
  1215.   .middle-box .play-schedule h2 {
  1216.     background: rgba(52, 116, 249, 0.25);
  1217.     color: #8c8c8c;
  1218.   }
  1219.   .middle-box .play-schedule h2 a {
  1220.     filter: brightness(60%);
  1221.   }
  1222.   .middle-box .play-schedule th {
  1223.     color: #607d8b;
  1224.   }
  1225.   .middle-box .play-schedule td dl dt {
  1226.     background: rgba(52, 116, 249, 0.05);
  1227.     color: #607d8b;
  1228.   }
  1229.   .middle-box .play-schedule td dl dd {
  1230.     padding: 0;
  1231.     background: rgba(0, 0, 0, 0.2);
  1232.     transition: all 0.25s;
  1233.   }
  1234.   .middle-box .play-schedule td dl dd:hover {
  1235.     background: rgba(0, 0, 0, 0.5);
  1236.     transform: scale(1.2);
  1237.   }
  1238.   .middle-box .play-schedule td dl dd.even {
  1239.     background: rgba(255, 255, 255, 0.01);
  1240.   }
  1241.   .middle-box .play-schedule td dl dd.even:hover {
  1242.     background: rgba(255, 255, 255, 0.05);
  1243.   }
  1244.   .middle-box .play-schedule td dl dd.even a {
  1245.     color: #086a87;
  1246.   }
  1247.   .middle-box .play-schedule td dl dd a {
  1248.     padding: 6px 8px;
  1249.     color: #8c8c8c;
  1250.   }
  1251.   .middle-box .play-schedule td.cur dl dt {
  1252.     background: #5c0011;
  1253.     color: #8c8c8c;
  1254.   }
  1255.   .middle-box .play-schedule span.completed,
  1256.   .middle-box .play-schedule span.start,
  1257.   .middle-box .play-schedule span.new {
  1258.     color: #d9d9d9;
  1259.   }
  1260.   .middle-box .play-schedule span.completed {
  1261.     background: #871400;
  1262.   }
  1263.   .middle-box .play-schedule span.start {
  1264.     background: #135200;
  1265.   }
  1266.   .middle-box .play-schedule span.new {
  1267.     background: #003a8c;
  1268.   }
  1269.   .middle-box .qiudang-box .qd-right {
  1270.     width: 770px;
  1271.   }
  1272.   .middle-box .qiudang-box .res-users .fl-info {
  1273.     width: 180px;
  1274.   }
  1275.   .middle-box .qiudang-box .qd-search {
  1276.     height: 65px;
  1277.     background: rgba(0, 0, 0, 0.2);
  1278.     border-radius: 8px 8px 0 0;
  1279.   }
  1280.   .middle-box .qiudang-box .qd-search form {
  1281.     top: 25px;
  1282.     background: transparent;
  1283.   }
  1284.   .middle-box .qiudang-box .qd-search form input[type='text'] {
  1285.     padding: 4px 10px;
  1286.     border-width: 1px;
  1287.     border-style: solid;
  1288.     text-indent: unset;
  1289.   }
  1290.   .middle-box .qiudang-box .qd-search form input[type='image'] {
  1291.     width: 35px;
  1292.     height: 35px;
  1293.     top: 0;
  1294.     right: -21px;
  1295.   }
  1296.   .middle-box .qiudang-box .qd-desc {
  1297.     padding: 20px 30px;
  1298.     border-radius: 0;
  1299.   }
  1300.   .middle-box .qiudang-box .qd-btn {
  1301.     border-radius: 0;
  1302.   }
  1303.   .middle-box .qiudang-box .qd-btn a.bg-btn {
  1304.     border-radius: 4px;
  1305.     text-indent: 40px;
  1306.     font-family: inherit;
  1307.     filter: brightness(60%);
  1308.   }
  1309.   .middle-box .qiudang-box .qd-sum {
  1310.     border-radius: 0 0 8px 8px;
  1311.     border-color: rgba(255, 255, 255, 0.05);
  1312.   }
  1313.   .middle-box .qiudang-box .qd-sum span {
  1314.     border-color: rgba(52, 116, 249, 0.25);
  1315.   }
  1316.   .middle-box .qiudang-box .qd-list {
  1317.     padding: 20px 30px 10px 30px;
  1318.     background: rgba(0, 0, 0, 0.2);
  1319.     border-radius: 8px;
  1320.   }
  1321.   .middle-box .qiudang-box .qd-list li {
  1322.     padding: 10px 0 20px 0;
  1323.     background: transparent;
  1324.     border-top: none;
  1325.     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  1326.   }
  1327.   .middle-box .qiudang-box .qd-list li:last-child {
  1328.     border-bottom: none;
  1329.   }
  1330.   .middle-box .qiudang-box .qd-list .fl-info {
  1331.     width: 590px;
  1332.   }
  1333.   .middle-box .qiudang-box .qd-list .fl-info h3 .tag {
  1334.     padding: 0 5px;
  1335.     line-height: 21px;
  1336.     color: #8c8c8c;
  1337.   }
  1338.   .middle-box .qiudang-box .qd-list .fl-info h3 .mov {
  1339.     background: rgba(52, 116, 249, 0.25);
  1340.   }
  1341.   .middle-box .qiudang-box .qd-list .fl-info p {
  1342.     color: #607d8b;
  1343.   }
  1344.   .middle-box .qiudang-box .qd-list .fl-info .qd-ico {
  1345.     border-radius: 4px;
  1346.     font-family: inherit;
  1347.     color: #d9d9d9;
  1348.   }
  1349.   .middle-box .qiudang-box .qd-list .fl-info .qd-ico2 {
  1350.     background: #4d0d68;
  1351.   }
  1352.   .middle-box .qiudang-box .qd-list .fl-info .qd-ico3 {
  1353.     background: rgba(52, 116, 249, 0.25);
  1354.   }
  1355.   .middle-box .qiudang-box .qd-view {
  1356.     border: none;
  1357.     font-size: 14px;
  1358.   }
  1359.   .middle-box .qiudang-box .qd-view h2 {
  1360.     padding: 20px 10px;
  1361.     border-color: rgba(255, 255, 255, 0.05);
  1362.     font-size: 18px;
  1363.   }
  1364.   .middle-box .qiudang-box .qd-view .res-users {
  1365.     margin: 0;
  1366.   }
  1367.   .middle-box .qiudang-box .qd-view .res-users .f4 {
  1368.     color: #607d8b;
  1369.   }
  1370.   .middle-box .qiudang-box .qd-view .qd-detial {
  1371.     margin-left: 30px;
  1372.     color: #607d8b;
  1373.   }
  1374.   .middle-box .qiudang-box .qd-form {
  1375.     padding: 20px;
  1376.   }
  1377.   .middle-box .qiudang-box .qd-form textarea {
  1378.     width: 97%;
  1379.     padding: 6px 10px;
  1380.     font-size: 14px;
  1381.   }
  1382.   .middle-box .qiudang-box .qd-form .submit input {
  1383.     margin-top: 10px;
  1384.     background: url('http://js.jstucdn.com/images/bg-btn.png') no-repeat !important;
  1385.     font-family: inherit;
  1386.     filter: brightness(60%);
  1387.   }
  1388.   .middle-box .qiudang-box .bbs-list {
  1389.     margin-top: 25px;
  1390.     padding: 0 !important;
  1391.     background: rgba(0, 0, 0, 0.2);
  1392.     border-radius: 8px;
  1393.   }
  1394.   .middle-box .qiudang-box .bbs-list .tit {
  1395.     color: #607d8b;
  1396.   }
  1397.   .middle-box .qiudang-box .bbs-list2 .avatar {
  1398.     top: 22px;
  1399.     left: 20px;
  1400.   }
  1401.   .middle-box .qiudang-box .qd-msglist .answer .corner {
  1402.     background: #4d0d68;
  1403.     color: #d9d9d9;
  1404.   }
  1405.   .middle-box .qiudang-box .qd-msglist li {
  1406.     margin: 0;
  1407.     padding: 20px 20px 20px 80px;
  1408.     background: transparent;
  1409.     border: none;
  1410.   }
  1411.   .middle-box .article-item h2.it {
  1412.     height: 62px !important;
  1413.     margin: 0 20px;
  1414.     padding: 0 !important;
  1415.     font-size: 20px;
  1416.     line-height: 60px !important;
  1417.   }
  1418.   .middle-box .article-item h2.it::after {
  1419.     position: absolute;
  1420.     bottom: -2px;
  1421.     left: 0;
  1422.     width: 80px;
  1423.     height: 4px;
  1424.     content: '';
  1425.   }
  1426.   .middle-box .article-item .article-top li {
  1427.     color: #607d8b;
  1428.     border-color: rgba(255, 255, 255, 0.05);
  1429.   }
  1430.   .middle-box .article-item .article-top li:hover {
  1431.     background: rgba(0, 0, 0, 0.5);
  1432.   }
  1433.   .middle-box .article-item .article-top li:hover a {
  1434.     color: #005083;
  1435.   }
  1436.   .middle-box .article-item .article-top li strong {
  1437.     width: 785px;
  1438.     max-width: unset;
  1439.     color: #8c8c8c;
  1440.   }
  1441.   .middle-box .article-item .article-top li strong a {
  1442.     display: inline-block;
  1443.     width: 785px;
  1444.   }
  1445.   .middle-box .article-box {
  1446.     background: transparent;
  1447.   }
  1448.   .middle-box .article-box .article-box-head {
  1449.     background: rgba(52, 116, 249, 0.25);
  1450.     border: none;
  1451.     color: #8c8c8c;
  1452.   }
  1453.   .middle-box .article-box h2.it {
  1454.     background: rgba(0, 0, 0, 0.2) !important;
  1455.     color: #8c8c8c !important;
  1456.   }
  1457.   .middle-box .article-box .article-con {
  1458.     border-radius: 0 0 8px 8px;
  1459.   }
  1460.   .middle-box .article-box .article-con .article-share {
  1461.     color: #607d8b;
  1462.   }
  1463.   .middle-box .article-box .article-con .article-share .s-split {
  1464.     background: #607d8b;
  1465.   }
  1466.   .middle-box .article-box .article-con .article-share #share_link {
  1467.     display: none;
  1468.   }
  1469.   .middle-box .article-box .article-con .article-resume {
  1470.     color: #8c8c8c;
  1471.   }
  1472.   .middle-box .article-box .article-con .article-resume p a {
  1473.     color: #005083 !important;
  1474.   }
  1475.   .middle-box .article-box .article-con .article-resume p a u {
  1476.     -webkit-text-decoration: none;
  1477.     text-decoration: none;
  1478.   }
  1479.   .middle-box .article-box .article-con .article-resume p a span {
  1480.     color: #005083 !important;
  1481.   }
  1482.   .middle-box .article-box .article-con .article-tip {
  1483.     border-color: brown;
  1484.     color: brown;
  1485.   }
  1486. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址