captain-ui
Version:
有赞vue wap业务组件库
1 lines • 2.81 kB
CSS
.verification__wrapper{padding:32px 16px;@-webkit-keyframes slide{0%{max-height:0}to{max-height:232px}}@keyframes slide{0%{max-height:0}to{max-height:232px}}}.verification__wrapper .slide-enter-active{-webkit-animation:slide .5s ease-in-out;animation:slide .5s ease-in-out}.verification__upload-wrapper{padding:0 0 28px}.verification__upload-header{margin:0 0 20px;font-size:20px;line-height:26px;color:#323233;font-weight:700}.verification__upload-tips{font-size:12px;color:#969799;line-height:16px;margin-bottom:14px}.verification__upload-uploaders{display:-webkit-box;display:-webkit-flex;display:flex}.verification__upload-uploader{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:13px}.verification__upload-uploader:last-child{margin-right:0}.uploader__content{padding:16px;background-color:#fff;box-shadow:0 2px 10px 0 hsla(220,1%,50%,.1)}.uploader__shape{position:relative;height:0;padding-bottom:63.1578%}.uploader__border{background:url(//b.yzcdn.cn/h5/payment-account/shape@2x.png) 0/100% no-repeat}.uploader__indicator,.uploader__preview,.uploader__sample{position:absolute;top:0;left:0;bottom:0;right:0}.uploader__sample{margin:8px}.uploader__indicator{background:hsla(0,0%,100%,.2) url(//b.yzcdn.cn/h5/payment-account/loader.gif) no-repeat 50%;background-size:16px 16px}.uploader__desc{margin-top:12px;font-size:14px;line-height:18px;color:#323233;text-align:center}.uploader__label{display:inline-block;margin:0 7px;color:#3b69d2}.notice__wrapper{position:relative;padding:16px 0 13px}.notice__wrapper:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;border-top:1px solid #ebedf0}.notice__header{font-size:16px;line-height:22px;color:#323233}.notice__tips{margin:8px 0 12px;font-size:12px;line-height:18px;color:#969799}.notice__items{display:-webkit-box;display:-webkit-flex;display:flex}.notice__item{-webkit-box-flex:1;-webkit-flex:1;flex:1;height:0;margin-right:12px;padding-bottom:calc((100% - 12px * 3) * .948052 / 4);background:0/100% no-repeat}.notice__item:last-child{margin-right:0}.verify-infos__wrapper{margin-top:28px;border-radius:4px;box-shadow:0 2px 10px 0 hsla(220,1%,50%,.1);overflow:hidden}@media screen and (max-width:350px){.verify-infos__wrapper .van-cell{padding-right:0}.verify-infos__wrapper .van-cell__title{max-width:70px}}.verify-infos__header{padding:10px 16px;font-size:14px;line-height:20px;color:#323233;background-image:-webkit-linear-gradient(left,#fafbff 100%,#f0f4fb 0);background-image:linear-gradient(90deg,#fafbff 100%,#f0f4fb 0)}.verify-infos__header span{font-size:12px;color:#969799;line-height:16px}.verify-infos__content{padding:8px 12px;padding-left:0;background-color:#fff}.verify-infos__content .van-cell__title{color:#969799}