body .home .container {
  background: #F4FAFA;
  padding: 5.2083333333vw 10.4166666667vw;
  display: flex;
  justify-content: space-between; }
  body .home .container .lbox {
    width: 53.125vw; }
    body .home .container .lbox .box {
      padding: 2.0833333333vw 3.125vw 3.125vw 3.125vw;
      background: #fff;
      border-radius: 6px; }
      body .home .container .lbox .box .t {
        color: #35AD98;
        font-weight: 600;
        line-height: 1.5; }
      body .home .container .lbox .box .html {
        margin: 1.3020833333vw 0 15.3645833333vw 0;
        line-height: 1.5; }
      body .home .container .lbox .box .share {
        display: flex;
        align-items: center;
        gap: 2.0833333333vw;
        border-radius: 6px;
        background: rgba(53, 173, 152, 0.08);
        padding: 1.875vw 2.0833333333vw; }
        body .home .container .lbox .box .share p {
          font-weight: 500; }
        body .home .container .lbox .box .share .icons {
          display: flex;
          align-items: center;
          gap: 2.0833333333vw; }
          body .home .container .lbox .box .share .icons a img {
            width: 1.5625vw; }
    body .home .container .lbox .btns {
      display: flex;
      justify-content: center;
      margin-top: 2.0833333333vw;
      gap: 5.2083333333vw; }
      body .home .container .lbox .btns a {
        display: flex;
        justify-content: center;
        padding: 0.4166666667vw 1.3541666667vw;
        border-radius: 6px;
        background: #35AD98;
        gap: 0.7291666667vw;
        align-items: center;
        transition: all 600ms; }
        body .home .container .lbox .btns a .icon {
          width: 1.6666666667vw;
          height: 1.9791666667vw;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 2px;
          background: #37BDA5;
          transition: all 600ms; }
          body .home .container .lbox .btns a .icon img {
            width: 0.625vw; }
        body .home .container .lbox .btns a p {
          font-weight: 600;
          line-height: 2;
          text-transform: uppercase;
          color: white; }
        body .home .container .lbox .btns a:hover {
          background: #126E5E; }
          body .home .container .lbox .btns a:hover .icon {
            background: #268A78; }
  body .home .container .rbox {
    width: 23.8020833333vw; }
    body .home .container .rbox .box {
      padding: 2.0833333333vw;
      background: #fff;
      border-radius: 6px; }
      body .home .container .rbox .box .pt {
        color: #1D1D1D;
        padding-bottom: 1.0416666667vw;
        border-bottom: 1px solid #D9D9D9; }
      body .home .container .rbox .box .list a {
        margin-top: 1.0416666667vw;
        display: block;
        border-radius: 6px;
        background: #F5F5F5;
        padding: 1.0416666667vw; }
        body .home .container .rbox .box .list a .p1 {
          color: #1D1D1D;
          margin-bottom: 0.625vw; }
        body .home .container .rbox .box .list a .p2 {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          body .home .container .rbox .box .list a .p2 .time {
            color: #797B81; }
          body .home .container .rbox .box .list a .p2 .btn {
            padding: 0.3125vw 0.8333333333vw;
            border-radius: 6px;
            background: #35AD98;
            color: white;
            font-weight: 600;
            text-transform: uppercase;
            transition: all 600ms; }
        body .home .container .rbox .box .list a:hover .p1 {
          color: #126E5E; }
        body .home .container .rbox .box .list a:hover .p2 .btn {
          background: #126E5E; }
@media screen and (max-width: 768px) {
  body .home .container {
    padding: 30px 5%;
    flex-direction: column;
    gap: 30px; }
    body .home .container .lbox {
      width: 100%; }
      body .home .container .lbox .box {
        padding: 20px; }
        body .home .container .lbox .box .html {
          margin: 20px 0 40px 0; }
        body .home .container .lbox .box .share {
          flex-direction: column;
          align-items: flex-start;
          padding: 15px;
          gap: 10px; }
          body .home .container .lbox .box .share .icons {
            gap: 20px; }
            body .home .container .lbox .box .share .icons a img {
              width: 24px; }
      body .home .container .lbox .btns {
        gap: 20px;
        flex-wrap: wrap;
        margin-top: 20px; }
        body .home .container .lbox .btns a {
          flex: 1;
          min-width: 120px;
          padding: 8px 16px;
          gap: 10px; }
          body .home .container .lbox .btns a .icon {
            width: 24px;
            height: 24px; }
            body .home .container .lbox .btns a .icon img {
              width: 10px; }
          body .home .container .lbox .btns a p {
            font-size: 14px; }
    body .home .container .rbox {
      width: 100%; }
      body .home .container .rbox .box {
        padding: 20px; }
        body .home .container .rbox .box .pt {
          padding-bottom: 20px; }
        body .home .container .rbox .box .list a {
          padding: 15px;
          margin-top: 20px; }
          body .home .container .rbox .box .list a .p1 {
            margin-bottom: 10px; }
          body .home .container .rbox .box .list a .p2 .btn {
            padding: 6px 10px; } }

/*# sourceMappingURL=info.css.map */