* { -webkit-tap-highlight-color: transparent; -webkit-appearance: none; }
@font-face { font-family: "AliHYAiHei"; src: url("img/regular.ttf") format("truetype"); font-style: normal; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, article, aside, header, footer, nav, dialog, figure, menu, hgroup { margin: 0; padding: 0; border: 0; font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Arial, sans-serif; }
html { -webkit-text-size-adjust: none; }
body { font-size: 12px; color: #333; font-family: AliHYAiHei; }
input, textarea, button { resize: none; -webkit-appearance: value; }
img { border: none; display: block; max-width: 100%; height: auto; }
ul, li { list-style: none; }
a { text-decoration: none; color: #333; display: block; }
a:hover { outline: none; text-decoration: none; }
a:focus { outline: none; }
h1, h2 { font-weight: normal; }
input:focus, textarea:focus, button { outline: none; -webkit-appearance: none; }
em, i { font-style: normal; }
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
#nav { background: #fff; position: sticky; top: 0; left: 0; z-index: 9999; width: 100%; transition: all .2s ease-in; }
.headerSticky { background: #fff !important;  /* position: sticky !important;
      top: 0 !important;
      left: 0 !important;
      z-index: 9 !important;
      width: 100% !important; */ transition: all .2s ease-in; }
#nav .content { width: 80vw; height: 5.6vw; margin: auto; display: flex; align-items: center; }
#nav .content .logo { flex: 0 0 8.5vw; }
#nav .content .logo .img { width: 8.5vw; }
#nav .content .navBox { margin-left: auto; display: flex; align-items: center; }
#nav .content .navBox .item { font-size: .95vw; color: #000; margin-left: 5.5vw; text-decoration: none; font-weight: 500; line-height: 5.6vw; position: relative; }
#nav .content .navBox .item .itemShow { position: absolute; background-color: #fff; width: 8vw; left: -2vw; text-align: center; top: 5.6vw; display: none; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.09); border-radius: 4px; }
#nav .content .navBox .item .itemShow .items { font-size: 1vw; padding: 1vw 0; line-height: 1; border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
#nav .content .navBox .item .itemShow .items:last-child { border-bottom: none; }
#nav .content .navBox .item:hover .itemShow { display: block; }
#nav .content .navBox .item .itemShow .items:hover { color: #005CE6; }
#nav .content .navBox .active { color: #005CE6; }
.indexHead .logoimg { display: none; }
.headerSticky .logoimg { display: block; }
.headerSticky .logoimg2 { display: none; }
#navIndex { background: #fff; position: fixed; top: 0; left: 0; z-index: 9999999; width: 100%; transition: all .2s ease-in; }
#navIndex .content { width: 80vw; height: 5vw; margin: auto; display: flex; align-items: center; }
#navIndex .content .logo { flex: 0 0 8.5vw; }
#navIndex .content .logo .img { width: 8.5vw; }
#navIndex .content .navBox { margin-left: auto; display: flex; align-items: center; }
#navIndex .content .navBox .item { font-size: .95vw; color: #333; text-decoration: none; font-weight: 500; line-height: 5vw; position: relative; padding: 0 2.5vw; }
#navIndex .content .navBox .item:hover { color: #005CE6 !important; background-color: rgb(0 92 230 / 8%); position: relative; }
#navIndex .content .navBox .item:hover::after { content: ''; position: absolute; width: 100%; height: .1vw; background-color: #005CE6; top: 0; left: 0; }
#navIndex .content .navBox .item .itemShow { position: absolute; background-color: #fff; width: 100%; left: 0; text-align: center; top: 5vw; display: none; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.09); border-radius: 4px; }
#navIndex .content .navBox .item .itemShow .items { font-size: 1vw; padding: 1vw 0; line-height: 1; border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
#navIndex .content .navBox .item .itemShow .items:last-child { border-bottom: none; }
#navIndex .content .navBox .item:hover .itemShow { display: block; }
#navIndex .content .navBox .item .itemShow .items:hover { color: #005CE6; }
.headerSticky .content .navBox .item { color: #000 !important; }
#navIndex .content .navBox .active { color: #005CE6 !important; background-color: rgb(0 92 230 / 8%); position: relative; }
#navIndex .content .navBox .active::after { content: ''; position: absolute; width: 100%; height: .1vw; background-color: #005CE6; top: 0; left: 0; }
.pagebar {
  width: 80vw;
  margin-top: 100px;
  padding: 2vw 0
}

.pagebar .pagination {
  display: flex;
  justify-content: center
}

.pagebar .pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.4vw;
  height: 2.4vw;
  margin: 0 10px;
  text-align: center;
  line-height: 2.4vw;
  text-align: center;
  font-size: 1vw;
  font-family: "Inter";
  box-sizing: border-box;
  text-decoration: none;
  border-radius: 100%;
  transition: all .3s ease-out 0s
}

.pagebar .pagination a img{ width: 1vw; height: 1vw; margin: auto; display: block; }

.pagebar .pagination a.page-size {
  font-size: 1vw;
  font-family: "Microsoft YaHei"
}

.pagebar .pagination .d-none {
  display: none;
}

.pagebar .pagination a.page-size:hover {
  color: #005CE6
}

.pagebar .pagination a.page-num-current, .pagebar .pagination a.page-num:hover {
  color: #fff;
  background: #005CE6
}

.pageno {
  padding: 20px 0;
  text-align: center;
  font-size: 1vw;
  color: #999
}

/*.pagination { width: 80vw; margin: auto; display: flex; align-items: center; justify-content: center; padding: 2vw 0; font-size: 1vw; }
.pagination .iBox { display: flex; align-items: center; }
.pagination .iBox .n { margin: 0 10px; width: 2vw; height: 2vw; text-align: center; line-height: 2vw; border: 1px solid rgba(229, 229, 229, 1); cursor: pointer; border-radius: 4px; }
.pagination .iBox .active { margin: 0 10px; width: 2vw; height: 2vw; text-align: center; line-height: 2vw; background: #005CE6; color: #fff; border: 1px solid #005CE6; cursor: pointer; border-radius: 4px; }
.pagination  .i { margin: 0 .9vw; width: 2vw; height: 2vw; border: 1px solid rgba(229, 229, 229, 1); cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 4px; }
.pagination  .i img { width: 1vw; height: 1vw; margin: auto; display: block; }*/
.myfooter { background-color: #002E74; }
.footer { background-color: #002E74; height: 100%; padding-bottom: 1vw; }
.footer .content { width: 80vw; margin: auto; }
.footer .content .logo { padding: 2vw 0; }
.footer .content .logo .img { width: 8.5vw; }
.footer .content .itemBox { display: flex; padding-bottom: 1.4vw; }
.footer .content .itemBox .left { display: flex; flex: 1; margin-right: 2vw; }
.footer .content .itemBox .left .block { padding-right: 4.5vw; position: relative; }
.footer .content .itemBox .left .block::after { content: ''; position: absolute; right: 2.4vw; top: 40%; transform: translate(0, -50%); width: 1px; height: 50%; background-color: rgba(255, 255, 255, 0.2); }
.footer .content .itemBox .left .block:last-child { padding-right: 0; }
.footer .content .itemBox .left .block:last-child::after { display: none; }
.footer .content .itemBox .left .block .lable { color: #fff; font-size: 1vw; margin-bottom: 1.45vw; }
.footer .content .itemBox .left .block .text { display: flex; padding-bottom: .5vw; }
.footer .content .itemBox .left .block .text2 { align-items: center; }
.footer .content .itemBox .left .block .iPhone { height: 1.55vw; }
.footer .content .itemBox .left .block .text .iocn { flex: 0 0 1vw; width: 1vw; height: 1vw; }
.footer .content .itemBox .left .block .text .t { flex: 1; margin-left: 4px; font-size: 0.7vw; color: rgba(255, 255, 255, 0.6); }
.footer .content .itemBox .right { margin-left: auto; display: flex; width: 25vw; justify-content: flex-end; }
.footer .content .itemBox .right .block { margin-right: 2vw; }
.footer .content .itemBox .right .block:last-child { margin-right: 0; }
.footer .content .itemBox .right .block .item { color: #fff; font-size: .83vw; margin-bottom: 1.25vw; color: rgba(255, 255, 255, 0.6); }
.footer .content .record { color: rgba(255, 255, 255, 0.6); font-size: .72vw; display: flex; align-items: center; }
.footer .content .record a { color: rgba(255, 255, 255, 0.6); display: inline-block; }
.footer .content .record .codeBox { display: flex; align-items: center; margin-left: auto; width: 15vw; justify-content: center; }
.footer .content .record .codeBox .item { margin-left: 1.5vw; }
.footer .content .record .codeBox .img { margin: auto; width: 5vw; height: 5vw; }
.footer .content .record .codeBox .t { margin-top: 1vw; text-align: center; font-size: .83vw; }
.zanwei { height: 120px; }
[v-cloak] { display: none; }
.pc { display: block; }
.h5 { display: none; }
.zixinDivBox { position: fixed; width: 100%; height: 100; top: 0; left: 0; z-index: 9999; }
.zixinDivBox .bg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; background-color: rgba(000, 000, 000, .3); }
.zixinDivBox  .conentBox { position: fixed; width: 55vw; transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 10000; background-color: #fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; padding: 2vw; }
.zixinDivBox  .conentBox .titleBox .t { font-size: 1.4vw; color: #040D14; text-align: center; font-weight: 700; }
.zixinDivBox  .conentBox .titleBox .l { width: 2vw; height: 2px; background: #005CE6; margin: .8vw auto auto auto; }
.zixinDivBox .conentBox .close { position: absolute; width: 1.2vw; top: 0; right: -2vw; z-index: 1000; cursor: pointer; }
.zixinDivBox .conentBox  .formBox { margin-top: 3vw; padding-left: 1vw; }
.zixinDivBox .conentBox  .formBox .list { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2vw; }
.zixinDivBox .conentBox  .formBox .list .item { display: flex; align-items: center; flex: 1; }
.zixinDivBox .conentBox  .formBox .list .item .lable { font-size: .8vw; }
.zixinDivBox .conentBox  .formBox .list .item .lable span { color: red; }
.zixinDivBox .conentBox  .formBox .list .item .inputBox { display: flex; flex: 1; }
.zixinDivBox .conentBox  .formBox .list .item .input { flex: 1; position: relative; text-align: left; display: flex; }
.zixinDivBox .conentBox  .formBox .list .item .input input { border: 1px solid #979797; height: 2vw; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-size: .8vw; padding: 0 1vw; margin: 0 1vw; flex: 1; }
.zixinDivBox .conentBox  .formBox .list .selectT { border: 1px solid #979797; height: 2vw; line-height: 2vw; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-size: .8vw; padding: 0 1vw; color: #777; position: relative; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; flex: 1; margin: 0 1vw; }
.zixinDivBox .conentBox  .formBox .list .selectT::after { content: ''; background-image: url('img/ico_left1.png'); background-size: 100% 100%; width: 1vw; height: 1vw; position: absolute; right: .5vw; top: .6vw; transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transition: all .5s; }
.zixinDivBox .conentBox  .formBox .list .zhuan .selectT::after { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transition: all .5s; }
.zixinDivBox .conentBox  .formBox .list .selectList { position: absolute; left: 1vw; top: 2.1vw; height: 15vw; overflow-y: scroll; background-color: #fff; border: 1px solid #979797; border-top: none; width: calc(100% - 2.1vw); z-index: 999; }
.zixinDivBox .conentBox  .formBox .list .selectList .i { font-size: .8vw; padding: .5vw 1vw; }
.zixinDivBox .conentBox  .formBox .list .input2 { display: flex; flex: 1; position: relative; padding-right: 1vw; }
.zixinDivBox .conentBox  .formBox .list .textarea { flex: 1; height: 6vw; padding: 1vw; font-size: .8vw; }
.zixinDivBox .conentBox  .formBox .btn { width: 6vw; height: 2.5vw; background: #005CE6; box-shadow: 0px 0px 20px 0px rgba(51, 122, 191, 0.33); margin: auto; font-size: 1vw; color: #fff; line-height: 2.5vw; text-align: center; }
.noData { padding: 30px 0; font-size: 13px; color: #A4A9B1; text-align: center; margin: auto; }
.noData .icon { margin: 0 auto 20px auto; }
@media screen and (max-width:1024px) {
  .pc { display: none; }
  .h5 { display: block; }
  #nav .content { width: auto; }
  .bannerBox .content { width: 100%; }
  .mainBox .content { width: 100%; }
  .pagebar { width: 100%; padding: .3rem 0; }
  .pagebar .pagination a { min-width: .6rem; height: .6rem; margin: 0 10px; line-height: .6rem; font-size: .24rem; }
  .pagebar .pagination a img { width: .24rem; height: .24rem; }
  .pagebar .pagination a.page-size { font-size: .24rem; }
  /*.pagination { width: 100%; padding: .3rem 0; }
  .pagination .iBox .n { width: .6rem; height: .6rem; line-height: .6rem; font-size: .24rem; }
  .pagination .i { width: .6rem; height: .6rem; }
  .pagination .i img { width: .24rem; height: .24rem; }*/
  .footer .addressBox .content { width: 100%; }
  .footer .companyBox .content { width: 100%; }
  .footer .addressBox .content .listBox { display: block; }
  .footer .addressBox .content .listBox .item { display: block; }
  .footer .addressBox .content .listBox .item .infoGongs { display: flex; align-items: center; margin-bottom: .28rem; justify-content: center; }
  .footer .addressBox .content .listBox { height: auto; padding: .6rem .3rem .0rem .3rem }
  .footer .addressBox .content .listBox .item .info { margin-left: 0; }
  .footer .addressBox .content .listBox .item .ico_building { width: .24rem; height: .24rem; }
  .footer .addressBox .content .listBox .item .n { font-size: .28rem; }
  .footer .addressBox .content .listBox .item .info .i { font-size: .24rem; margin-bottom: .2rem; justify-content: center; }
  .footer .addressBox .content .listBox .item .info .i>img { width: .22rem; height: .22rem; }
  .footer .addressBox .content .listBox .line { height: .7rem; width: 100%; background-color: transparent; }
  .footer .companyBox .content { display: block; }
  .footer .companyBox .content .left { display: none; }
  .footer .companyBox { padding: .3rem; }
  .footer .companyBox .content .left .list { border-bottom: solid 1px rgba(68, 68, 82, 0.07); margin-bottom: .3rem; }
  .footer .companyBox .content .left .list .title { font-size: .3rem; margin-bottom: .24rem; }
  .footer .companyBox .content .left .list .aList { display: flex; }
  .footer .companyBox .content .left .list .a { font-size: .26rem; margin-right: .32rem; margin-bottom: .32rem; }
  .footer .companyBox .content .right { padding-bottom: .3rem; border-bottom: solid 1px rgba(68, 68, 82, 0.07); }
  .footer .companyBox .content .right .item>img { margin: auto; width: 1.54rem; height: 1.54rem; }
  .footer .companyBox .content .right .item .t { font-size: .20rem; margin-top: .1rem; }
  .footer .companyBox .banquan { font-size: .24rem; padding: .3rem 0 0 0; }
  #nav { position: fixed !important; background-color: #fff !important; }
  #nav .content { height: 1rem; padding: 0 .3rem; }
  #nav .content .logo { flex: 0 0 2.28rem; }
  #nav .content .logo .img { width: 100%; }
  #nav .content .anniu { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: .48rem; height: .4rem; margin-left: auto; }
  #nav .content .anniu .line { width: .48rem; height: 2px; background-color: #444452; transition: all 0.3s; position: relative; }
  #nav .content .open .two { display: none; }
  #nav .content .open .one { transform: rotate(45deg); top: .2rem; }
  #nav .content .open .three { transform: rotate(-45deg); top: -.16rem; }
  #nav .mbHeader .mbNavBox { position: fixed; width: 100%; background-color: #fff; height: calc(100vh - 1rem); transition: all 0.3s; transform: translateX(100%); }
  #nav .mbHeader .mbNavBox .navBox { padding: .3rem; }
  #nav .mbHeader .mbNavBox .navBox .item { font-size: .28rem; padding: .4rem 0; border-bottom: solid 1px #E3E4E6; }
  #nav .mbHeader .open { transform: translateX(0); }
  #nav .mbHeader .mbNavBox .navBox .active { color: #005CE6; }
  #navIndex { position: fixed !important; background-color: transparent; }
  #navIndex .content { height: 1rem; padding: 0 .3rem; width: auto; }
  #navIndex .content .logo { flex: 0 0 2.28rem; }
  #navIndex .content .logo .img { width: 100%; }
  #navIndex .content .anniu { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: .48rem; height: .4rem; margin-left: auto; }
  #navIndex .content .anniu .line { width: .48rem; height: .04rem; background-color: #fff; transition: all 0.3s; position: relative; }
  #navIndex .content .open .two { display: none; }
  #navIndex .content .open .one { transform: rotate(45deg); top: .2rem; }
  #navIndex .content .open .three { transform: rotate(-45deg); top: -.16rem; }
  #navIndex .mbHeader .mbNavBox { position: fixed; width: 100%; background-color: #fff; height: calc(100vh - 1rem); transition: all 0.3s; transform: translateX(100%); }
  #navIndex .mbHeader .mbNavBox .navBox { padding: .3rem; }
  #navIndex .mbHeader .mbNavBox .navBox .item { font-size: .28rem; padding: .4rem 0; border-bottom: solid 1px #E3E4E6; }
  #navIndex .mbHeader .open { transform: translateX(0); }
  #navIndex .mbHeader .mbNavBox .navBox .active { color: #005CE6; }
  .footer .addressBox .content .listBox .item:last-child .line { display: block; }
  .zixinDivBox .conentBox { width: 90vw; }
  .zixinDivBox  .conentBox .titleBox { margin-top: .6rem; }
  .zixinDivBox  .conentBox .titleBox .t { font-size: .38rem; }
  .zixinDivBox  .conentBox .titleBox .e { font-size: .24rem; margin: .2rem 0; }
  .zixinDivBox .conentBox .close { width: .4rem; top: 0.3rem; right: 0.3rem; }
  .zixinDivBox .conentBox .formBox .list { flex-direction: column; align-items: flex-start; margin-bottom: 0; }
  .zixinDivBox .conentBox .formBox .list .item { flex-direction: column; align-items: flex-start; width: 100%; margin-bottom: .5rem; }
  .zixinDivBox .conentBox .formBox .list .item .input { width: 100%; }
  .zixinDivBox .conentBox .formBox .list .item .lable { font-size: .24rem; margin-bottom: .3rem; }
  .zixinDivBox .conentBox .formBox .list .item .input input { height: .6rem; margin: 0; padding: 0 .3rem; font-size: .24rem; }
  .zixinDivBox .conentBox .formBox .list .item .inputBox { flex-wrap: wrap; justify-content: space-between; width: 100%; }
  .zixinDivBox .conentBox .formBox .list .item .inputBox .selectT { height: .6rem; margin: 0; padding: 0 .3rem; line-height: .6rem; font-size: .24rem; }
  .zixinDivBox .conentBox .formBox .list .item .inputBox .input { flex: 0 0 48%; margin-bottom: .3rem; font-size: .24rem; }
  .zixinDivBox .conentBox .formBox .list .item .inputBox .input:last-child { margin-bottom: 0; }
  .zixinDivBox .conentBox .formBox .list .selectT::after { width: .3rem; height: .3rem; right: 0.15rem; top: 0.15rem; }
  .zixinDivBox .conentBox .formBox .list .input2 { width: 100%; }
  .zixinDivBox .conentBox .formBox .list .textarea { height: 1rem; padding: .3rem; font-size: .24rem; }
  .zixinDivBox .conentBox .formBox .btn { width: 100%; height: .7rem; line-height: .7rem; font-size: .28rem; margin-bottom: .3rem; }
  .zixinDivBox .conentBox .formBox .list .selectList { position: absolute; left: 0; top: .6rem; height: 3rem; overflow-y: scroll; background-color: #fff; border: 1px solid #979797; border-top: none; width: calc(100% - 2px); z-index: 999; }
  .zixinDivBox .conentBox .formBox .list .selectList .i { font-size: .24rem; padding: 0.1rem 0.3rem; }
  #navIndex .mbHeader .mbNavBox .navBox .item .itemChild { display: none; margin-top: .4rem; }
  #navIndex .mbHeader .mbNavBox .navBox .item .itemChild .items { font-size: .26rem; line-height: .8rem; text-indent: .54rem; }
  #navIndex .mbHeader .mbNavBox .navBox .item .itemTT { display: flex; align-items: center; }
  #navIndex .mbHeader .mbNavBox .navBox .item .itemTT .more { margin-left: auto; width: .22rem; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; }
  #navIndex .mbHeader .mbNavBox .navBox .item .openT { display: block; }
  #navIndex .mbHeader .mbNavBox .navBox .item .itemTT .moreT { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
  #navIndex .active2 { color: #005CE6; }
  .footer .content .itemBox { flex-direction: column; }
  .footer .content { width: auto; padding: 0 .32rem; }
  .footer .content .logo { padding: .8rem 0; }
  .footer .content .logo .img { width: 2.8rem; }
  .footer .content .itemBox .left { flex-direction: column; margin: 0; }
  .footer .content .itemBox .left .block { padding: 0; margin-bottom: .7rem; }
  .footer .content .itemBox .left .block::after { display: none; }
  .footer .content .itemBox .left .block .lable { font-size: .3rem; margin-bottom: .3rem; }
  .footer .content .itemBox .left .block .text { margin-bottom: .12rem; }
  .footer .content .itemBox .left .block .text .t { font-size: .26rem; }
  .footer .content .itemBox .left .block .text .iocn { width: .28rem; flex: 0 0 .28rem; height: .28rem; }
  .footer .content .itemBox .right { margin-left: 0; width: auto; justify-content: unset; }
  .footer .content .itemBox .right .block { margin-right: .4rem; }
  .footer .content .itemBox .right .block .item { margin-bottom: .6rem; font-size: .28rem; }
  .footer .content .record { flex-direction: column-reverse; }
  .footer .content .record .codeBox { margin: 0; justify-content: center; width: auto; }
  .footer .content .record .codeBox .item { margin: 0 .5rem; }
  .footer .content .record .codeBox .img { width: 2.4rem; height: 2.4rem; }
  .footer .content .record .codeBox .t { font-size: .24rem; margin-top: .1rem; }
  #Copyright { font-size: .24rem; text-align: center; padding: .7rem 0; }
  .footer .content .itemBox .left .block .iPhone { height: auto; width: 2.2rem; }
}