💡 TURN OFF THE LIGHT, YYeTs!

A dark theme stylesheet for the website of YYeTs subtitle group.

/* ==UserStyle==
@name:en 💡 TURN OFF THE LIGHT, YYeTs!
@name 💡 关灯,人人影视!
@namespace franciszhao
@version 2.5.1
@description:en A dark theme stylesheet for the website of YYeTs subtitle group.
@description 一款适用于 YYeTs 人人影视网站的深色主题用户样式表。
@author Francis Zhao <francis@n2o.io>
@homepageURL https://n2o.io/go?page=userstyles
@supportURL https://n2o.io/go?page=userstyles
@license MIT
@preprocessor default
==/UserStyle== */
@-moz-document regexp("https?://(\\w+\\.)?yysub\\.\\w+/.*")
{
  body {
    background-color: #1f1f1f;
    color: #8c8c8c;
    font-family: 'Source Han Sans SC', 'Noto Sans CJK SC', 'HanHei SC',
      'HarmonyOS Sans SC', '方正兰亭黑_GB18030', '方正兰亭黑_GBK',
      'Microsoft YaHei', system-ui, ui-sans-serif, sans-serif,
      'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
      'Noto Color Emoji', emoji, sans-serif;
  }
  pre,
  code,
  kbd,
  samp {
    font-family: 'Source Han Mono SC', 'Noto Sans Mono CJK SC',
      'Source Code Pro', 'Noto Mono', 'SF Mono', 'Roboto Mono', 'Cascadia Code',
      ui-monospace, monospace, 'Apple Color Emoji', 'Segoe UI Emoji',
      'Segoe UI Symbol', 'Noto Color Emoji', emoji, monospace;
  }
  button,
  input,
  keygen,
  optgroup,
  select,
  textarea {
    font-family: inherit;
  }
  a,
  .f3,
  .f4,
  .f4 a,
  .f6,
  .r-it,
  h3,
  h3 a,
  .fl-info h3 a {
    color: #8c8c8c;
  }
  .f14 {
    color: #607d8b;
  }
  .f0 {
    color: #005083;
  }
  a:hover,
  .f3:hover {
    color: #005083;
  }
  .f1,
  .f7 {
    color: brown !important;
  }
  b,
  strong {
    font-weight: 400 !important;
  }
  input[type='text'],
  input[type='password'],
  select,
  textarea {
    background: rgba(0, 0, 0, 0.1) !important;
    box-shadow: none !important;
    border-color: #005083 !important;
    border-radius: 4px !important;
    color: #8c8c8c !important;
    outline: none !important;
  }
  input[type='text']:hover,
  input[type='text']:focus,
  input[type='password']:hover,
  input[type='password']:focus,
  select:hover,
  select:focus,
  textarea:hover,
  textarea:focus {
    border-color: #006fb6 !important;
  }
  input[type='button'],
  input[type='submit'],
  .res-form .submit {
    background: #005083 !important;
    box-shadow: none !important;
    border-color: #005083 !important;
    border-radius: 4px !important;
    color: #d9d9d9 !important;
    outline: none !important;
  }
  input[type='button']:hover,
  input[type='submit']:hover,
  .res-form .submit:hover {
    background: #006fb6 !important;
  }
  .header {
    background: rgba(0, 0, 0, 0.5);
  }
  .header .search-box {
    width: 300px;
  }
  .header .search-box .keywords {
    border-radius: 4px 0 0 4px !important;
  }
  .header .search-box .submit {
    background:
      url('https://jstu.yysub.net/images/saerch-submit.png') center center/24px
        24px no-repeat,
      #005083 !important;
    border-radius: 0 4px 4px 0 !important;
  }
  .header .search-box .submit:hover {
    background:
      url('https://jstu.yysub.net/images/saerch-submit.png') center center/24px
        24px no-repeat,
      #006fb6 !important;
  }
  .header .search-box .key-result,
  .header .search-box #top_search_list {
    position: relative;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    border: none;
    border-radius: 4px;
  }
  .header .search-box .key-result {
    width: 300px;
  }
  .header .search-box .key-result span {
    background: transparent;
    line-height: 14px;
  }
  .header .search-box .key-result a {
    color: inherit;
  }
  .header .search-box .key-result a:hover {
    background: rgba(255, 255, 255, 0.1);
  }
  .header .search-box #top_search_list {
    width: 280px;
    padding: 10px;
  }
  .header .search-box #top_search_list li {
    width: 100%;
    padding: 0;
    background: none !important;
    color: inherit;
  }
  .header .search-box #top_search_list li:not(:last-child) {
    margin-bottom: 5px;
  }
  .header .zzhu,
  .header .app_link a,
  .header .top-login,
  .header .top-login-before a {
    color: inherit !important;
  }
  .header .top-login-before .user-ico {
    filter: brightness(50%);
  }
  .header .top-login-before a {
    color: inherit;
  }
  .notice {
    background: rgba(0, 0, 0, 0.5);
    color: inherit;
  }
  .notice strong {
    color: inherit;
  }
  .notice a {
    color: #607d8b;
  }
  .notice a:hover {
    color: #005083;
  }
  .menu-box {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.5) 0%,
      transparent 100%
    );
  }
  .menu-box a {
    color: inherit;
  }
  .menu-box a.cur,
  .menu-box a:hover {
    color: #d9d9d9;
    background: linear-gradient(
      180deg,
      transparent 0%,
      rgba(255, 255, 255, 0.15) 100%
    );
  }
  .menu-box a.cur::after,
  .menu-box a:hover::after {
    background: rgba(255, 255, 255, 0.5);
  }
  .footer {
    height: auto;
    padding: 40px 0;
    background: linear-gradient(
      180deg,
      transparent 0%,
      rgba(0, 0, 0, 0.75) 100%
    );
    color: inherit;
  }
  .footer a {
    min-width: auto;
    color: inherit;
  }
  .footer a:not(:last-child) {
    margin-right: 16px;
  }
  .footer a:hover {
    color: #005083;
  }
  .box .box {
    background: transparent !important;
  }
  h2.it,
  .res-bbs-box .news-bbs h2,
  .found-box .xy-list .title,
  .user-main .u_p_set dl.ziliao_dl dt h2 {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #005083 !important;
  }
  h2.it::after,
  .res-bbs-box .news-bbs h2::after,
  .found-box .xy-list .title::after,
  .user-main .u_p_set dl.ziliao_dl dt h2::after {
    background: #005083 !important;
  }
  h2.it a,
  .res-bbs-box .news-bbs h2 a,
  .found-box .xy-list .title a,
  .user-main .u_p_set dl.ziliao_dl dt h2 a {
    color: #607d8b !important;
  }
  .res-form textarea {
    width: 85% !important;
    height: 52px !important;
    padding: 4px 6px !important;
    font-size: 14px !important;
  }
  .res-form .submit {
    width: 10% !important;
    vertical-align: baseline !important;
  }
  .res-form p:last-child {
    margin-top: 6px !important;
    color: brown !important;
  }
  .bbs-list {
    padding-top: 25px !important;
    color: #607d8b !important;
  }
  .bbs-list li {
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: inherit !important;
  }
  .bbs-list li .info .tit strong,
  .bbs-list li .info .reicos p.fl {
    color: #8c8c8c !important;
  }
  .bbs-list li .info p,
  .bbs-list li .info .reicos p.fr a {
    color: #607d8b !important;
  }
  .bbs-list li .info .bbs-reply {
    background: rgba(0, 0, 0, 0.1) !important;
  }
  .bbs-list li .info .bbs-reply .arrow {
    filter: brightness(9%) !important;
  }
  .pages a {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: inherit;
  }
  .pages a.cur,
  .pages a:hover {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: inherit;
  }
  * {
    transition:
      color 0.25s,
      background-color 0.5s,
      border-color 0.5s;
  }
  .middle-box .top24,
  .middle-box .today-play,
  .middle-box .top-news,
  .middle-box .wonder-comment,
  .middle-box .lastest-release,
  .middle-box .short-comment,
  .middle-box .world-playing,
  .middle-box .top-update,
  .middle-box .top-tv,
  .middle-box .friendlinks {
    background: transparent;
  }
  .middle-box .top24 li:hover {
    background: rgba(0, 0, 0, 0.75);
  }
  .middle-box .top24 li:hover a {
    color: #005083;
  }
  .middle-box .top24 li a {
    display: inline-block;
    width: 170px;
    color: inherit;
  }
  .middle-box #focus ul#tabs {
    background: rgba(0, 0, 0, 0.75);
  }
  .middle-box #focus ul#tabs li a {
    filter: brightness(80%);
  }
  .middle-box #focus ul#output h2 {
    color: inherit;
  }
  .middle-box .today-play {
    background: rgba(0, 0, 0, 0.2);
  }
  .middle-box .today-play .box {
    background: transparent !important;
  }
  .middle-box .today-play .list {
    margin: 0;
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .today-play .list li {
    margin: 0;
  }
  .middle-box .today-play .list li a {
    padding: 4px 20px;
    color: inherit;
  }
  .middle-box .today-play .list li a:hover {
    background: rgba(0, 0, 0, 0.75);
    color: #005083;
  }
  .middle-box .today-play .list li a .fl-info h3 a {
    color: inherit;
  }
  .middle-box .today-play .list li a .fl-info h3 a:hover {
    color: #005083;
  }
  .middle-box .today-play .jobs-hr li a {
    color: inherit;
  }
  .middle-box .top-news li .fl-img > a img {
    margin: 0 !important;
  }
  .middle-box .top-news li .fl-info h3 a {
    color: inherit;
  }
  .middle-box .top-news li .fl-info h3 span {
    color: #607d8b;
  }
  .middle-box .top-news li .fl-info h3 .f3 {
    color: #005083;
  }
  .middle-box .wonder-comment .commentBox {
    height: 726px;
    margin: 13px 0;
  }
  .middle-box .wonder-comment .commentBox li .fl-info {
    color: #607d8b;
  }
  .middle-box .wonder-comment .commentBox li .fl-info h3 a {
    color: #005083;
  }
  .middle-box .wonder-comment .commentBox li .fl-info .ico {
    color: inherit;
  }
  .middle-box .wonder-comment .commentBox li .fl-info .ico .use-act {
    color: #607d8b;
  }
  .middle-box .lastest-release .f4 {
    color: #607d8b;
  }
  .middle-box .short-comment li .fl-info h3 a {
    color: inherit;
  }
  .middle-box .short-comment li .fl-info p {
    color: #607d8b;
  }
  .middle-box .world-playing .list-playing {
    width: 320px;
  }
  .middle-box .world-playing .list-playing a {
    background: rgba(0, 0, 0, 0.1);
  }
  .middle-box .world-playing .list-playing li.cur a,
  .middle-box .world-playing .list-playing li a:hover {
    background: rgba(0, 0, 0, 0.5);
    color: #005083;
  }
  .middle-box .world-playing .list-playing li.cur a::before,
  .middle-box .world-playing .list-playing li a:hover::before {
    width: 6px;
    background: #005083;
  }
  .middle-box .world-playing .con-playing {
    color: #607d8b;
  }
  .middle-box .world-playing .con-playing li:nth-of-type(1) a,
  .middle-box .world-playing .con-playing li:nth-of-type(2) a,
  .middle-box .world-playing .con-playing li:nth-of-type(3) a,
  .middle-box .world-playing .con-playing li:nth-of-type(4) a,
  .middle-box .world-playing .con-playing li:nth-of-type(5) a,
  .middle-box .world-playing .con-playing li:nth-of-type(6) a {
    color: #8c8c8c;
  }
  .middle-box .world-playing .con-playing li:nth-of-type(1) a:hover,
  .middle-box .world-playing .con-playing li:nth-of-type(2) a:hover,
  .middle-box .world-playing .con-playing li:nth-of-type(3) a:hover,
  .middle-box .world-playing .con-playing li:nth-of-type(4) a:hover,
  .middle-box .world-playing .con-playing li:nth-of-type(5) a:hover,
  .middle-box .world-playing .con-playing li:nth-of-type(6) a:hover {
    color: #005083;
  }
  .middle-box .top-update li .t a {
    color: #8c8c8c;
  }
  .middle-box .top-tv li .fl-info h3 a {
    color: inherit;
  }
  .middle-box .friendlinks .imgs li {
    background: rgba(0, 0, 0, 0.1);
    border-color: rgba(255, 255, 255, 0.05);
  }
  .user-form {
    background: rgba(0, 0, 0, 0.2);
  }
  .user-form .it {
    background: rgba(0, 0, 0, 0.25);
    border: none;
    color: inherit;
  }
  .user-form .user-login .input-txt {
    padding: 0 10px;
    font-family: 'Source Han Mono SC', 'Noto Sans Mono CJK SC',
      'Source Code Pro', 'Noto Mono', 'SF Mono', 'Roboto Mono', 'Cascadia Code',
      ui-monospace, monospace, 'Apple Color Emoji', 'Segoe UI Emoji',
      'Segoe UI Symbol', 'Noto Color Emoji', emoji, monospace;
  }
  .user-form .user-login p label,
  .user-form .user-login li label strong,
  .user-form .user-login li.a label,
  .user-form .user-login li.a label font.f1,
  .user-form .user-login li.b a.f1,
  .user-form .user-login li.b font.f14 {
    color: inherit;
  }
  .user-form .user-login li.b input.btn3 {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: inherit;
  }
  .user-form .user-login li.b input.btn3:hover {
    background: rgba(0, 0, 0, 0.5);
    border-color: rgba(255, 255, 255, 0.05);
  }
  .user-form .user-login li.b a.btn1 {
    background: transparent;
    border: 1px solid #607d8b;
    color: #607d8b;
  }
  .user-form .user-login p.c {
    color: #607d8b;
  }
  .middle-box .user-main .u_intro .u_s_intro h2.f_u0 {
    color: #8c8c8c;
  }
  .middle-box .user-main #form_basic > div > span,
  .middle-box .user-main .u_s_intro .u_acount_a1 .sp1,
  .middle-box .user-main .u_s_intro .u_acount_a1 .sp2,
  .middle-box .user-main .u_s_intro .u_acount_a1 .sp3,
  .middle-box .user-main .u_p_set .ziliao_dl dd,
  .middle-box .user-main .ziliao_ul li label,
  .middle-box .user-main .u_s_intro div.f4,
  .middle-box .user-main .u_p_set div.f4,
  .middle-box .user-main .upgrade_vip form strong {
    color: #607d8b;
  }
  .middle-box
    .user-main
    .u_p_set
    #upgrade_by_point_form
    ul.ziliao_ul
    li
    span
    b
    font,
  .middle-box
    .user-main
    .u_p_set
    #upgrade_by_code_form
    ul.ziliao_ul
    li
    span
    b
    font {
    color: #607d8b !important;
  }
  .middle-box .user-main .u_s_intro .u_acount_a1 .sp1 font,
  .middle-box .user-main .u_s_intro .u_acount_a1 .sp2 font,
  .middle-box .user-main .u_s_intro .u_acount_a1 .sp3 font,
  .middle-box .user-main .u_p_set .ziliao_dl dd.edit-username-notice a,
  .middle-box .user-main .u_p_set ul.ziliao_ul li font,
  .middle-box .user-main .ziliao_ul li font.f_u0,
  .middle-box
    .user-main
    .u_p_set
    #upgrade_by_code_form
    ul.ziliao_ul
    li
    a.howto {
    color: #005083;
  }
  .middle-box .user-main .u_p_set ul.ziliao_ul li #unbind_btn {
    color: #005083 !important;
  }
  .middle-box .user-main .upgrade-item dl.upgrade_vip a.my_verify_code {
    color: #8c8c8c;
  }
  .middle-box .user-main .ziliao_ul li .pwd-requirements,
  .middle-box .user-main .u_p_set ul.ziliao_ul li font[color='#EF4238'],
  .middle-box
    .user-main
    .u_p_set
    #upgrade_by_code_form
    ul.ziliao_ul
    li
    font[color='red'] {
    color: brown !important;
  }
  .middle-box .user-main .upgrade_vip .buy-notice {
    background: transparent;
    border-color: brown;
    color: brown;
  }
  .middle-box .user-main .u_p_set .upgrade_vip dd {
    margin-top: 15px;
  }
  .middle-box .user-main .u_p_set dl.ziliao_dl dt {
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .user-main .u_p_set dl.ziliao_dl dt h2 {
    border: none;
  }
  .middle-box .user-main .upgrade-item .upgrade-pop {
    top: -160px !important;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: none;
    border: 3px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
  }
  .middle-box .user-main .upgrade-item .upgrade-pop p {
    color: #607d8b;
  }
  .middle-box .user-main .upgrade-item .upgrade-pop p.tc strong {
    color: #8c8c8c;
  }
  .middle-box .user-main .upgrade-item .upgrade-pop p.f3 {
    border-color: #005083;
    color: #005083;
  }
  .middle-box .user-main .upgrade-item .upgrade-pop p.f7 {
    color: brown;
  }
  .middle-box .user-main .upgrade-item .upgrade-pop .button a {
    background: rgba(52, 116, 249, 0.05);
    color: #d9d9d9 !important;
  }
  .middle-box .user-main .upgrade-item .upgrade-pop .button .btn1 {
    background: rgba(52, 116, 249, 0.25);
  }
  .middle-box .box {
    background: rgba(0, 0, 0, 0.2);
  }
  .middle-box .res-view-top {
    background: transparent !important;
  }
  .middle-box .res-view-top .view-left,
  .middle-box .res-view-top .view-right {
    background: rgba(0, 0, 0, 0.2);
  }
  .middle-box .res-view-top .view-left .resource-tit {
    color: #8c8c8c;
  }
  .middle-box .res-view-top .view-left .resource-tit h2,
  .middle-box .res-view-top .view-left .resource-tit p {
    color: inherit;
  }
  .middle-box .res-view-top .view-left .resource-con li {
    color: #8c8c8c;
  }
  .middle-box .res-view-top .view-left .resource-con li span {
    color: #607d8b;
  }
  .middle-box .res-view-top .view-left .resource-con li strong {
    color: #607d8b;
  }
  .middle-box .res-view-top .view-left .resource-con li a.f3 {
    color: inherit;
  }
  .middle-box .res-view-top .view-left .resource-con li a.f3:hover {
    color: #005083;
  }
  .middle-box .res-view-top .view-left .resource-desc {
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .res-view-top .view-left .resource-desc .t strong {
    background: rgba(52, 116, 249, 0.05);
    color: #8c8c8c;
  }
  .middle-box .res-view-top .view-left .resource-desc .t strong span {
    color: brown;
  }
  .middle-box .res-view-top .view-left .resource-desc .t ul.fl {
    border-radius: 0;
  }
  .middle-box
    .res-view-top
    .view-left
    .resource-desc
    .t
    ul.fl:hover
    li.selected {
    border-radius: 0;
  }
  .middle-box .res-view-top .view-left .resource-desc .t ul li {
    background: rgba(52, 116, 249, 0.05);
    border-radius: 0;
    color: #8c8c8c;
  }
  .middle-box .res-view-top .view-left .resource-desc .t ul li.selected {
    background: rgba(52, 116, 249, 0.25);
    color: #d9d9d9;
  }
  .middle-box .res-view-top .view-left .resource-desc .t .ico-downmenu {
    height: 15px;
    background-color: rgba(52, 116, 249, 0.25);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    line-height: 15px;
  }
  .middle-box .res-view-top .view-left .resource-desc .con span {
    color: #607d8b;
  }
  .middle-box .res-view-top .view-right .score-box .score-con li {
    border-color: rgba(255, 255, 255, 0.05);
    color: inherit;
  }
  .middle-box .res-view-top .view-right .score-box .score-con li p,
  .middle-box .res-view-top .view-right .score-box .score-con li font.f4,
  .middle-box .res-view-top .view-right .score-box .score-con li font.f6,
  .middle-box .res-view-top .view-right .score-box .score-con li:last-child {
    color: inherit;
  }
  .middle-box .res-view-top .view-right .score-box .score-con li p label {
    color: #607d8b;
  }
  .middle-box .res-view-top .view-right .score-box .score-con .score-star span,
  .middle-box .res-view-top .view-right .score-box .score-con .score-star .f4 {
    color: #607d8b;
  }
  .middle-box .res-imgs-box {
    background: rgba(0, 0, 0, 0.2);
  }
  .middle-box .res-imgs-box .res-imgs-left .r-it,
  .middle-box .res-imgs-box .res-imgs-right .r-it {
    border-color: rgba(255, 255, 255, 0.05);
    color: #005083;
  }
  .middle-box .res-imgs-box .res-imgs-left .r-it::after,
  .middle-box .res-imgs-box .res-imgs-right .r-it::after {
    background: #005083;
  }
  .middle-box .res-imgs-box .res-imgs-left .r-it a.corner,
  .middle-box .res-imgs-box .res-imgs-right .r-it a.corner {
    color: #607d8b;
  }
  .middle-box .res-imgs-box .res-imgs-left {
    width: 734px;
  }
  .middle-box .res-imgs-box .res-imgs-left .view-res-list {
    width: 100%;
  }
  .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-nolog,
  .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-tips {
    padding: 0 0 20px 0;
  }
  .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-nolog h3,
  .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-tips h3 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 3em;
    font-size: 20px;
    line-height: 3em;
    color: inherit;
  }
  .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-nolog p,
  .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-tips p {
    margin-bottom: 15px;
    line-height: 1;
    color: #607d8b;
  }
  .middle-box
    .res-imgs-box
    .res-imgs-left
    .view-res-list
    .view-res-nolog
    p:not(:last-child),
  .middle-box
    .res-imgs-box
    .res-imgs-left
    .view-res-list
    .view-res-tips
    p:not(:last-child) {
    margin-top: 20px;
  }
  .middle-box .res-imgs-box .res-imgs-left .view-res-list .view-res-tips h3 {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
  .middle-box
    .res-imgs-box
    .res-imgs-left
    .view-res-list
    .view-res-tips
    h3:hover {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.05);
  }
  .middle-box
    .res-imgs-box
    .res-imgs-left
    .view-res-list
    .view-res-tips
    h3
    a.f3 {
    display: inline-block;
    width: 100%;
    color: inherit;
  }
  .middle-box .res-imgs-box .res-imgs-right .sametyle-list .title a {
    color: inherit;
  }
  .middle-box .res-bbs-box {
    padding: 20px;
    background: rgba(0, 0, 0, 0.2);
  }
  .middle-box .res-bbs-box .res-bbs-left {
    width: 734px;
  }
  .middle-box .res-bbs-box .res-bbs-left .news-bbs h2 span a.btn2 {
    background: rgba(52, 116, 249, 0.05);
    border: none;
  }
  .middle-box .res-bbs-box .res-bbs-left .news-bbs h2 span a.btn3 {
    background: rgba(52, 116, 249, 0.25);
    border: none;
    color: #8c8c8c !important;
  }
  .middle-box .res-bbs-box .res-bbs-left .news-bbs ul {
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .res-bbs-box .res-bbs-left .news-bbs ul li {
    border-color: rgba(255, 255, 255, 0.05);
    color: #8c8c8c;
  }
  .middle-box .res-bbs-box .res-bbs-left .news-bbs ul li span {
    color: #607d8b !important;
  }
  .middle-box .res-bbs-box .res-bbs-left .news-bbs ul li span.tag3 {
    margin-right: 6px;
  }
  .middle-box .res-bbs-box .res-bbs-left .news-bbs ul li a {
    color: #8c8c8c;
  }
  .middle-box .res-bbs-box .res-bbs-right {
    width: 286px;
  }
  .middle-box .res-bbs-box .res-bbs-right div[style='margin-bottom:15px;'] {
    display: none;
  }
  .middle-box .res-bbs-box .res-bbs-right .res-users .r-it {
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .res-bbs-box .res-bbs-right .res-users .r-it strong {
    color: #005083;
  }
  .middle-box .res-bbs-box .res-bbs-right .res-users .r-it::after {
    background: #005083;
  }
  .middle-box .res-bbs-box .res-bbs-right .res-users .fl-info a .f14 {
    color: inherit;
  }
  .middle-box .res-bbs-box .res-bbs-right .res-users .fl-info p {
    color: #607d8b;
  }
  .middle-box .usercenter-box .user-menu {
    width: 154px;
    height: 600px;
    background: rgba(0, 0, 0, 0.2);
    border-right: 2px solid rgba(255, 255, 255, 0.05);
  }
  .middle-box .usercenter-box .user-menu a {
    background: rgba(52, 116, 249, 0.05);
    color: #607d8b;
  }
  .middle-box .usercenter-box .user-menu a.cur,
  .middle-box .usercenter-box .user-menu a:hover {
    background: rgba(52, 116, 249, 0.25);
  }
  .middle-box .fav-tab {
    padding-bottom: 18px;
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .fav-tab a {
    padding: 8px;
    color: #607d8b;
  }
  .middle-box .fav-tab a.selected,
  .middle-box .fav-tab a:hover {
    background: rgba(52, 116, 249, 0.25);
    color: inherit;
  }
  .middle-box .task-list-wrap > .title {
    background: rgba(0, 0, 0, 0.2);
  }
  .middle-box .task-list-wrap > .title a {
    color: #607d8b;
  }
  .middle-box .task-list li .a0 .info > a {
    color: #607d8b;
  }
  .middle-box .task-list li .a0 .info > a strong {
    color: #8c8c8c;
  }
  .middle-box .task-list .task-o-info {
    color: #607d8b;
  }
  .middle-box .task-list .task-o-info .lang-info label {
    color: inherit;
  }
  .middle-box .task-list .zm-task-tag.recruiting {
    background: #4d0d68;
    color: #d9d9d9;
  }
  .middle-box .task-list .zm-task-tag.recruit-complete {
    background: rgba(52, 116, 249, 0.25);
    border: none;
    color: #d9d9d9;
  }
  .middle-box .task-list .zm-task-tag.task-complete {
    background: rgba(52, 116, 249, 0.05);
    color: #8c8c8c;
  }
  .middle-box .task-list li .a1 p {
    color: #607d8b;
  }
  .middle-box .article-tab {
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .article-tab a {
    padding: 8px;
    color: #607d8b;
  }
  .middle-box .article-tab a.selected,
  .middle-box .article-tab a:hover {
    background: rgba(52, 116, 249, 0.25);
    color: inherit;
  }
  .middle-box .article-list .fl-info h3 a {
    color: #8c8c8c;
  }
  .middle-box .article-list .fl-info p {
    color: #607d8b;
  }
  .middle-box .article-list .fl-info p a {
    color: #8c8c8c;
  }
  .middle-box .sidebar-article li {
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .information-tit.tc {
    color: inherit;
  }
  .middle-box .information-desc * {
    font-family: 'Source Han Sans SC', 'Noto Sans CJK SC', 'HanHei SC',
      'HarmonyOS Sans SC', '方正兰亭黑_GB18030', '方正兰亭黑_GBK',
      'Microsoft YaHei', system-ui, ui-sans-serif, sans-serif,
      'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
      'Noto Color Emoji', emoji, sans-serif !important;
    font-size: 16px !important;
  }
  .middle-box .subtitle-box .subtitle-serch-sidebar li:nth-child(2n + 1) {
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .subtitle-box .subtitle-serch-sidebar li a {
    color: inherit;
  }
  .middle-box .subtitle-box .area-left .subtitle-topdown ul {
    padding: 5px 0 10px 0;
  }
  .middle-box .subtitle-box .area-left .subtitle-topdown ul li {
    padding: 2px 0;
  }
  .middle-box .subtitle-box .area-left .subtitle-topdown ul li:hover {
    background: rgba(0, 0, 0, 0.75);
  }
  .middle-box .subtitle-box .area-left .subtitle-topdown ul li:hover a {
    color: #005083;
  }
  .middle-box .subtitle-box .area-left .subtitle-topdown ul li a {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
    color: inherit;
  }
  .middle-box .subtitle-box .area-left .subtitle-list ul {
    color: #607d8b;
  }
  .middle-box .subtitle-box .area-left .subtitle-list ul li {
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .subtitle-box .area-left .subtitle-list ul li a {
    color: #8c8c8c;
  }
  .middle-box .subtitle-box .area-left .subtitle-list ul li a:hover {
    color: #005083;
  }
  .middle-box .subtitle-box .area-left .subtitle-list ul li .list_b {
    padding: 10px 16px;
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
  }
  .middle-box
    .subtitle-box
    .area-left
    .subtitle-list
    ul
    li
    .list_b
    p:first-child {
    color: inherit;
  }
  .middle-box .subtitle-box .subtitle-ralate .fl-info {
    color: #607d8b;
  }
  .middle-box .subtitle-box .subtitle-con {
    margin-bottom: 15px;
    padding: 0 20px 20px 20px;
    color: #607d8b;
  }
  .middle-box .subtitle-box .subtitle-con .subtitle-tit {
    border-color: rgba(255, 255, 255, 0.05);
    color: #8c8c8c;
  }
  .middle-box .subtitle-box .subtitle-con .subtitle-info li {
    color: #607d8b;
  }
  .middle-box .subtitle-box .subtitle-con .subtitle-info li:last-child {
    display: none;
  }
  .middle-box .subtitle-box .subtitle-con .subtitle-info li label {
    color: #607d8b;
  }
  .middle-box .subtitle-box .subtitle-con .subtitle-note {
    margin: 14px auto;
    padding: 10px 16px;
    background: rgba(0, 0, 0, 0.2);
    border: none;
  }
  .middle-box .subtitle-box .subtitle-con .subtitle-note p:first-child {
    color: #8c8c8c;
  }
  .middle-box .subtitle-box .subtitle-con .subtitle-links {
    width: 100%;
    height: 3em;
    margin: 20px auto;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 20px;
    line-height: 3em;
  }
  .middle-box .subtitle-box .subtitle-con .subtitle-links:hover {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.05);
  }
  .middle-box .subtitle-box .subtitle-con .subtitle-links a {
    display: inline-block;
    width: 100%;
    line-height: inherit;
  }
  .middle-box .subtitle-box .subtitle-con .subtitle-links a strong {
    color: #8c8c8c;
  }
  .middle-box .resource-box .resource-sidebar li {
    border-color: rgba(255, 255, 255, 0.15);
  }
  .middle-box .resource-box .resource-sidebar li:nth-last-child(1),
  .middle-box .resource-box .resource-sidebar li:nth-last-child(2) {
    border: none;
  }
  .middle-box .resource-box .resource-sidebar li .tag,
  .middle-box .resource-box .resource-sidebar li p {
    color: #607d8b;
  }
  .middle-box .resource-box .resource-list {
    background: rgba(0, 0, 0, 0.2);
  }
  .middle-box .resource-box .resource-list .resource-filter {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .resource-box .resource-list .resource-filter a {
    padding: 4px 9px;
  }
  .middle-box .resource-box .resource-list .resource-filter a:hover,
  .middle-box .resource-box .resource-list .resource-filter a.selected {
    background: rgba(52, 116, 249, 0.25);
    color: #8c8c8c;
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .middle-box .resource-box .resource-list .resource-cats {
    background: transparent;
  }
  .middle-box .resource-box .resource-list .resource-cats li {
    color: #607d8b;
  }
  .middle-box .resource-box .resource-list .resource-cats li span {
    color: #8c8c8c;
  }
  .middle-box .resource-box .resource-list .resource-cats li .list {
    width: 400px;
    background: rgba(0, 0, 0, 0.9);
    box-shadow: none;
    border: 3px solid rgba(255, 255, 255, 0.05);
  }
  .middle-box .resource-box .resource-list .resource-cats li .list a {
    padding: 4px 8px;
    color: #607d8b;
  }
  .middle-box .resource-box .resource-list .resource-cats li .list a:hover,
  .middle-box .resource-box .resource-list .resource-cats li .list a.selected {
    background: rgba(52, 116, 249, 0.25);
    color: #8c8c8c;
  }
  .middle-box .resource-box .resource-list .resource-quick {
    background: rgba(0, 0, 0, 0.2);
    color: #607d8b;
  }
  .middle-box .resource-box .resource-list .resource-quick a span {
    color: #005083;
  }
  .middle-box .resource-box .resource-list .resource-showlist li {
    background: transparent;
  }
  .middle-box .resource-box .resource-list .resource-showlist li .fl-info h3 a {
    font-size: 18px;
  }
  .middle-box
    .resource-box
    .resource-list
    .resource-showlist
    li
    .fl-info
    h3
    .f4 {
    font-weight: 400;
    color: #607d8b;
  }
  .middle-box .resource-box .resource-list .resource-showlist li .fl-info .tv,
  .middle-box .resource-box .resource-list .resource-showlist li .fl-info span,
  .middle-box .resource-box .resource-list .resource-showlist li .fl-info p {
    color: #607d8b;
  }
  .middle-box
    .resource-box
    .resource-list
    .resource-showlist
    li
    .fl-info
    .ranking {
    color: brown;
  }
  .middle-box .found-box .xy-tags {
    background: rgba(0, 0, 0, 0.2);
  }
  .middle-box .found-box .xy-tags a {
    border-radius: 3px;
    color: #607d8b;
  }
  .middle-box .found-box .xy-tags a:hover,
  .middle-box .found-box .xy-tags a.active {
    background: rgba(52, 116, 249, 0.25);
    color: #8c8c8c;
  }
  .middle-box .found-box .xy-list .a0::after {
    background: #005083 !important;
  }
  .middle-box .found-box .xy-list .a0 strong {
    color: #8c8c8c;
  }
  .middle-box .found-box p {
    color: #607d8b;
  }
  .middle-box .found-box p i {
    color: inherit;
  }
  .middle-box .found-box .xy-list2 li .a0 .info p span {
    color: #607d8b;
  }
  .middle-box .found-box .xy-list2 li .a0 .info p span.fl a {
    color: inherit;
  }
  .middle-box .found-box .xy-list2 li .a0 .info p span.fr {
    color: inherit;
  }
  .middle-box .found-box .xy-list2 li .a0 .info h3 {
    font-weight: 400;
  }
  .middle-box .found-box .xy-list2 li .a0 .fl-info p span {
    color: #607d8b;
  }
  .middle-box .found-box .xy-list2 li .a0 .fl-info strong.f14 {
    color: #8c8c8c;
  }
  .middle-box .resource-box .t_s {
    background: rgba(0, 0, 0, 0.2);
    color: #607d8b;
  }
  .middle-box .resource-box .t_s a {
    color: inherit;
  }
  .middle-box .resource-box .t_s a:hover,
  .middle-box .resource-box .t_s a.cur {
    background: rgba(52, 116, 249, 0.25);
    color: #8c8c8c;
  }
  .middle-box .resource-box .day_data {
    border: none;
  }
  .middle-box .resource-box .day_data .d_r_t {
    color: #607d8b;
  }
  .middle-box .resource-box .day_data .d_r_t tbody {
    background: rgba(0, 0, 0, 0.2);
  }
  .middle-box .resource-box .day_data .d_r_t tbody tr {
    background: rgba(0, 0, 0, 0.2);
    color: inherit !important;
  }
  .middle-box .resource-box .day_data .d_r_t tbody tr td.d2,
  .middle-box .resource-box .day_data .d_r_t tbody tr td.dr_ico,
  .middle-box .resource-box .day_data .d_r_t tbody tr td.d6 {
    background: transparent;
  }
  .middle-box .resource-box .day_data .d_r_t tbody tr.even {
    background: transparent;
  }
  .middle-box .resource-box .day_data .d_r_t tbody tr.even td.d2,
  .middle-box .resource-box .day_data .d_r_t tbody tr.even td.dr_ico,
  .middle-box .resource-box .day_data .d_r_t tbody tr.even td.d6 {
    background: transparent;
  }
  .middle-box .resource-box .day_data .d_r_t tbody tr:first-child {
    background: rgba(0, 0, 0, 0.2);
  }
  .middle-box .resource-box .day_data .d_r_t tbody tr th {
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #8c8c8c;
  }
  .middle-box .resource-box .day_data .d_r_t tbody tr td {
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .resource-box .day_data .d_r_t tbody tr td.d2 {
    color: #607d8b;
  }
  .middle-box .resource-box .day_data .d_r_t tbody tr .dr_ico a {
    background: #237804;
    color: #d9d9d9;
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .middle-box .play-schedule {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
  }
  .middle-box .play-schedule h2 {
    background: rgba(52, 116, 249, 0.25);
    color: #8c8c8c;
  }
  .middle-box .play-schedule h2 a {
    filter: brightness(60%);
  }
  .middle-box .play-schedule th {
    color: #607d8b;
  }
  .middle-box .play-schedule td dl dt {
    background: rgba(52, 116, 249, 0.05);
    color: #607d8b;
  }
  .middle-box .play-schedule td dl dd {
    padding: 0;
    background: rgba(0, 0, 0, 0.2);
    transition: all 0.25s;
  }
  .middle-box .play-schedule td dl dd:hover {
    background: rgba(0, 0, 0, 0.5);
    transform: scale(1.2);
  }
  .middle-box .play-schedule td dl dd.even {
    background: rgba(255, 255, 255, 0.01);
  }
  .middle-box .play-schedule td dl dd.even:hover {
    background: rgba(255, 255, 255, 0.05);
  }
  .middle-box .play-schedule td dl dd.even a {
    color: #086a87;
  }
  .middle-box .play-schedule td dl dd a {
    padding: 6px 8px;
    color: #8c8c8c;
  }
  .middle-box .play-schedule td.cur dl dt {
    background: #5c0011;
    color: #8c8c8c;
  }
  .middle-box .play-schedule span.completed,
  .middle-box .play-schedule span.start,
  .middle-box .play-schedule span.new {
    color: #d9d9d9;
  }
  .middle-box .play-schedule span.completed {
    background: #871400;
  }
  .middle-box .play-schedule span.start {
    background: #135200;
  }
  .middle-box .play-schedule span.new {
    background: #003a8c;
  }
  .middle-box .qiudang-box .qd-right {
    width: 770px;
  }
  .middle-box .qiudang-box .res-users .fl-info {
    width: 180px;
  }
  .middle-box .qiudang-box .qd-search {
    height: 65px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px 8px 0 0;
  }
  .middle-box .qiudang-box .qd-search form {
    top: 25px;
    background: transparent;
  }
  .middle-box .qiudang-box .qd-search form input[type='text'] {
    padding: 4px 10px;
    border-width: 1px;
    border-style: solid;
    text-indent: unset;
  }
  .middle-box .qiudang-box .qd-search form input[type='image'] {
    width: 35px;
    height: 35px;
    top: 0;
    right: -21px;
  }
  .middle-box .qiudang-box .qd-desc {
    padding: 20px 30px;
    border-radius: 0;
  }
  .middle-box .qiudang-box .qd-btn {
    border-radius: 0;
  }
  .middle-box .qiudang-box .qd-btn a.bg-btn {
    border-radius: 4px;
    text-indent: 40px;
    font-family: inherit;
    filter: brightness(60%);
  }
  .middle-box .qiudang-box .qd-sum {
    border-radius: 0 0 8px 8px;
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .qiudang-box .qd-sum span {
    border-color: rgba(52, 116, 249, 0.25);
  }
  .middle-box .qiudang-box .qd-list {
    padding: 20px 30px 10px 30px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
  }
  .middle-box .qiudang-box .qd-list li {
    padding: 10px 0 20px 0;
    background: transparent;
    border-top: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  .middle-box .qiudang-box .qd-list li:last-child {
    border-bottom: none;
  }
  .middle-box .qiudang-box .qd-list .fl-info {
    width: 590px;
  }
  .middle-box .qiudang-box .qd-list .fl-info h3 .tag {
    padding: 0 5px;
    line-height: 21px;
    color: #8c8c8c;
  }
  .middle-box .qiudang-box .qd-list .fl-info h3 .mov {
    background: rgba(52, 116, 249, 0.25);
  }
  .middle-box .qiudang-box .qd-list .fl-info p {
    color: #607d8b;
  }
  .middle-box .qiudang-box .qd-list .fl-info .qd-ico {
    border-radius: 4px;
    font-family: inherit;
    color: #d9d9d9;
  }
  .middle-box .qiudang-box .qd-list .fl-info .qd-ico2 {
    background: #4d0d68;
  }
  .middle-box .qiudang-box .qd-list .fl-info .qd-ico3 {
    background: rgba(52, 116, 249, 0.25);
  }
  .middle-box .qiudang-box .qd-view {
    border: none;
    font-size: 14px;
  }
  .middle-box .qiudang-box .qd-view h2 {
    padding: 20px 10px;
    border-color: rgba(255, 255, 255, 0.05);
    font-size: 18px;
  }
  .middle-box .qiudang-box .qd-view .res-users {
    margin: 0;
  }
  .middle-box .qiudang-box .qd-view .res-users .f4 {
    color: #607d8b;
  }
  .middle-box .qiudang-box .qd-view .qd-detial {
    margin-left: 30px;
    color: #607d8b;
  }
  .middle-box .qiudang-box .qd-form {
    padding: 20px;
  }
  .middle-box .qiudang-box .qd-form textarea {
    width: 97%;
    padding: 6px 10px;
    font-size: 14px;
  }
  .middle-box .qiudang-box .qd-form .submit input {
    margin-top: 10px;
    background: url('http://js.jstucdn.com/images/bg-btn.png') no-repeat !important;
    font-family: inherit;
    filter: brightness(60%);
  }
  .middle-box .qiudang-box .bbs-list {
    margin-top: 25px;
    padding: 0 !important;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
  }
  .middle-box .qiudang-box .bbs-list .tit {
    color: #607d8b;
  }
  .middle-box .qiudang-box .bbs-list2 .avatar {
    top: 22px;
    left: 20px;
  }
  .middle-box .qiudang-box .qd-msglist .answer .corner {
    background: #4d0d68;
    color: #d9d9d9;
  }
  .middle-box .qiudang-box .qd-msglist li {
    margin: 0;
    padding: 20px 20px 20px 80px;
    background: transparent;
    border: none;
  }
  .middle-box .article-item h2.it {
    height: 62px !important;
    margin: 0 20px;
    padding: 0 !important;
    font-size: 20px;
    line-height: 60px !important;
  }
  .middle-box .article-item h2.it::after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 80px;
    height: 4px;
    content: '';
  }
  .middle-box .article-item .article-top li {
    color: #607d8b;
    border-color: rgba(255, 255, 255, 0.05);
  }
  .middle-box .article-item .article-top li:hover {
    background: rgba(0, 0, 0, 0.5);
  }
  .middle-box .article-item .article-top li:hover a {
    color: #005083;
  }
  .middle-box .article-item .article-top li strong {
    width: 785px;
    max-width: unset;
    color: #8c8c8c;
  }
  .middle-box .article-item .article-top li strong a {
    display: inline-block;
    width: 785px;
  }
  .middle-box .article-box {
    background: transparent;
  }
  .middle-box .article-box .article-box-head {
    background: rgba(52, 116, 249, 0.25);
    border: none;
    color: #8c8c8c;
  }
  .middle-box .article-box h2.it {
    background: rgba(0, 0, 0, 0.2) !important;
    color: #8c8c8c !important;
  }
  .middle-box .article-box .article-con {
    border-radius: 0 0 8px 8px;
  }
  .middle-box .article-box .article-con .article-share {
    color: #607d8b;
  }
  .middle-box .article-box .article-con .article-share .s-split {
    background: #607d8b;
  }
  .middle-box .article-box .article-con .article-share #share_link {
    display: none;
  }
  .middle-box .article-box .article-con .article-resume {
    color: #8c8c8c;
  }
  .middle-box .article-box .article-con .article-resume p a {
    color: #005083 !important;
  }
  .middle-box .article-box .article-con .article-resume p a u {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .middle-box .article-box .article-con .article-resume p a span {
    color: #005083 !important;
  }
  .middle-box .article-box .article-con .article-tip {
    border-color: brown;
    color: brown;
  }
}