老叶
130 lines
5.2 KiB
Plaintext
130 lines
5.2 KiB
Plaintext
.h-100vh{height:100vh;}
|
|
.h-30vh{height:30vh;}
|
|
.h-70vh{height:70vh;}
|
|
.minh-100vh{min-height:100vh;box-sizing:border-box;}
|
|
.h-90vh{height:90vh;}
|
|
|
|
/*layout float*/
|
|
.fn-clear:before,.fn-clear:after{content:"";display:table;}
|
|
.fn-clear:after{clear:both;}
|
|
.fn-clear{zoom:1;}
|
|
.fn-fl{float:left;}
|
|
.fn-fr{float:right;}
|
|
.fn-hide{display:none;}
|
|
|
|
/*layout display*/
|
|
.block{display:block;}
|
|
.inline-block{display:inline-block;}
|
|
|
|
.overflowhidden{overflow:hidden;}
|
|
.overflowXhidden{overflow-x:hidden;}
|
|
.overflow-initial{overflow:initial;}
|
|
.opacity-0{opacity:0;}
|
|
.opacity-50{opacity:.5;}
|
|
.opacity-80{opacity:.8;}
|
|
|
|
/*line-clamp*/
|
|
.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
|
|
.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
|
|
|
|
/*layout flex*/
|
|
.fn-flex{display:flex;flex-flow:row;align-items:stretch;}
|
|
.fn-flex-center{align-items:center;}
|
|
.fn-flex-item{display:block;flex:1;}
|
|
.fn-flex-item.flexsize2{flex:2;}
|
|
.fn-flex-item.flexsize3{flex:3;}
|
|
.fn-flex-item.flexsize4{flex:4;}
|
|
.fn-flex-item.flexsize5{flex:5;}
|
|
.fn-flex-item.flexsize6{flex:6;}
|
|
.fn-flex-item.flexsize7{flex:7;}
|
|
.fn-flex-item.flexsize8{flex:8;}
|
|
.fn-flex-item.flexsize9{flex:9;}
|
|
.fn-flex-itemfixed{flex:0 0 auto;}
|
|
.fn-flex-between{justify-content: space-between;}/*两端对齐*/
|
|
.fn-flex-wrap{flex-wrap:wrap}/*多行*/
|
|
.fn-flex-around{justify-content: space-around;}/*各项周围留有空白*/
|
|
|
|
.wp20{width:20%;box-sizing:border-box;}
|
|
.wp25{width:25%;box-sizing:border-box;}
|
|
.wp33{width:33%;box-sizing:border-box;}
|
|
.wp40{width:40%;box-sizing:border-box;}
|
|
.wp45{width:45%;box-sizing:border-box;}
|
|
.wp50{width:50%;box-sizing:border-box;}
|
|
.wp60{width:60%!important;box-sizing:border-box;}
|
|
.wp65{width:65%!important;box-sizing:border-box;}
|
|
.wp70{width:70%!important;box-sizing:border-box;}
|
|
.wp80{width:80%!important;box-sizing:border-box;}
|
|
.wp90{width:90%;box-sizing:border-box;}
|
|
.wp100{width:100%;box-sizing:border-box;}
|
|
.wp110{width:110%;box-sizing:border-box;}
|
|
.box-x-scroll{overflow-x:auto;}
|
|
|
|
.img-top-cover{background-repeat:no-repeat;background-position:center top;background-size:100% auto;}
|
|
.img-bottom-cover{background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;}
|
|
.img-center-cover{background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
|
|
.img-middle-cover{background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
|
|
.img-fill-cover{background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
|
|
.img-center-middle-100{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);}
|
|
.fiximg{max-width:100%;}
|
|
|
|
.box-shadow-000-3-5{box-shadow:0 0 3rpx rgba(0,0,0,.05);}
|
|
.box-shadow-000-10-10{box-shadow:0 0 10rpx rgba(0,0,0,.10);}
|
|
.box-shadow-000-10-15{box-shadow:0 0 10rpx rgba(0,0,0,.15);}
|
|
.box-shadow-000-20-8{box-shadow:0 0 20rpx rgba(0,0,0,.08);}
|
|
|
|
/*layer*/
|
|
.content-pop-cover{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.6);z-index:999; }
|
|
.content-pop{position:fixed;top:50%;left:50%;width:84%;transform:translate(-50%,-50%);z-index:1002;}
|
|
|
|
/*layout position*/
|
|
.relative{position:relative;}
|
|
.absolute{position:absolute;}
|
|
.fixed{position:fixed;z-index:1;}
|
|
.top--6{top:-6rpx;}
|
|
.top-0{top:0;}
|
|
.bottom-0{bottom:0;}
|
|
.bottom-120{bottom:120rpx;}
|
|
.bottom--67{bottom:-67rpx;}
|
|
.left-0{left:0;}
|
|
.right-0{right:0;}
|
|
.right--10{right:-10rpx;}
|
|
.left-p50{left:50%;}
|
|
.z-index-0{z-index:0;}
|
|
.z-index-1{z-index:1;}
|
|
.z-index-2{z-index:2;}
|
|
.z-index-3{z-index:3;}
|
|
.z-index-4{z-index:4;}
|
|
.z-index-9999{z-index:9999;}
|
|
.box-center-middle{top:50%;left:50%;transform:translate(-50%,-50%);}
|
|
.box-middle{top:50%;transform:translate(0,-50%);}
|
|
.box-center{left:50%;transform:translate(-50%,0);}
|
|
|
|
.container{min-height:calc(100vh - 110rpx);}
|
|
|
|
.icon-jiazai{display:inline-block;-webkit-animation:rotate linear 1.2s infinite;animation:rotate linear 1.2s infinite;}
|
|
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
|
|
|
|
.line-height-11{line-height:1.1;}
|
|
.line-height-12{line-height:1.2;}
|
|
.line-height-13{line-height:1.3;}
|
|
.line-height-14{line-height:1.4;}
|
|
.line-height-15{line-height:1.5;}
|
|
.line-height-16{line-height:1.6;}
|
|
.line-height-17{line-height:1.7;}
|
|
.line-height-18{line-height:1.8;}
|
|
.line-height-19{line-height:1.9;}
|
|
.line-height-20{line-height:2;}
|
|
.rich-text-img{display:bolck;max-width:100% !important;height:auto !important;margin:40rpx 0 20rpx 0 !important;}
|
|
|
|
.height-100{height:100rpx;box-sizing:border-box;}
|
|
.height-120{height:120rpx;box-sizing:border-box;}
|
|
.height-190{height:190rpx;box-sizing:border-box;}
|
|
.height-240{height:240rpx;box-sizing:border-box;}
|
|
.height-400{height:400rpx;box-sizing:border-box;}
|
|
.height-500{height:500rpx;box-sizing:border-box;}
|
|
.height-600{height:600rpx;box-sizing:border-box;}
|
|
.height-800{height:800rpx;box-sizing:border-box;}
|
|
.tabmenu{line-height:80rpx;}
|
|
.tabmenu.active::before{display:block;position:absolute;bottom:0;left:50%;width:30rpx;height:4rpx;margin-left:-15rpx;content:"";background-color:#36afa2;}
|
|
|
|
.safe-pb{padding-bottom:calc(constant(safe-area-inset-bottom) - 15px );padding-bottom:calc(env(safe-area-inset-bottom) - 15px);} |