.banner { height: 26.25rem; background: url(https://xiaoyidushu.oss-cn-zhangjiakou.aliyuncs.com/huiwen/common/banner-2.png) no-repeat; text-align: center; line-height: 26.25rem; font-size: 3.125rem; color: #fff; font-weight: 600; } .branch-title-box { position: relative; height: 11.6875rem; padding-top: 4.625rem; background-color: #fff; } .branch-title-number { position: absolute; top: 2.222222rem; left: 22.222222rem; width: 9.25rem; height: 5.25rem; } .branch-title { font-size: 2.222222rem; font-weight: 600; color: #333; margin-bottom: 1.875rem; } .branch-explain { display: inline-block; width: 57rem; font-size: 1.25rem; font-weight: 400; color: #888; } .library { width: 100%; } .qrcode { display: flex; justify-content: center; height: 26rem; background-color: #fff; } .qrcode-title { font-size: 3.125rem; font-weight: 600; color: #333; line-height: 26rem; margin-right: 12.222222rem; } .qrcode .qrcode-item { display: flex; flex-direction: column; align-items: center; width: 12.222222rem; margin-top: 5rem; } .qrcode .qrcode-item span { font-size: 1.25rem !important; color: #333; margin-top: 1.875rem; } @media screen and (max-width: 750px) { html { font-size: 0.5rem; } #pc { display: none; } #mobile { display: block; } .huiben, .tushu { padding-top: 2rem; box-sizing: border-box; height: 34rem; background: url(https://xiaoyidushu.oss-cn-zhangjiakou.aliyuncs.com/huiwen/xiaochengxu/tushu.png) no-repeat bottom; background-size: contain; } .huiben span, .tushu span { display: inline-block; width: 32%; min-width: 32%; max-width: 32%; color: #4190f6; height: 3.125rem; text-align: center; line-height: 3.125rem; } .huiben { background: url(https://xiaoyidushu.oss-cn-zhangjiakou.aliyuncs.com/huiwen/xiaochengxu/huiben.png) no-repeat bottom; background-size: contain; } .huiben span { color: #ffba00; } .qrcode-item { width: 40vw; margin-top: 3rem !important; } .qrcode-item img { width: 100%; } }