You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
4.7 KiB
1 lines
4.7 KiB
@charset "UTF-8";.f-cb{float:none;clear:both;height:0}.f-cs::after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:""}.f-hide{display:none}.f-fl{float:left}.f-fr{float:right}.f-bs1{box-shadow:0 2rpx 8rpx 0 rgba(0,0,0,.1)}.f-bs2{box-shadow:0 4rpx 12rpx 0 rgba(0,0,0,.16)}.f-bs3{box-shadow:0 6rpx 18rpx 0 rgba(0,0,0,.22)}.f-blur{filter:blur(3px)}.f-shield{position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);backdrop-filter:blur(8rpx)}@keyframes fade_in{0%{opacity:0}100%{opacity:1}}@keyframes fade_in_up{0%{transform:translate3d(0,360rpx,0);opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade_in_down{0%{transform:translate3d(0,-360rpx),0;opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade_in_right{0%{transform:translate3d(360rpx,0,0);opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade_in_left{0%{transform:translate3d(-360rpx,0,0);opacity:.3}100%{transform:translate3d(0,0,0);opacity:1}}.a-fade-in{animation:fade_in .27s ease-in}.a-fade-in-up{animation:fade_in_up .27s ease-in}.a-fade-in-right{animation:fade_in_right .27s ease-in}.a-fade-in-left{animation:fade_in_left .27s ease-in}.a-fade-in-down{animation:fade_in_down .27s ease-in}@keyframes fade_out{0%{display:block;opacity:1}100%{display:block;opacity:0}}@keyframes fade_out_up{0%{display:block;transform:translate3d(0,0,0);opacity:1}100%{display:block;transform:translate3d(0,360rpx,0);opacity:0}}@keyframes fade_out_down{0%{display:block;transform:translate3d(0,0,0);opacity:1}100%{display:block;transform:translate3d(0,-360rpx,0);opacity:0}}@keyframes fade_out_right{0%{display:block;transform:translate3d(0,0,0);opacity:1}100%{display:block;transform:translate3d(360rpx,0,0);opacity:0}}@keyframes fade_out_left{0%{display:block;transform:translate3d(0);opacity:1}100%{display:block;transform:translate3d(-360rpx,0,0);opacity:0}}.a-fade-out{animation:fade_out .27s ease-out}.a-fade-out-up{animation:fade_out_up .27s ease-out}.a-fade-out-right{animation:fade_out_right .27s ease-out}.a-fade-out-left{animation:fade_out_left .27s ease-out}.a-fade-out-down{animation:fade_out_down .27s ease-out}@keyframes scale_in{0%{opacity:0;transform:scale3d(0,0,0)}100%{opacity:1;transform:scale3d(1,1,1)}}@keyframes scale_in_left_up{0%{opacity:0;transform:translate3d(-50%,-50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes scale_in_right_down{0%{opacity:0;transform:translate3d(50%,50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes scale_in_right_up{0%{opacity:0;transform:translate3d(50%,-50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes scale_in_left_down{0%{opacity:0;transform:translate3d(-50%,50%,0) scale3d(0,0,0)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}.a-scale-in{animation:scale_in .27s ease-in}.a-scale-in-left-up{animation:scale_in_left_up .27s ease-in}.a-scale-in-right-up{animation:scale_in_right_up .27s ease-in}.a-scale-in-left-down{animation:scale_in_left_down .27s ease-in}.a-scale-in-right-down{animation:scale_in_right_down .27s ease-in}page{width:100%;height:100%;background-color:#000;overflow:hidden}canvas{position:absolute;bottom:-10000px;left:-10000px;z-index:-10;visibility:hidden;opacity:0;pointer-events:none}.m-cropper{position:fixed;top:0;left:0;right:0;bottom:120rpx;z-index:10;margin:auto;width:600rpx;height:600rpx}.m-cropper image{transition:opacity .5s}.m-cropper .img-wrap-corner{position:absolute;width:30rpx;height:30rpx;border:2px solid #fff}.m-cropper .img-wrap-corner.z-1{top:-2px;left:-2px;border-width:2px 0 0 2px}.m-cropper .img-wrap-corner.z-2{top:-2px;right:-2px;border-width:2px 2px 0 0}.m-cropper .img-wrap-corner.z-3{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.m-cropper .img-wrap-corner.z-4{bottom:-2px;left:-2px;border-width:0 0 2px 2px}.m-cropper .img-wrap{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;margin:auto;width:100%;height:100%;border:1rpx solid rgba(255,255,255,.8);overflow:hidden;pointer-events:none}.m-cropper .img-wrap-circle{border-radius:100%;border:1rpx dashed rgba(0,255,0,.6)}.m-operate{position:fixed;z-index:100;bottom:0;left:0;width:100%;height:120rpx;border-top:1rpx solid rgba(255,255,255,.6)}.m-operate::after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:""}.m-operate .btn-ico{position:absolute;left:20rpx;top:-100rpx;width:80rpx;height:80rpx;background-color:rgba(255,255,255,.05);border-radius:10rpx}.m-operate .btn-ico image{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:40rpx;height:40rpx;opacity:.9}.m-operate .btn{float:left;width:50%;line-height:120rpx;text-align:center;font-size:14px;color:rgba(255,255,255,.9)}
|