.md12502.md-contact-1 { padding-top: 1.46rem; padding-bottom: 1rem; background-color: #f9f9f9; background-image: url(/static/home/images/bg-contact-1.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; }

.md12502.md-contact-1 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

.md12502.md-contact-1 .m-title-tit { line-height: 1.3; }

.md12502.md-contact-1 .m-title-sub { margin-top: .03rem; }

.md12502.md-contact-1 .row-1 { background-color: #ffffff; border-radius: 0.2rem 0.2rem 0rem 0rem; margin-top: .43rem; display: -webkit-box; display: -ms-flexbox; display: flex; padding: .27rem .5rem .29rem; padding-right: 0; }

.md12502.md-contact-1 .row-1 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 1.88889; }

.md12502.md-contact-1 .row-1 .list .li { margin-top: .2rem; margin-bottom: .21rem; }

.md12502.md-contact-1 .row-1 .rg { text-align: center; width: 2.6rem; margin-top: .2rem; }

.md12502.md-contact-1 .row-1 .code { margin-top: .2rem; }

.md12502.md-contact-1 .row-1 .code-img { display: block; width: 6.0625em; margin: auto; }

.md12502.md-contact-1 .row-1 .code-tit { margin-top: .16rem; }

@media (min-width: 901px) { 
    .md12502.md-contact-1 .row-1 .list .li { 
        /* width: 24%; margin-right: 1.3%;  */
        width: 32%; margin-right: 2%; 
    }
    .md12502.md-contact-1 .row-1 .list .li:nth-of-type(3n) { margin-right: 0; } }

/* @media (max-width: 1200px) { .md12502.md-contact-1 .row-1 .list .li { width: 32%; margin-right: 2%; }
  .md12502.md-contact-1 .row-1 .list .li:nth-of-type(3n) { margin-right: 0; } } */

@media (max-width: 900px) { .md12502.md-contact-1 .row-1 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md12502.md-contact-1 .row-1 .list .li { width: 48%; margin-right: 0; } }

@media (max-width: 600px) { .md12502.md-contact-1 .row-1 { display: block; padding: 5%; }
  .md12502.md-contact-1 .row-1 .rg { width: 100%; }
  .md12502.md-contact-1 .row-1 .list .li { width: 100%; margin: 0 0 1em 0; } }

.md12502.md-contact-1 .row-2 { position: relative; border-radius: .2rem; }

.md12502.md-contact-1 .row-2 .list .li { height: 5rem; display: none; opacity: 0; }

.md12502.md-contact-1 .row-2 .list .active { display: block; -webkit-animation: fade-in .5s .1s forwards; animation: fade-in .5s .1s forwards; }

.md12502.md-contact-1 .row-2 .nav { position: absolute; right: 0.18rem; bottom: .2rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 0.2rem; padding: .1rem; }

.md12502.md-contact-1 .row-2 .nav .item { border-radius: 0.2rem; text-align: center; padding: 0.80556em; margin-bottom: .11rem; cursor: pointer; }

.md12502.md-contact-1 .row-2 .nav .item:last-of-type { margin-bottom: 0; }

.md12502.md-contact-1 .row-2 .nav .active { color: #e6222a; background-color: #f2cdcf; }

@media (max-width: 900px) { .md12502.md-contact-1 .row-2 .nav .item { padding: .5em; } }

.md12513.md-contact-2 { padding-top: .71rem; padding-bottom: .83rem; }

.md12513.md-contact-2 .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

.md12513.md-contact-2 .m-title-tit { line-height: 1.3; }

.md12513.md-contact-2 .m-title-sub { margin-top: .03rem; }

.md12513.md-contact-2 .row-1 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .43rem; }

.md12513.md-contact-2 .side { width: 2.44rem; }

.md12513.md-contact-2 .main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md12513.md-contact-2 .cate { border-left: .03rem solid #f3f3f3; }

.md12513.md-contact-2 .cate-item { cursor: pointer; padding-left: .14rem; margin-bottom: .3rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md12513.md-contact-2 .cate-item:last-of-type { margin-bottom: 0; }

.md12513.md-contact-2 .cate-item.active { color: #222; font-size: 120%; position: relative; }

.md12513.md-contact-2 .cate-item.active::before { content: ''; position: absolute; left: -.03rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.03rem; height: 1em; background: #222; }

.md12513.md-contact-2 .legend { margin-top: .29rem; }

.md12513.md-contact-2 .legend .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .1rem; }

.md12513.md-contact-2 .legend .item:last-of-type { margin-bottom: 0; }

.md12513.md-contact-2 .legend .icon { width: 0.88889em; height: 0.88889em; margin-right: .05rem; border-radius: 0.04rem; }

/* .md12513.md-contact-2 .legend .icon-2 { background-color: #fef5f0; border: solid 0.01rem #c09956; } */
.md12513.md-contact-2 .legend .icon-1 { background-color: #fbf6f3; border: solid 0.01rem #e7222b; }

.md12513.md-contact-2 .legend .icon-2 { background-color: #f4f4f4; border: solid 0.01rem #666; }

.md12513.md-contact-2 .list { display: none; }

.md12513.md-contact-2 .list.active { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md12513.md-contact-2 .list .li { margin-bottom: .3rem; width: calc(432 / 1356 * 100%); margin-right: calc(30 / 1356 * 100%); background-color: #fdf5f5; border-radius: 0.2rem; overflow: hidden; padding: .35rem .4rem .26rem; position: relative; }

.md12513.md-contact-2 .list .li:nth-of-type(3n) { margin-right: 0; }

.md12513.md-contact-2 .list .li:before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: .03rem; background: #e6222a; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md12513.md-contact-2 .list .li:hover::before { width: 100%; }

.md12513.md-contact-2 .list .li-gray { background-color: #f4f4f4; }

.md12513.md-contact-2 .list .li-gray:before { background: #666; }

.md12513.md-contact-2 .list .tit { border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding-bottom: .12rem; }

.md12513.md-contact-2 .list .desc { line-height: 1.88889; margin-top: .11rem; }

@media (max-width: 900px) { .md12513.md-contact-2 .list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md12513.md-contact-2 .list .li { width: 48%; margin-right: 0; } }

@media (max-width: 600px) { .md12513.md-contact-2 .side { width: 2rem; }
  .md12513.md-contact-2 .list .li { width: 100%; } }