@xysfe/actui/lib/PhotoBox/style.css

A fantastic mobile ui lib implement by Vue

.act-photo-box[data-v-e562d8f2]{position:relative;width:312px;height:166.5px;margin:auto;background:#f5f5f5;background-size:cover;background-repeat:no-repeat;border:.5px solid #ddd;border-radius:8px;margin-bottom:26px}.act-photo-box-center[data-v-e562d8f2]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:54.5px auto 0}.act-photo-box-camera[data-v-e562d8f2]{width:41.5px;height:33px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABRCAYAAAAtvqMwAAAEOUlEQVR4Xu2dO08jMRDHx0BBAYiHBA3pQApBgBBIF0IXKfAJuGvvo1173CdgU/M4nSIECIgUutCAxENAQQM+TY7lQrK73ldmnDDb7tpj/3/2eOz1ehXI1VCgXC7/1Fp/jSOHUmq7VCp9i5U2TqJeS5NEfFeLuBBUr4kZpz6O4+g46VrTbGxsRNYzcoI0CmpbHgKAmYgAYAYgYwAzAImCLADAVQQZhLmUf7MrAAQAswLM5n17wM7Ozhel1A8AyDKXsdvNV7XW3zc3N397VaQNgOM4qwDwp9trbWP5BwYGVovFYqW5bB8AlMvlba31lo2F75UyKaV+lUql90W/dwAiPh3iZggNAOJ26MR3LbnuyAWQymogfTW62yKunqq3aOegu6vSnaXXWueV4zjnEmqyAawiAHE/bPoDCABG8dG0ABAAzAowm5ceIACYFWA2Lz1AADArwGxeeoAACKfA8PAwTE9Pw9jYGCjV/h5Jaw13d3dweXkJj4+P4TK14Cmre8DIyAjkcjno7++PLNXLywucnZ3Bw8ND5LSUCawEMDo6CvPz86npcHp6Cvf396nll2ZG1gHI5/OxWrxJFOwRBwf2LfpaA2BoaAiWlpZMOia+f3R0BE9PT4nzSSsDKwBMTU3BzMxMWnUy5nNxcQFXV1fG5ygeYAcQRfzr62uo1+vw/Pzcps3g4CBkMhmYnJwMpZstEFgBhHE7r6+vcHh46Cm6n9IIY3l5Gfr6+gJh2OCOWAGsr68HClStVuHm5iZUi/Z6aGJiArLZ4H1lu7u7sfNPIyEbAFO0s7e3Bzi5SnrhpK1QKPhmwx0dsQAwxfmdaJVBvY1znsACIEiMtFp+a5M39YROQA/Te8kB4PLCwsKCZ9mS+nxThYPGhJOTE5ZlC3IAfr4fo539/X2Thonvr62teUZHXGMBOQA/91OpVCKFmnFJYIi6srLimZzDDZECwCXlxcVF9sr7NYLj42PypWxSAHNzczA+Pt4GAGe4tVotbqOOnG52dtZzxnx7ewvn57hRkO4iBYDxuNfLFCr348rq54Zw3oFRGOVFCsCv63P4XlvKIgBamjt1YxAAAgCAutWh5uKCmlqeACAa9iUKaheadAyQeQAzAJkJMwMIGvyoJmOfei0IAchq6MdeQDoGoGl5H8AMIMgN4T15I0YQkso74f8ik7sg17TsivinBBsAkyvC+0nfEcu+IIM7k51xzD0A+cjeUAvOiogCIY0YwZaNuexjQLOYYdxRGuLbsCG3uR6sg7CXoKboKC4Ern0/pvJaBwALbJonmCrVep9z76eprFYCcAstX0ma8BHel++ECcX+TKasdkGfAYQAYKYsACwAIMdW8kGoysGtfOLjR4h5ObqYEUDj6GK0L4d301P4cHg3mpfj6+kgtB1f75oWCJ2H4PsDB9e0uKPOQTD+wqTZtPzEJzUQgT/x+QtTesC8FxUShwAAAABJRU5ErkJggg==) no-repeat;margin-bottom:6px;background-size:contain}.act-photo-box-desc[data-v-e562d8f2]{font-size:13px;font-weight:500;color:#999;line-height:18.5px}.act-photo-box-img[data-v-e562d8f2],.act-photo-box-img img[data-v-e562d8f2]{width:100%;height:100%;border-radius:8px}.act-photo-box-status[data-v-e562d8f2]{position:absolute;top:-5.5px;left:-9px;width:20.5px;height:20.5px}.act-photo-box .update-btn[data-v-e562d8f2]{position:absolute;top:2.5px;right:3px;height:20px;line-height:20px;background:rgba(0,0,0,.75);border-radius:9px;padding:0 7px;font-size:18px;font-weight:400;color:#fff}.act-photo-box[data-v-e562d8f2]:last-child{margin-bottom:29px}