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,iVBORw0KGgoAAAANSUhEUgAAAIsAAAAjCAYAAACkVvl8AAAHM0lEQVR4nO2cW2xUVRSG/3Pp3JhOWwoFYyFighQMYiMEiMZoazBK9EUgEkJ88RqCiYb4JG8+mHjhxZiYqA8SiVYTLUkTEUm00GihiZISAm2gYGuBQi8z07mdOTPHnGHtZrk50w4K5TTuP9mZWzsz7frm32uvvfZom1/oRwUyAWwEsB7AKgCNAKIADAA2gAKAIg1XDg0u+bbSv5cm/abG7tNpGBQ3NzaTAIYAnAbQDeBXihs62porfhPmDI9XA9gOYCuAOgAWgCyNEQB5ejMCFkcCBh7XlW6NODAcFI3B4o4qAAEA9wBoAvA8gAnHKX6TSQ9/BSBe6buZzlk2AdgDYD6ANNGZppEjUPLTOIsC5farHDDcWapoBAFEaESvXzrjdj6979B3jxxiH/ay8oLFfaG3AGwhJ3HJS9JIMWexmLMUy8CiQLn9EpDIsOiSs4RozKMZwx
|