.md12516.md-join-1 { padding-top: 1.62rem; 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; }

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

.md12516.md-join-1 .table { overflow-x: auto; overflow-y: hidden; }

.md12516.md-join-1 .table::-webkit-scrollbar { width: 4px; height: 4px; background-color: #e0e0e0; border-radius: 2px; }

.md12516.md-join-1 .table::-webkit-scrollbar-thumb { background-color: #e6222a; border-radius: 2px; }

.md12516.md-join-1 .table .tr { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md12516.md-join-1 .table .td { min-height: 0.9rem; padding: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md12516.md-join-1 .table .td:nth-child(1) { width: calc(300 / 1600 * 100%); }

.md12516.md-join-1 .table .td:nth-child(2) { width: calc(255 / 1600 * 100%); }

.md12516.md-join-1 .table .td:nth-child(3) { width: calc(307 / 1600 * 100%); }

.md12516.md-join-1 .table .td:nth-child(4) { width: calc(231 / 1600 * 100%); }

.md12516.md-join-1 .table .td:nth-child(5) { width: calc(268 / 1600 * 100%); }

.md12516.md-join-1 .table .td:nth-child(6) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: -webkit-sticky; position: sticky; right: 0; z-index: 2; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }

.md12516.md-join-1 .table .thead { border-radius: .2rem .2rem 0 0; }

.md12516.md-join-1 .table .thead .td:last-of-type { background-color: rgba(102, 102, 102, 0.5); }

.md12516.md-join-1 .table .tbody { margin-top: .04rem; }

.md12516.md-join-1 .table .tbody .tr { background-color: #f5f5f5; margin-bottom: .02rem; cursor: pointer; }

.md12516.md-join-1 .table .tbody .td:last-of-type { background-color: rgba(245, 245, 245, 0.5); }

.md12516.md-join-1 .table .item:last-of-type { border-radius: 0rem 0rem 0.2rem 0.2rem; }

.md12516.md-join-1 .table .item.active { -webkit-box-shadow: 0rem 0.08rem 0.3rem 0rem rgba(0, 0, 0, 0.04); box-shadow: 0rem 0.08rem 0.3rem 0rem rgba(0, 0, 0, 0.04); background-color: #fff; margin: .1rem 0; }

.md12516.md-join-1 .table .item.active .tr { background-color: transparent; }

.md12516.md-join-1 .table .item.active .arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.md12516.md-join-1 .table .item.active .td:last-of-type { background-color: rgba(255, 255, 255, 0.5); }

.md12516.md-join-1 .table .detail { width: calc(1400 / 1600 * 100%); margin-left: calc(105 / 1600 * 100%); border-top: 1px solid #f1f1f1; padding-top: .41rem; padding-bottom: .69rem; display: none; }

.md12516.md-join-1 .table .detail-row { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md12516.md-join-1 .table .detail-item:first-child { width: calc(810 / 1400 * 100%); padding-right: .2rem; }

.md12516.md-join-1 .table .detail-item .desc { margin-top: .22rem; line-height: 1.75; }

.md12516.md-join-1 .table .detail .btn-send { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 11.25em; height: 3.5625em; padding: .2em; border-radius: .57rem; background: #e6222a; color: #fff; margin-top: .48rem; }

.md12516.md-join-1 .table .detail .btn-send .svg-icon { width: 1.1875em; margin-left: .07rem; }

.md12516.md-join-1 .table .detail .btn-send:hover { background-color: #c41d24; }

.md12516.md-join-1 .table .arrow { width: 0.94444em; color: #e6222a; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md12516.md-join-1 .m-pages { margin-top: .61rem; }

@media (max-width: 900px) { .md12516.md-join-1 { padding-top: 1rem; }
  .md12516.md-join-1 .table .td:nth-child(5) { width: calc(310 / 1600 * 100%); }
  .md12516.md-join-1 .table .detail { margin: 0 4%; width: auto; }
  .md12516.md-join-1 .table .detail-row { display: block; }
  .md12516.md-join-1 .table .detail-item:first-child { width: 100%; padding-right: 0; margin-bottom: .2rem; } }

@media (max-width: 500px) { .md12516.md-join-1 .table .thead, .md12516.md-join-1 .table .tbody { width: 8.4rem; }
  .md12516.md-join-1 .table .detail { width: 82vw; } }


/* 弹窗 */
.md12516.md-join-2 { display: none; }

.md12516.md-join-2.show { display: block; }

.md12516.md-join-2 .mask { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background: #000; opacity: 0.7; }

.md12516.md-join-2 .close { position: absolute; right: -0.42rem; top: -.31rem; width: .42rem; color: #fff; opacity: .4; padding: 0; border: none; background: transparent; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md12516.md-join-2 .close:hover { opacity: 1; }

.md12516.md-join-2 .main { position: fixed; left: 50%; top: 50%; z-index: 21; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10rem; max-width: 90%; max-height: 90vh; background-color: #fff; border-radius: .2rem; padding: .5rem; padding-top: 0.54rem; padding-bottom: 0.4rem; }

.md12516.md-join-2 .form { margin-top: .24rem; }

.md12516.md-join-2 .form-item { margin-bottom: .2rem; }

.md12516.md-join-2 .form-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.md12516.md-join-2 .form .btn { min-width: 1.6rem; height: .56rem; min-height: 35px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; border: none; border-radius: 0.08rem; cursor: pointer; margin-bottom: 0.2rem; margin-right: 0.1rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md12516.md-join-2 .form .btn:last-of-type { margin-right: 0; }

.md12516.md-join-2 .form .btn-1 { background: #cccccc; }

.md12516.md-join-2 .form .btn-1:hover { background: #aaa; }

.md12516.md-join-2 .form .btn-2 { background: #e6222a; }

.md12516.md-join-2 .form .btn-2:hover { background: #c41d24; }

.md12516.md-join-2 .m-input { display: block; width: 100%; height: 0.56rem; min-height: 35px; background-color: #f5f5f5; border-radius: 0.08rem; border: solid 0.01rem #eeeeee; padding: 0 .2rem; }

.md12516.md-join-2 .m-input::-webkit-input-placeholder { color: #666; }

.md12516.md-join-2 .m-input:-ms-input-placeholder { color: #666; }

.md12516.md-join-2 .m-input::-ms-input-placeholder { color: #666; }

.md12516.md-join-2 .m-input::placeholder { color: #666; }

.md12516.md-join-2 .m-upload__panel { height: 2.33rem; border-radius: 0.08rem; border: dashed 0.01rem #e5e5e5; padding: .2rem; padding-top: .16rem; position: relative; }

.md12516.md-join-2 .m-upload__panel.over { border-color: #e6222a; }

.md12516.md-join-2 .m-upload__icon { width: .5rem; margin-left: auto; margin-right: auto; margin-top: .21rem; }

.md12516.md-join-2 .m-upload__tips { margin-top: .18rem; }

.md12516.md-join-2 .m-upload__input { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; opacity: 0; cursor: pointer; }

.md12516.md-join-2 .m-upload__file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: .56rem; min-height: 35px; background-color: #f5f5f5; border-radius: 0.08rem; border: solid 0.01rem #eeeeee; padding: .1rem .2rem; margin-top: .1rem; display: none; }

.md12516.md-join-2 .m-upload__file .tx { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md12516.md-join-2 .m-upload__file .delete { width: 0.3rem; cursor: pointer; }

@media (max-width: 900px) { .md12516.md-join-2 .close { right: 50%; top: 100%; -webkit-transform: translate(50%, 0.2rem); -ms-transform: translate(50%, 0.2rem); transform: translate(50%, 0.2rem); width: .6rem; opacity: .8; } }

@media (max-width: 500px) { .md12516.md-join-2 .m-input { height: .8rem; min-height: auto; } }

.m-pages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.m-pages .item { min-width: 0.46rem; height: 0.46rem; line-height: 0.46rem; border-radius: 0.46rem; padding: 0 .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-right: .08rem; }

.m-pages .item:last-child { margin-right: 0; }

.m-pages .item:hover { color: #e6222a; }

.m-pages .on { background: #e6222a; color: #fff; }

.m-pages .disabled { pointer-events: none; }

.m-pages .prev, .m-pages .next { background-position: center; background-repeat: no-repeat; background-size: 8px; }

.m-pages .prev.disabled, .m-pages .next.disabled { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .3; }

.m-pages .prev { background-image: url(/static/home/images/i-left.svg); }

.m-pages .next { background-image: url(/static/home/images/i-right.svg); }

@media (max-width: 1400px) { .m-pages .item { min-width: 30px; height: 30px; line-height: 30px; line-height: 30px; }
  .m-pages .prev, .m-pages .next { background-size: 6px; } }