2 lines
7.7 KiB
CSS
2 lines
7.7 KiB
CSS
.user{box-sizing:border-box;padding-top:5vh;width:100%;height:58%}.user .btn{color:#fff}.storeNum{width:100%;height:42%;box-sizing:border-box;overflow:hidden}.storeNum .townList{height:5vh;display:flex;flex-wrap:wrap;box-sizing:border-box;padding:.05208rem;padding-bottom:0}.page-num{padding:0 .02604rem;margin-right:.02604rem;border:#2A538D .00521rem solid;cursor:pointer;position:relative;font-size:.0625rem}.product-list{height:70%;display:flex;justify-content:space-between;position:relative}.product-list .product{height:100%;width:32%;position:relative}.product-list .product .bg{display:flex;justify-content:space-around;position:absolute;height:100%;width:100%}.product-list .product .product-content{color:#fff;text-align:center;font-size:12PX}.product-list .product-icon{width:2vw;height:2vw;position:absolute;animation:jump 1s infinite;top:2vh}.Views{margin-top:2%;height:25%;width:100%;box-sizing:border-box;position:relative;color:#fff;font-size:.0625rem}.Views .view-content{display:flex;height:100%;width:100%;align-items:center;justify-content:space-around}.bubble{width:.02604rem;height:.02604rem;background-color:#fff;position:absolute;border-radius:50%;top:7vh;animation-name:bubbleAnimation;animation-duration:1s;animation-iteration-count:infinite}.bubble1{width:.02604rem;height:.02604rem;background-color:#fff;position:absolute;border-radius:50%;top:7vh;left:6.5vw;animation-name:bubbleAnimation;animation-duration:1.5s;animation-iteration-count:infinite}.bubble2{width:.02604rem;height:.02604rem;background-color:#fff;position:absolute;border-radius:50%;top:7vh;left:8.5vw;animation-name:bubbleAnimation;animation-duration:1.25s;animation-iteration-count:infinite}@keyframes bubbleAnimation{0%{top:7vh;transform:scale(0)}25%{top:6.5vh;opacity:1;transform:scale(.55)}50%{top:6vh;opacity:1;transform:scale(.5)}75%{transform:scale(1);top:5vh;opacity:1}to{top:4vh;opacity:0}}@keyframes bubbleAnimation1{0%{top:7vh;transform:scale(0)}25%{top:6.5vh;opacity:1;transform:scale(.55)}50%{top:6vh;opacity:1;transform:scale(.5)}75%{transform:scale(1);top:5vh;opacity:1}to{top:4vh;opacity:0}}@keyframes bubbleAnimation2{0%{top:7vh;transform:scale(0)}25%{top:6.5vh;opacity:1;transform:scale(.55)}50%{top:6vh;opacity:1;transform:scale(.5)}75%{transform:scale(1);top:5vh;opacity:1}to{top:4vh;opacity:0}}.user{box-sizing:border-box;padding-top:5vh;width:100%;height:57%}.user .btns{color:#fff;display:flex;justify-content:flex-end}.user .btns .btn{margin-right:1vw;font-size:.0625rem;padding:.01563rem .05208rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAAAeCAYAAAAGjg2BAAACb0lEQVRoge2bT09TQRRHD4MtJgJibSDBmgh2IyY0bDAx0S/gh/C7Sly4sywwRrCbaiI2lb8J2CDmkt80k0ZalAW+zj1J8zJtKXlzz5v3ZubeiVevP3EFAjAPLAD3gDtASe87/ze/gB5wDPwAvgG7en8ot0Z8bgLUgWVgyiUoJEGxs1cFeAz8BHaAbYnzR4bJUQMaiRQHwBegAxzqH4y0z7lxTI4yMANUgQfALPBEF30TaF9VjglJsay2ybClo1M87AI+0es78EGSrOi4rqNJcj5MDhPjGbAInAGbQMuFGDvsQn8DLAGrGghuA+9SQQYfKFclht2HNlyMsaelOPcU90Z6wqkcNT2s2IjxFujm3nOZ0FW8zzSC1OJpRzlKiTWbLkZ2dBV35IH50JejrllJx28l2dJS/Kfkw4UcIZmZbOXeQ5kT428+hLjyabbs+3Q1ezrywHyYD1oSN77m3jPOBdGDBZNjTg0fNRwSD+ZMjmk1Dr1rnMSD6RCnLdorcZzoQcm33J1LCcmWbdm7yUk86JkcR2rMeM84iQdHJseeGlXvGSfxYC8obQztyjlO9GA3KJ/QnlDvAvez75q8qcqDUxs0gjKFdtQlT3PvncxZ0el/Ni/iVHZbtlSVHeTkxyPF/1Q+9Lfse8ohRNlgFZcjKypJPk8zLm+ki2BtDSeTwHMXJBsqivek4t/PRB9cIW1qV84WQl74LWbsWVKcy4p7Mz3hwezzc2Ugx9KENeChlyaMHWlpAhoxRpYmoC+8lwwN/cBLL2oqLJcVNaGHz78qaoq0tUBWV1b6bPKjTrG5djkk+kOrkProhdSF5d8KqYHfojSLDSL/WJkAAAAASUVORK5CYII=);background-size:100% 100%;cursor:pointer;position:relative}.user .btns .actbtn{background-image:url(data:image/png;base64,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)}.storeNum{width:100%;height:43%}.storeNum .tit{height:15%}.storeNum .townList{height:75%;display:flex;flex-wrap:wrap;box-sizing:border-box}.storeNum .townList .storebox{width:22%;height:40%;position:relative;display:flex;margin-left:.05208rem}.storeNum .townList .storebox .store{flex:1;height:100%}.storeNum .townList .storebox .toenName{flex:1;height:100%;background:linear-gradient(to right,rgba(0,0,0,0),#216278);border-radius:0 .07813rem .07813rem 0;font-size:.0625rem;display:flex;flex-direction:column;justify-content:space-around;color:#fff;box-sizing:border-box;padding:.03646rem .01042rem}.page-num{padding:0 .02604rem;margin-right:.02604rem;border:#2A538D .00521rem solid;cursor:pointer}.towns{width:50vw;display:flex;box-sizing:border-box;padding:1vh 1vw;flex-wrap:wrap;position:relative}.towns .town-li{margin-top:.05208rem;color:#a0c7d5;padding:.02604rem .05208rem;border-radius:.03646rem .05208rem;font-size:.0625rem;border:.00521rem solid #3A91A5;justify-content:fl;margin-left:2vw;cursor:pointer}.towns .act{background-color:#072c3e}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(-.05208rem)}to{transform:translateY(0)}}.body{height:45vh;display:flex;margin-top:1vh;justify-content:space-between}.body .l{width:25vw;height:100%;position:relative}.body .c{box-sizing:border-box;width:48vw;height:100%;display:flex;flex-direction:column;justify-content:space-between}.body .r{width:25vw;height:100%;position:relative}.foot{margin-top:1vh;height:46vh;display:flex;justify-content:space-between}.foot .foot-l{width:25vw;height:100%;position:relative}.foot .c{width:48vw;position:relative;height:100%;box-sizing:border-box}.foot .r{width:25vw;height:100%;position:relative}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}
|