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

A fantastic mobile ui lib implement by Vue

.act-popup{position:fixed;left:0;right:0;top:0;bottom:0;max-width:100vw;content:"viewport-units-buggyfill; max-width: 100vw"}.act-popup-container,.act-popup-mask{position:absolute;width:100%;height:100%}.act-popup-mask{overflow:hidden}.act-popup-mask:before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,.1);margin-left:-10px}.act-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.act-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.act-popup-center .act-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-popup-top-radius{border-top-left-radius:12px;border-top-right-radius:12px}.act-popup-top-radius.act-popup-content{overflow:hidden}[data-v-3349a91e] .bscroll-vertical-scrollbar{width:5px!important}[data-v-3349a91e] .bscroll-indicator{background:rgba(0,0,0,.2)!important}.scroll-wrapper[data-v-3349a91e]{position:relative;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.scroll-wrapper .scroll-content[data-v-3349a91e]{width:100%;position:relative;z-index:1}.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}.act-photo-fade-enter[data-v-d9b2e160]{opacity:0}.act-photo-fade-enter-active[data-v-d9b2e160]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-photo-move-enter[data-v-d9b2e160]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-photo-move-enter-active[data-v-d9b2e160]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-photo-content[data-v-d9b2e160]{background-color:#fff;padding-bottom:18px;border-radius:12px 12px 0 0}.act-col[data-v-d9b2e160]{-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-flex-basis:0.000000001px;flex-basis:0.000000001px;width:1%}.act-photo-hd[data-v-d9b2e160]{height:50px;line-height:50px;text-align:center;font-size:17px;font-weight:700;color:#333;position:relative;background:#fff;border-radius:12px 12px 0 0}.act-photo-hd i[data-v-d9b2e160]{display:block;position:absolute;top:50%;z-index:1;margin:12px;background-repeat:no-repeat}.act-photo-hd i.icon-cancel[data-v-d9b2e160]{height:22px;width:22px;right:0;margin-top:-11px;background-position:100%;background-size:11px 11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABBklEQVQ4jZXUMUsDMRgG4KfBycV/42ahIOpwBXFy8Oc5OKmQA61LQZ3EP+NSBxeH3ml65HLNN+Xy5R4S8pJZjPEBl4i4xkZdHeIe57gNHQZLtN2CGqztMLgJeE8WLCrQHlskc6uABh+VaA5b4yrgC2cV6BjWNE2zCd3EvmgRg5A0ptBJDA4Gx+nRFxwn6FM3npew4Q5LO53nMJnM5sAU/cz0XsewEgg/+C70szUG9hdwkunNFXKaA3O3+Wb3+KM5HYJj0bjAqUyk2rbdQVNwNGe2FzCa0xTtwSmsr0l0FmPcF0vryG74//4Jto9jDVba6V3w/zjui5XQZcBz97GqwIZo/0g//gIRn2mCy2aGEQAAAABJRU5ErkJggg==)}.act-photo-prompt[data-v-d9b2e160]{margin-top:14px;text-align:center;font-size:12px;font-weight:400px;color:#666;line-height:17.5px}.scroll-content[data-v-d9b2e160]{height:360px;margin-top:18px;margin-bottom:26px;position:relative}.act-photo-btn[data-v-d9b2e160]{width:347px;height:48px;margin:auto;border-radius:5px;color:#fff;font-size:16px;text-align:center;line-height:48px}.act-photo-btn.disabled[data-v-d9b2e160]{opacity:.4}i.icon[data-v-d9b2e160]{display:inline-block;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}