lcb/commons/css/base/layout.wxss

.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-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;}/*各项周围留有空白*/
.fn-flex-middle{align-items:center;}/*交叉轴上上下居中对齐*/
.fn-flex-center{justify-content: center;}/*居中对齐*/

.wp25{width:25%;box-sizing:border-box;}
.wp31{width:31%;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;}
.wp95{width:95%;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-80{height:80rpx;box-sizing:border-box;}
.height-90{height:90rpx;box-sizing:border-box;}
.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);}

.datecell{width:14.28%;padding:30rpx 0;text-align:center;box-sizing:border-box;}
.datecell.active{background-color:#36afa2;color:#fff;}