@charset "UTF-8";
body {
  width: 19.2rem;
  opacity: 0; }

* {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
  font-family: "PingFang SC Medium", "PingFang SC", "Microsoft YaHei", "寰蒋闆呴粦", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, sans-serif; }

.flex {
  display: flex; }

ul {
  list-style: none; }

img {
  border: none; }

a {
  text-decoration: none;
  color: black; }

input, textarea {
  outline: none; }

.hide {
  display: none; }

@media screen and (max-width: 600px) {
  body {
    width: 7.5rem; } }
.safe-rule-container {
  padding-bottom: .93rem; }
  .safe-rule-container .container {
    color: #999999; }
    .safe-rule-container .container .rule-content {
      width: 11.26rem;
      margin-right: .93rem; }
      .safe-rule-container .container .rule-content p {
        font-size: .2rem !important;
        line-height: .4rem !important; }
        .safe-rule-container .container .rule-content p a {
          color: #D20C18 !important;
          font-size: .2rem !important; }
        .safe-rule-container .container .rule-content p * {
          font-size: .2rem !important;
          line-height: .4rem !important; }
      .safe-rule-container .container .rule-content * {
        background: transparent !important; }
      .safe-rule-container .container .rule-content .content-top .rule-title {
        font-size: .5rem;
        color: #fff;
        line-height: 1;
        margin-bottom: .3rem; }
      .safe-rule-container .container .rule-content .content-top .time {
        border-bottom: 0.01rem solid rgba(255, 255, 255, 0.2);
        line-height: 1;
        padding-bottom: .3rem;
        margin-bottom: .28rem; }
      .safe-rule-container .container .rule-content .overview-content .tle {
        padding-top: .8rem !important;
        color: #fff !important;
        padding-bottom: .2rem !important;
        margin-bottom: .22rem !important;
        font-size: .34rem !important;
        border-bottom: 0.02rem solid rgba(255, 255, 255, 0.2) !important;
        position: relative !important; }
        .safe-rule-container .container .rule-content .overview-content .tle::after {
          content: '';
          position: absolute;
          width: 1.04rem;
          height: .04rem;
          background: #D20C18;
          left: 0;
          bottom: -.02rem; }
    .safe-rule-container .container .overview {
      flex: 1;
      width: 3.34rem; }
      .safe-rule-container .container .overview .tle {
        padding-top: .33rem;
        color: #fff;
        font-size: .24rem;
        line-height: 1;
        margin-bottom: .3rem; }
      .safe-rule-container .container .overview ul {
        margin-left: .07rem;
        border-left: .01rem solid #333333;
        padding-top: .09rem;
        padding-bottom: .18rem; }
        .safe-rule-container .container .overview ul li {
          margin-bottom: .32rem;
          padding-left: .2rem;
          position: relative; }
          .safe-rule-container .container .overview ul li:last-child {
            margin-bottom: 0; }
          .safe-rule-container .container .overview ul li::after {
            content: '';
            position: absolute;
            left: -.08rem;
            top: 0;
            width: .14rem;
            height: .14rem;
            background-color: #000;
            border: .01rem solid #999999;
            border-radius: 50%; }
          .safe-rule-container .container .overview ul li.active::after {
            background-color: #D20C18; }
          .safe-rule-container .container .overview ul li.active a {
            color: #D20C18; }
          .safe-rule-container .container .overview ul li a {
            line-height: 1;
            font-size: .18rem;
            color: #999999;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            /* autoprefixer: off */
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1; }

/*# sourceMappingURL=about-safer-rule.css.map */