body{font-family:"Microsoft YaHei";background:#fff}font-size: 20px{margin:0 auto}@media screen and (min-width:1200px){html,body{width:100%;height:100%}.qrCodeBox{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,0.3);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.qrCodeBox .box{width:400px;height:400px;position:relative;background-color:#fff;border-radius:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.qrCodeBox .box .qrcodeTitle{font-size:22px}.qrCodeBox .box .qrcodeText{color:#777}.qrCodeBox .box .close{position:absolute;top:10px;right:10px;}.qrCodeBox .box .close img{width:32px;height:32px}.qrCodeBox .box .qrcode{width:100%;text-align:center;margin:20px;}.qrCodeBox .box .qrcode img{width:150px;height:150px;margin:0 auto}.no{width:100%;margin:50px auto;text-align:center;}.no img{width:400px;height:auto}.no p{padding:20px 0;font-size:16px !important}.content{max-width:1200px;min-width:900px;text-align:center;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.content .header{width:1200px;height:480px;background-image:url("../imgs/bg-img.png");background-size:cover;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;}.content .header .title,.content .header .erCodeBox{width:50%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.content .header .title .name,.content .header .erCodeBox .name{font-size:100px;letter-spacing:10px;font-weight:lighter;margin-bottom:28px}.content .header .title .describe,.content .header .erCodeBox .describe{font-size:20px;letter-spacing:2px;margin-bottom:50px}.content .header .title .createBtn,.content .header .erCodeBox .createBtn{width:240px;height:50px;font-size:20px;letter-spacing:2px;line-height:50px;background-color:#f56250;border-radius:25px;cursor:pointer}.content .header .ercodeBg{width:400px;height:360px;background:rgba(255,255,255,0.25);border-radius:2px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.content .header .ercodeBg .erCode{width:180px;height:180px;}.content .header .ercodeBg .erCode img{width:100%;height:auto}.content .header .ercodeBg .codeText{font-size:16px;letter-spacing:2px;margin:20px 0 50px}.content .header .ercodeBg .number{font-size:14px;letter-spacing:-1px}.content .banner{max-width:1200px;height:auto;padding:30px 0}.content .tablist{position:relative;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1200px;padding:10px 0;background:#fff;}.content .tablist .tabBox{color:#010101;font-size:20px;line-height:38px;letter-spacing:2px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;cursor:pointer;}.content .tablist .tabBox .tabitem{margin:0 20px;padding:5px 22px;border-radius:100px}.content .tablist .tabBox .active{background-color:#f56250;color:#fff}.content .listBox{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.content .listBox .libItem{margin:5px;background:#fff;border:1px solid #ededed;padding:15px;}.content .listBox .libItem .picture{width:256px;height:174px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}.content .listBox .libItem .picture img{width:100%;height:auto}.content .listBox .libItem .libName{width:100%;max-width:256px;text-align:left;margin:15px 0;font-size:20px;letter-spacing:2px}.content .listBox .libItem .libInfo,.content .listBox .libItem .user{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:256px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#545454;}.content .listBox .libItem .libInfo span,.content .listBox .libItem .user span{max-width:120px}.content .listBox .libItem .libInfo .bookNum,.content .listBox .libItem .user .bookNum{max-width:90px}.content .listBox .libItem .libInfo img,.content .listBox .libItem .user img{width:35px;height:35px;border:solid 1px #ededed;border-radius:50%;margin-right:12px}.content .otherTip{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.content .otherTip .default{width:100%;padding:30px;text-align:center;}.content .otherTip .default img{width:300px;height:auto}.content .otherTip .tips{padding:10px 0 20px;font-size:16px;color:#808080}}@media screen and (max-width:1200px){.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0 !important}.weui-toast{width:2.6rem !important;min-height:2.6rem !important;margin-left:-1.3rem !important;font-size:.3rem !important}html,body{font-family:"Microsoft YaHei";font-size:50px;margin:0 auto;}html .qrCodeBox,body .qrCodeBox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:999;}html .qrCodeBox .box,body .qrCodeBox .box{width:56%;top:50%;left:50%;margin-top:-25%;margin-left:-25%;max-width:300px;padding:.3rem 0;position:relative;background-color:#fff;border-radius:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}html .qrCodeBox .box .close,body .qrCodeBox .box .close{position:absolute;top:.1rem;right:.1rem;width:.32rem;height:.32rem;}html .qrCodeBox .box .close img,body .qrCodeBox .box .close img{width:.32rem;height:.32rem;float:left}html .qrCodeBox .box .qrcodeTitle,body .qrCodeBox .box .qrcodeTitle{font-size:.3rem}html .qrCodeBox .box .qrcodeText,body .qrCodeBox .box .qrcodeText{font-size:.24rem;color:#808080}html .qrCodeBox .box .qrcode,body .qrCodeBox .box .qrcode{width:100%;text-align:center;margin:20px;}html .qrCodeBox .box .qrcode canvas,body .qrCodeBox .box .qrcode canvas{width:120px;height:120px;z-index:-1}html .qrCodeBox .box .qrcode img,body .qrCodeBox .box .qrcode img{width:120px;height:120px;margin:0 auto}html .no,body .no{width:100%;margin:50px auto;text-align:center;}html .no img,body .no img{width:60%;height:auto}html .no p,body .no p{padding:20px 0}html .content,body .content{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;}html .content .header,body .content .header{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background-image:url("../imgs/bg-img.png");background-size:cover;color:#fff;}html .content .header .title,body .content .header .title{padding:.6rem 0;text-align:center;font-weight:lighter;}html .content .header .title .name,body .content .header .title .name{font-size:.8rem;letter-spacing:8px}html .content .header .title .describe,body .content .header .title .describe{font-size:.24rem;letter-spacing:2px;margin:20px 0 45px}html .content .header .title .createBtn,body .content .header .title .createBtn{font-size:.28rem;letter-spacing:3px;padding:10px 30px;background-color:#f56250;width:2.2rem;margin:0 auto;border-radius:50px}html .content .erCodeBox,body .content .erCodeBox{display:none}html .content .banner,body .content .banner{width:100%;padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;}html .content .banner img,body .content .banner img{width:100%;height:auto}html .content .tablist,body .content .tablist{width:100%;padding:10px 0;overflow:scroll;position:relative;top:0;left:0;background:#fff;outline:1px solid #ebebeb;}html .content .tablist .tabBox,body .content .tablist .tabBox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;}html .content .tablist .tabBox .tabitem,body .content .tablist .tabBox .tabitem{display:inline-block;font-size:.3rem;margin:0 10px;padding:5px 10px}html .content .tablist .tabBox .active,body .content .tablist .tabBox .active{background:#f56250;border-radius:50px;color:#fff}html .content .listBox,body .content .listBox{padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;}html .content .listBox .libItem,body .content .listBox .libItem{border:1px solid #ededed;margin:10px 0;padding:10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}html .content .listBox .libItem .picture,body .content .listBox .libItem .picture{width:2.65rem;height:2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;overflow:hidden;}html .content .listBox .libItem .picture img,body .content .listBox .libItem .picture img{width:100%;height:auto}html .content .listBox .libItem .libItemBox,body .content .listBox .libItem .libItemBox{width:55%;margin-left:10px;}html .content .listBox .libItem .libItemBox .libName,body .content .listBox .libItem .libItemBox .libName{font-size:.34rem;line-height:.38rem;letter-spacing:3px;color:#000}html .content .listBox .libItem .libItemBox .libInfo,body .content .listBox .libItem .libItemBox .libInfo{font-size:.24rem;color:#545454;}html .content .listBox .libItem .libItemBox .libInfo .user,body .content .listBox .libItem .libItemBox .libInfo .user{margin:10px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}html .content .listBox .libItem .libItemBox .libInfo .user img,body .content .listBox .libItem .libItemBox .libInfo .user img{width:.5rem;height:.5rem;border-radius:50%;border:1px solid #ededed;margin-right:5px}html .content .otherTip,body .content .otherTip{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}html .content .otherTip .default,body .content .otherTip .default{width:100%;padding:30px;text-align:center;}html .content .otherTip .default img,body .content .otherTip .default img{width:4rem;height:auto}html .content .otherTip .tips,body .content .otherTip .tips{padding:0 0 20px;font-size:.25rem;color:#808080}}