colorui.wxss

/*
  Color UI v1.5.0 | by 文晓港 
  仅供学习交流，如作他用所承受的法律责任一概与作者无关   
  （QQ交流群：240787041）
*/
page{font-size:28rpx;color:#333;line-height:1.4;font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif}button,form,image,input,label,navigator,scroll-view,swiper,text,textarea,view{box-sizing:border-box}.round{border-radius:1000rpx}.radius{border-radius:6rpx}.flex{display:flex}.basis-xs{flex-basis:20%}.basis-sm{flex-basis:40%}.basis-df{flex-basis:50%}.basis-lg{flex-basis:60%}.basis-xl{flex-basis:80%}.flex-sub{flex:1}.flex-twice{flex:2}.flex-treble{flex:3}.flex-direction{flex-direction:column}.flex-wrap{flex-wrap:wrap}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.m-xs{margin:10rpx}.mh-xs{margin-left:10rpx;margin-right:10rpx}.mv-xs{margin-top:10rpx;margin-bottom:10rpx}.mt-xs{margin-top:10rpx}.mr-xs{margin-right:10rpx}.mb-xs{margin-bottom:10rpx}.ml-xs{margin-left:10rpx}.m-sm{margin:20rpx}.mh-sm{margin-left:20rpx;margin-right:20rpx}.mv-sm{margin-top:20rpx;margin-bottom:20rpx}.mt-sm{margin-top:20rpx}.mr-sm{margin-right:20rpx}.mb-sm{margin-bottom:20rpx}.ml-sm{margin-left:20rpx}.m-df{margin:30rpx}.mh-df{margin-left:30rpx;margin-right:30rpx}.mv-df{margin-top:30rpx;margin-bottom:30rpx}.mt-df{margin-top:30rpx}.mr-df{margin-right:30rpx}.mb-df{margin-bottom:30rpx}.ml-df{margin-left:30rpx}.m-lg{margin:40rpx}.mh-lg{margin-left:40rpx;margin-right:40rpx}.mv-lg{margin-top:40rpx;margin-bottom:40rpx}.mt-lg{margin-top:40rpx}.mr-lg{margin-right:40rpx}.mb-lg{margin-bottom:40rpx}.ml-lg{margin-left:40rpx}.m-xl{margin:50rpx}.mh-xl{margin-left:50rpx;margin-right:50rpx}.mv-xl{margin-top:50rpx;margin-bottom:50rpx}.mt-xl{margin-top:50rpx}.mr-xl{margin-right:50rpx}.mb-xl{margin-bottom:50rpx}.ml-xl{margin-left:50rpx}.p-xs{padding:10rpx}.ph-xs{padding-left:10rpx;padding-right:10rpx}.pv-xs{padding-top:10rpx;padding-bottom:10rpx}.pt-xs{padding-top:10rpx}.pr-xs{padding-right:10rpx}.pb-xs{padding-bottom:10rpx}.pl-xs{padding-left:10rpx}.p-sm{padding:20rpx}.ph-sm{padding-left:20rpx;padding-right:20rpx}.pv-sm{padding-top:20rpx;padding-bottom:20rpx}.pt-sm{padding-top:20rpx}.pr-sm{padding-right:20rpx}.pb-sm{padding-bottom:20rpx}.pl-sm{padding-left:20rpx}.p-df{padding:30rpx}.ph-df{padding-left:30rpx;padding-right:30rpx}.pv-df{padding-top:30rpx;padding-bottom:30rpx}.pt-df{padding-top:30rpx}.pr-df{padding-right:30rpx}.pb-df{padding-bottom:30rpx}.pl-df{padding-left:30rpx}.p-lg{padding:40rpx}.ph-lg{padding-left:40rpx;padding-right:40rpx}.pv-lg{padding-top:40rpx;padding-bottom:40rpx}.pt-lg{padding-top:40rpx}.pr-lg{padding-right:40rpx}.pb-lg{padding-bottom:40rpx}.pl-lg{padding-left:40rpx}.p-xl{padding:50rpx}.ph-xl{padding-left:50rpx;padding-right:50rpx}.pv-xl{padding-top:50rpx;padding-bottom:50rpx}.pt-xl{padding-top:50rpx}.pr-xl{padding-right:50rpx}.pb-xl{padding-bottom:50rpx}.pl-xl{padding-left:50rpx}.cf::after,.cf::before{content:" ";display:table}.cf::after{clear:both}.fl{float:left}.fr{float:right}button{margin-left:initial;margin-right:initial}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:13rpx 25rpx;font-size:28rpx;text-align:center;text-decoration:none;line-height:initial;border-radius:5px;-webkit-tap-highlight-color:transparent;overflow:hidden;color:#000;background-color:#f8f8f8}.btn.iconfont{padding:0;width:70rpx;height:70rpx;font-size:30rpx}.xs.btn{font-size:20rpx;padding:7rpx 15rpx}.xs.btn.iconfont{padding:0;width:50rpx;height:50rpx;font-size:20rpx}.sm.btn{font-size:24rpx;height:50rpx;padding:10rpx 20rpx}.sm.btn.iconfont{padding:0;width:60rpx;height:60rpx;font-size:25rpx}.lg.btn{font-size:32rpx;padding:16rpx 30rpx}.lg.btn.iconfont{padding:0;width:80rpx;height:80rpx;font-size:35rpx}.xl.btn{font-size:36rpx;padding:19rpx 35rpx}.xl.btn.iconfont{padding:0;width:90rpx;height:90rpx;font-size:40rpx}.btn.block{display:flex}.btn[disabled]:not([type]){opacity:.6}.btn::after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid rgba(0,0,0,.2);transform:scale(.5);transform-origin:0 0;box-sizing:border-box;border-radius:10px}.btn.iconfont,.btn.iconfont::after,.btn.round,.btn.round::after{border-radius:500rpx}.btn.hollow{background:0 0!important}.gray.btn{box-shadow:2px 2px 3px rgba(200,200,200,.2)}.primary.btn{box-shadow:2px 2px 3px rgba(14,144,210,.2)}.secondary.btn{box-shadow:2px 2px 3px rgba(59,180,242,.2)}.success.btn{box-shadow:2px 2px 3px rgba(94,185,94,.2)}.warning.btn{box-shadow:2px 2px 3px rgba(243,123,29,.2)}.danger.btn{box-shadow:2px 2px 3px rgba(215,52,46,.2)}.gray.btn.hollow{color:#888}.gray.btn.hollow::after{border:1px solid rgba(0,0,0,.2)}.primary.btn.hollow{color:#0081ff}.primary.btn.hollow::after{border:1rpx solid #0081ff}.secondary.btn.hollow{color:#1cbbb4}.secondary.btn.hollow::after{border:1rpx solid #1cbbb4}.success.btn.hollow{color:#39b54a}.success.btn.hollow::after{border:1rpx solid #39b54a}.warning.btn.hollow{color:#f37b1d}.warning.btn.hollow::after{border:1rpx solid #f37b1d}.danger.btn.hollow{color:#dd514c}.danger.btn.hollow::after{border:1rpx solid #dd514c}.foot-btn{position:fixed;width:100%;bottom:0;padding:20rpx 0;background:#fff;z-index:999;box-shadow:0 0 3px rgba(0,0,0,.2);display:flex;justify-content:center}.foot-btn .btn{flex:1;margin:0 30rpx;max-width:375rpx}.fixed.btn{position:fixed;bottom:30rpx;right:30rpx;padding:20rpx 0;z-index:997;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;border-radius:50%}.fixed.btn text{width:100rpx;display:block;line-height:30rpx;text-align:center;font-size:24rpx}.text-xs{font-size:20rpx}.text-sm{font-size:24rpx}.text-df{font-size:28rpx}.text-lg{font-size:32rpx}.text-xl{font-size:36rpx}.text-xxl{font-size:40rpx}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bold-text{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.gray-text{color:#888}.grays-text{color:#aaa}.danger-text{color:#dd514c}.success-text{color:#5db85d}.warning-text{color:#f37b1d}.primary-text{color:#0081ff}.secondary-text{color:#36b2f2}.purple-text{color:#cd00ff}.weixin-text{color:#51c332}.solids{border:2px solid #eee}.solids-top{border-top:2px solid #eee}.solids-right{border-right:2px solid #eee}.solids-bottom{border-bottom:2px solid #eee}.solids-left{border-left:2px solid #eee}.solid,.solid-bottom,.solid-left,.solid-right,.solid-top{position:relative}.solid-bottom::after,.solid-left::after,.solid-right::after,.solid-top::after,.solid::after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;transform:scale(.5);transform-origin:0 0;pointer-events: none}.solid::after{border:1px solid rgba(0,0,0,.1)}.solid-top::after{border-top:1px solid rgba(0,0,0,.1)}.solid-right::after{border-right:1px solid rgba(0,0,0,.1)}.solid-bottom::after{border-bottom:1px solid rgba(0,0,0,.1)}.solid-left::after{border-left:1px solid rgba(0,0,0,.1)}.dashed{border:1px dashed #ddd}.dashed-top{border-top:1px dashed #ddd}.dashed-right{border-right:1px dashed #ddd}.dashed-bottom{border-bottom:1px dashed #ddd}.dashed-left{border-left:1px dashed #ddd}.shadow{box-shadow:0 1px 3px rgba(0,0,0,.1)}.bottomfix.shadow{box-shadow:0 -1px 3px rgba(0,0,0,.1)}.shadow-lg{box-shadow:0 20px 50px 0 rgba(0,0,0,.07)}.bottomfix.shadow-lg{box-shadow:0 -20px 50px 0 rgba(0,0,0,.07)}.shadow-alice{position:relative;box-shadow:0 0 5px rgba(0,0,0,.1)}.shadow-alice:after,.shadow-alice:before{position:absolute;content:"";top:10px;bottom:15px;left:10px;width:50%;box-shadow:0 15px 10px rgba(0,0,0,.2);transform:rotate(-3deg);z-index:-1}.shadow-alice:after{right:10px;left:auto;transform:rotate(3deg)}.badge{font-size:20rpx;color:#fff;vertical-align:middle;position:relative;display:inline-flex;align-items:stretch;justify-content:center;box-sizing:border-box;padding:10rpx 20rpx;line-height:initial}.badge.sm{font-size:18rpx;padding:8rpx 10rpx}.capsule-badge text:last-child{background:#fff;color:#888}.capsule-badge text{display:flex;align-items:center;padding:10rpx 20rpx}.capsule-badge{padding:0;overflow:hidden;border:1rpx solid transparent}.mark-badge{background:#dd514c;border-radius:100rpx;position:absolute;top:-11rpx;right:-14rpx;font-size:18rpx;padding:8rpx 13rpx 5rpx}.mark-badge.cur{padding:8rpx;top:-4rpx;right:-4rpx}.bar{display:flex;position:relative;height:90rpx;align-items:center;background:#fff}.bar-text{position:absolute;padding:0 160rpx;text-align:center;width:100%;top:0;left:0;line-height:90rpx;cursor:none;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar image{width:65rpx;height:65rpx}.bar.topfix{position:fixed;width:100%;z-index:999;top:0}.bar.bottomfix{position:fixed;width:100%;z-index:999;bottom:0}.bottomfix input{overflow:initial;line-height:60rpx;height:60rpx}.bar.bottomfix.btns{align-items:stretch}.bar.bottomfix.btns>view{align-items:center;display:flex;justify-content:center;text-align:center;position:relative}.bar.bottomfix.btns .mark-badge{right:15rpx}.bar.bottomfix.btns .mark-badge.cur{right:40rpx;top:15rpx}.bar .serach-round{border-radius:100rpx;background:#f5f5f5;line-height:70rpx;font-size:24rpx;color:#666;flex:1;display:flex;align-items:center}.bar .serach-round .iconfont{width:70rpx;text-align:center;display:inline-block}.bar .serach-form{display:flex;align-items:center;flex:1}.bar .serach-form .iconfont{width:80rpx;text-align:center;display:inline-block;font-size:40rpx}.bar-close{position:absolute;top:15rpx;right:15rpx}.loading-more{background:#f5f5f5;display:flex;height:100rpx;align-items:center;justify-content:center;color:#999}.loading-more.cur .no-more{display:none}.loading-more.cur .loading-ing{display:block}.loading-more .loading-ing{display:none}.loading-more .no-more{display:block}@keyframes icon-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.iconfont-spin{animation:icon-spin 2s infinite linear;display:inline-block}.iconfont-pulse{animation:icon-spin 1s infinite steps(8);display:inline-block}.mode-loading{position:fixed;top:0;right:0;bottom:140rpx;left:0;margin:auto;width:260rpx;height:260rpx;background:#fff;border-radius:10rpx;box-shadow:0 0 0rpx 2000rpx rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-size:28rpx;text-align:center;z-index:9999}.mode-loading .iconfont{font-size:150%}.mode-loading::after{content:"";position:absolute;background:#fff;border-radius:50%;width:200rpx;height:200rpx;font-size:10px;border-top:6rpx solid rgba(0,0,0,.05);border-right:6rpx solid rgba(0,0,0,.05);border-bottom:6rpx solid rgba(0,0,0,.05);border-left:6rpx solid #f37b1d;animation:icon-spin 1s infinite linear;z-index:-1}.img-xs{width:40rpx}.img-sm{width:60rpx}.img-df{width:80rpx}.img-lg{width:100rpx}.img-xl{width:120rpx}.img-block{width:100%}.lattice-image{display:flex;flex-wrap:wrap;padding-bottom:2%}.lattice-image>view{width:32%;margin-top:2%;margin-right:2%;padding-bottom:32%;position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;color:#888;border-radius:4rpx;overflow:hidden}.lattice-image>view:nth-child(3n){margin-right:0}.lattice-image>view image{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;margin:auto}.lattice-btn .iconfont{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;line-height:50rpx;height:50rpx;font-size:50rpx;width:50rpx;text-align:center}.lattice-btn{border:1rpx solid #ddd}.lattice-image .icon-close,.lattice-image .icon-upload{position:absolute;top:0;right:0;display:block;color:#fff;background:rgba(0,0,0,.5);border-bottom-left-radius:3px;width:50rpx;line-height:50rpx;text-align:center;font-size:28rpx;z-index:9}.icon-nav-box{position:relative;z-index:888;overflow-x:auto;width:100%}.icon-nav-box .icon-nav{background:#fff;padding:30rpx 0;width:1125rpx;height:360rpx;display:flex;flex-wrap:wrap}.icon-nav-box .icon-nav-navigator{display:block;width:187.5rpx;text-align:center;margin:10rpx 0;line-height:0}.icon-nav-navigator .iconfont{display:inline-block;width:80rpx;height:80rpx;border-radius:46%;color:#fff;line-height:80rpx;font-size:40rpx;position:relative}.icon-nav-navigator .icon-nav-text{display:block;font-size:26rpx;color:#888;line-height:40rpx;margin-top:10rpx}.icon-nav-navigator:nth-child(1) .iconfont{background:#6ca3d9}.icon-nav-navigator:nth-child(2) .iconfont{background:#6cd9d9}.icon-nav-navigator:nth-child(3) .iconfont{background:#6cd96c}.icon-nav-navigator:nth-child(4) .iconfont{background:#d96ca3}.icon-nav-navigator:nth-child(5) .iconfont{background:#d9a36c}.icon-nav-navigator:nth-child(6) .iconfont{background:#a36cd9}.icon-nav-navigator:nth-child(7) .iconfont{background:#efa360}.icon-nav-navigator:nth-child(8) .iconfont{background:#bfbe60}.icon-nav-navigator:nth-child(9) .iconfont{background:#a3d96c}.icon-nav-navigator:nth-child(10) .iconfont{background:#6c6cd9}.icon-nav-navigator:nth-child(11) .iconfont{background:#eb7e86}.icon-nav-navigator:nth-child(12) .iconfont{background:#6cd9a3}.icon-bar-box{position:relative;background:#fff;margin-top:-20rpx;height:20rpx;z-index:889}.icon-bar{position:absolute;background:#eee;width:40%;margin:auto;bottom:8px;height:5rpx;left:0;right:0}.icon-bar-dot{background:#39b54a;width:80%;height:5rpx}.fixed-nav{position:fixed;top:0;z-index:999}.nav{height:92rpx;font-size:30rpx;white-space:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2)}.success-nav{background:#39b54a;color:#fff}.warning-nav{background:#f37b1d;color:#fff}.success-nav .nav-item,.warning-nav .nav-item{color:#fff}.success-nav .nav-item.cur,.warning-nav .nav-item.cur{border-bottom:8rpx solid #fff;color:#fff}.nav-item-box{padding:0 20rpx;height:92rpx}.nav-item{display:inline-block;color:#666;margin:0 26rpx;height:92rpx;line-height:92rpx;overflow:hidden}.nav-item.cur{border-bottom:8rpx solid #39b54a;color:#39b54a}.nav-item-childer{position:fixed;top:93rpx;background:#fff;box-shadow:0 1000px 0 1000px rgba(0,0,0,.5);left:0;z-index:998;width:100%}.center-nav{display:flex;justify-content:center}.center-nav .nav-item{flex:1}.menu-nav{overflow:hidden;display:flex;align-items:center}.menu-nav .nav-item-box{width:600rpx;overflow-x:auto;overflow-y:hidden}.menu-nav-btn{line-height:60rpx;height:60rpx;padding:0 20rpx;width:150rpx;font-size:28rpx;text-align:center;border-left:1rpx solid #eee}.scroll-nav{padding-top:92rpx;position:relative}.scroll-nav .nav{position:absolute;top:0rpx;z-index:999}.scroll-nav .nav.fixed-nav{position:fixed;top:0rpx;border:none}.modal-box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1110;opacity:0;outline:0;text-align:center;-ms-transform:scale(1.185);transform:scale(1.185);backface-visibility:hidden;perspective:1000px;background:rgba(0,0,0,.6);transition:all .6s ease-in-out 0;pointer-events:none}.modal-box::before{content:"\200B";display:inline-block;height:100%;vertical-align:middle}.modal-box.cur{opacity:1;transition-duration:.3s;-ms-transform:scale(1);transform:scale(1);overflow-x:hidden;overflow-y:auto;pointer-events:auto}.modal-dialog{position:relative;display:inline-block;vertical-align:middle;margin-left:auto;margin-right:auto;width:680rpx;max-width:100%;background:#f8f8f8;border-radius:10rpx;overflow:hidden}.modal-title{padding:20rpx;font-size:32rpx;background:#fff;margin-bottom:1rpx;line-height:60rpx}.modal-close{width:60rpx;height:45rpx;position:absolute;background:#f83d2a;color:#fff;top:0rpx;right:0rpx;border-bottom-left-radius:10rpx}.modal-bd{text-align:left;background:#fff}.modal-message{padding:50rpx 30rpx}.modal-option{background:#fff;display:flex;text-align:center;border-top:1rpx solid #eee;align-items:center}.modal-option-btn{flex:1;line-height:100rpx}.modal-option-btn+.modal-option-btn{border-left:1rpx solid #eee}.modal-box.bottom-modal::before{vertical-align:bottom}.modal-box.bottom-modal .modal-dialog{width:100%;border-radius:0}.modal-box.bottom-modal{margin-bottom:-500px}.modal-box.bottom-modal.cur{margin-bottom:0}.single-modal{background:#fff;text-align:center;padding:20rpx}.single-modal-item{background:#f5f5f5;float:left;margin-bottom:20rpx;border-radius:3px;line-height:36rpx;padding:20rpx;text-align:center;font-size:32rpx;width:32%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-right:2%;color:#666}.single-modal-item:nth-child(3n){float:right;margin-right:0}.single-modal-item.cur{background:#f37b1d;color:#fff}.list-box{padding:0 30rpx;background:#fff}.list-li{height:100rpx;position:relative;line-height:36rpx;font-size:32rpx;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.list-li:last-child{border:none}.list-arrow{padding-right:35rpx}.list-arrow::after{font-family:iconfont!important;display:block;content:"\e6a3";position:absolute;font-size:34rpx;color:#aaa;line-height:30rpx;height:30rpx;width:30rpx;text-align:center;top:1px;bottom:0;right:0;margin:auto}.list-box+.list-box{margin-top:20rpx}.list-li .list-text .iconfont{display:inline-block;width:60rpx;text-align:center;font-size:36rpx}.list-text{display:inline-block}.list-text text{color:#888;font-size:28rpx;margin-left:10rpx}.list-icon{font-size:24rpx}.list-badge{align-items:center;display:flex}.list-badge .mark-badge{position:relative;top:0!important;right:0!important}.list-tx{display:flex;align-items:center;height:70rpx;font-size:28rpx}.list-tx-img image{width:60rpx;height:60rpx;border-radius:50%;vertical-align:middle;border:5rpx solid #fff;position:relative}.list-tx:first-child .list-tx-img image{width:80rpx;height:80rpx}.list-tx-img image:nth-of-type(1){z-index:5}.list-tx-img image:nth-of-type(2){z-index:4}.list-tx-img image:nth-of-type(3){z-index:3}.list-tx-img image:nth-of-type(4){z-index:2}.list-tx-img image:nth-of-type(5){z-index:1}.list-tx-img image+image{margin-left:-25rpx;position:relative;margin-right:5px}.list-tx-img+text{margin-left:10rpx}.list-btn{display:flex;align-items:center;height:70rpx}.list-btn button{height:56rpx;font-size:24rpx}.list-btn button+button{margin-left:15rpx}.lattice-list{display:flex;flex-wrap:wrap;text-align:center;padding:0}.lattice-li{width:250rpx;height:250rpx;border-right:1rpx solid #eee;border-bottom:1rpx solid #eee;padding:30rpx}.lattice-li:nth-child(3n){border-right:0rpx solid #eee}.lattice-li .iconfont{display:block;width:100%;font-size:60rpx;line-height:120rpx}.list-double-col{display:flex;flex-wrap:wrap;padding:0}.list-double-col .list-li{width:50%;padding:0 20rpx;border-top:1rpx solid #eee;margin-top:-1rpx}.list-double-col .list-li:nth-child(odd){border-right:1rpx solid #eee}.user{margin-bottom:20rpx;position:relative;background:#333;overflow:hidden;color:#fff}.user .user-top{display:flex;align-items:center;padding:30rpx;position:relative;z-index:1}.user-bg{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;width:100%;height:100%;opacity:.5;top:0;left:0;filter:blur(5px);transform:scale(1.2);z-index:0}.user-img image{width:120rpx;height:120rpx}.user-text{padding-left:30rpx;line-height:60rpx;flex:1}.user-name{font-size:40rpx}.user-name text{font-size:32rpx;color:#aaa}.user .user-sub{display:block;width:auto}.user-img{height:120rpx}.user-nav{display:flex;background:#fff;padding:10rpx 0 0}.user-nav.icon-nav-box .icon-nav{width:100%;height:auto;padding:0;align-items:center}.user-nav.icon-nav-box .icon-nav-navigator{width:25%;margin:20rpx 0 10rpx}.user-nav .icon-nav-navigator:nth-child(1) .iconfont{background:#f1a077}.user-nav .icon-nav-navigator:nth-child(2) .iconfont{background:#7eb1eb}.user-nav .icon-nav-navigator:nth-child(3) .iconfont{background:#f1888b}.user-nav .icon-nav-navigator:nth-child(4) .iconfont{background:#68cd93}.count-icon{color:#aaa}.count-icon .iconfont{font-size:24rpx}.count-icon .iconfont+.iconfont{margin-left:14rpx}.count-icon .iconfont::before{margin-right:6rpx;font-size:28rpx}.form-box{background:#fff;margin-bottom:20rpx}.form-item{display:flex;align-items:center;border-bottom:1rpx solid #eee;min-height:100rpx;padding:0 20rpx}.form-title{text-align:justify;width:170rpx;height:45rpx;padding-right:40rpx;font-size:30rpx;position:relative}.form-title-sm{width:100rpx;text-align:left}.form-title.cur::before{content:"*";border-radius:50rpx;color:#da0000;position:absolute;right:25rpx;top:0}.form-title::after{content:"";display:inline-block;height:0;width:100%;vertical-align:middle}.form-input{flex:1}.form-input-btn{text-align:center;padding:0 10rpx}.form-input-btn>.iconfont{font-size:32rpx;padding:0 10rpx}.form-arrow,.form-item picker{position:relative;flex:1;overflow:hidden;padding-right:40rpx}.form-arrow,.form-item .picker{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-arrow::after,.form-item picker::after{font-family:iconfont!important;display:block;content:"\e6a3";position:absolute;font-size:34rpx;color:#aaa;line-height:30rpx;height:30rpx;width:40rpx;text-align:center;top:0;bottom:0;right:0;margin:auto}.form-avatar-box{display:flex;align-items:center}.form-avatar{width:180rpx;height:180rpx;margin:20rpx;background-color:#f1f1f1;background-size:cover;background-repeat:no-repeat;background-position:center;align-items:flex-end;display:flex;border-radius:6rpx;overflow:hidden}.form-avatar text{text-align:center;background:rgba(0,0,0,.5);color:#fff;line-height:58rpx;flex:1;font-size:24rpx}.form-avatar-item{flex:1;padding-right:20rpx}.form-avatar-item .form-item:last-child{border:none}.double-chose{display:flex;background:#fff}.double-chose-first{background:#f5f5f5}.double-chose view{width:100%;border-bottom:1rpx solid #ddd;padding:20rpx;line-height:50rpx}.double-chose-first view.cur{background:#fff}.form-textarea .form-title{margin-top:-4rpx}.form-textarea{align-items:flex-start;padding:30rpx 20rpx;height:180rpx}.form-textarea textarea{flex:1}.form-item.hide textarea{display:none}.form-item textarea{height:115rpx;width:100%}.form-arrow.form-add::after{content:"\e73b"}.form-upload{flex-wrap:wrap;padding:30rpx 20rpx 20rpx}.form-box .lattice-image{width:100%;margin-top:10rpx}.member-item{display:flex;position:relative;background:#fff;border-bottom:1rpx solid #eee}.member-avatar{width:80rpx;height:80rpx;margin:20rpx}.member-avatar image{margin:0}.member-main{flex:1;padding:20rpx 20rpx 20rpx 0}.member-main-desc{font-size:30rpx;margin:10rpx 0;line-height:40rpx}.member-flex{display:flex;line-height:60rpx;align-items:center;margin-bottom:5rpx;justify-content:space-between}.member-flex .badge{margin-left:0}.member-flex-sub{flex:1}.member-item-sub{margin-top:20rpx}.member-item navigator{display:inline-block}.member-main-sub{border-top:0}.member-main-sub+.member-main-sub{margin-top:20rpx;padding-top:20rpx;border-top:1rpx dashed #eee}.comment{background:#fff}.comment-item .bar{border-bottom:0}.comment-item .btn,.comment-item button{margin-right:0}.comment-item .bar .bar{border:none}.comment-item .bar image{width:60rpx;height:60rpx;margin-left:0}.comment-item .text-sm{margin-left:20rpx}.comment-sub{margin-top:15rpx;background:#f1f1f1;padding:20rpx}.item-list-data{padding:20rpx 0;display:flex;align-items:center;line-height:40rpx}.item-list-data image{height:80rpx;width:80rpx}.item-list-author{flex:1;padding-left:20rpx}.item-list-name text{font-size:26rpx;color:#888}.item-list-info{display:flex;color:#aaa;font-size:24rpx;justify-content:space-between}.item-list-info text+text{margin-left:15rpx}.case-list-li{background:#fff;padding:20rpx 20rpx 0;margin-bottom:20rpx}.case-list-img{position:relative;border-radius:8rpx;overflow:hidden}.case-list-img image{width:100%;display:flex}.case-list-badge{position:absolute;top:0rpx;font-size:24rpx;font-weight:300;border-bottom-left-radius:10rpx;padding:10rpx 20rpx;right:0rpx;background-color:#1cbbb4;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center}.case-list-title{position:absolute;bottom:0;width:100%;color:#fff;font-size:32rpx;font-weight:900;padding:10rpx 20rpx;background-image:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);word-wrap:normal;text-overflow:ellipsis;white-space:nowrap}.article-list-li{background:#fff;padding:0rpx 20rpx;margin-bottom:20rpx}.article-list-title{font-size:32rpx;font-weight:900;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;color:#333;line-height:100rpx}.article-list-content{display:flex}.article-list-thumbs{width:260rpx;height:175rpx;overflow:hidden}.article-list-thumbs image{width:260rpx;height:175rpx}.article-list-desc{flex:1;width:500rpx}.article-list-thumbs+.article-list-desc{padding-left:20rpx}.article-list-text{font-size:28rpx;color:#888;float:left;height:120rpx;overflow:hidden;line-height:40rpx}.card-list-box{display:flex;flex-wrap:wrap;justify-content:space-between;padding:20rpx}.ins-list-li{width:345rpx;margin-bottom:20rpx;border-radius:8rpx;overflow:hidden}.ins-list-img image{width:100%}.ins-list-img{height:380rpx;overflow:hidden;position:relative}.ins-list-author{display:flex;height:80rpx;padding:20rpx;align-items:center;background:#fff}.ins-list-author image{width:60rpx;height:60rpx;margin-right:20rpx}.ins-list-title{position:absolute;bottom:0;width:100%;color:#fff;font-size:30rpx;padding:10rpx 20rpx;background-image:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;border-bottom-left-radius:8rpx}.ins-list-num{position:absolute;background:rgba(0,0,0,.5);padding:5rpx 15rpx;border-radius:12rpx;top:10rpx;right:10rpx;color:#fff;font-size:22rpx;display:flex;width:210rpx;justify-content:space-between}.order-list-li{padding:20rpx;margin-bottom:20rpx;background:#fff}.align-center,.order-list-title{align-items:center}.order-list-title .badge{margin-right:20rpx}.order-list-flex{display:flex;font-size:26rpx;line-height:60rpx}.order-list-info text,.order-sub-li text{color:#f83d2a}.order-sub-li{flex:1.2;font-size:26rpx;line-height:60rpx;align-items:center}.order-sub-li:first-child{flex:1.2}.order-sub-li:last-child{flex:.6}.order-list-info{line-height:40rpx;margin-top:10rpx}.order-list-li>.lattice-image{margin-top:10rpx}.order-list-li>.lattice-image>view{height:220rpx}.order-item{background:#fff}.order-item+.order-item{margin-top:20rpx}.order-item .order-bar{display:flex;height:90rpx;align-items:center}.order-item .goods-main{background:#f5f5f5;padding:20rpx;display:flex}.order-item .goods-main+.goods-main{border-top:1px dashed #ddd}.order-item .goods-main .goods-list-img{width:160rpx;height:160rpx}.order-item .goods-text{flex:1;padding:0 20rpx}.order-item .goods-info{width:150rpx;text-align:right}.order-item .price{font-size:32rpx;color:#f60}.order-item .del-price{text-decoration:line-through;color:#aaa}.column-box{column-count:2;column-gap:0;counter-reset:item-counter;padding:10rpx}.column-li{break-inside:avoid;counter-increment:item-counter;padding:10rpx}.column-li image{width:100%;display:flex}.goods-list-li{background:#fff;margin-bottom:20rpx;padding:20rpx}.goods-list-main{display:flex}.goods-list-img{width:200rpx;height:200rpx}.goods-list-text{flex:1;margin-left:20rpx;display:flex;flex-wrap:wrap;align-items:flex-start}.goods-list-foot{align-self:flex-end;width:100%;display:flex;justify-content:space-between;align-items:flex-end}.goods-list-price{color:#dd514c;font-size:36rpx;flex:1}.goods-list-price text::before,.goods-list-price::before{content:"¥ ";font-size:120%}.goods-list-price text{text-decoration:line-through;font-size:24rpx}.side{background:#f1f1f1;position:fixed;top:0;width:650rpx;height:100%;box-shadow:0 0 0 1000px rgba(0,0,0,.5);left:0;overflow-y:auto;z-index:1000;animation-duration:.3s;animation-timing-function:ease-out}.side-right{left:auto;right:0;animation-name:slide-right}.side-list{width:400rpx;animation-name:slide-left}.side-close{background:rgba(0,0,0,.1);width:350rpx;height:100%;position:fixed;z-index:997;right:0rpx;top:0rpx;animation-duration:4s;animation-timing-function:ease-out;animation-name:fade}.side-right .side-close{width:100rpx;left:0rpx;right:auto}rich-text{color:#555}rich-text .wx-img{max-width:100%}rich-text .wx-p{font-size:28rpx;margin-bottom:20rpx}.card-box{background:#eee;padding:40rpx}.card{position:relative;color:#fff;border-radius:10rpx;background-color:#000;overflow:hidden}.card view{z-index:1;position:relative}.card-top{padding:40rpx 40rpx 0;display:flex;align-items:center}.card-top .text{padding:10rpx 0;flex:1}.card-top image+.text{padding-left:20rpx}.card .text-df{opacity:.7}.card-avarat{width:120rpx;height:120rpx;border-radius:3px}.card .card-bg{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;width:100%;height:100%;opacity:.5;top:0;left:0;filter:blur(5px);transform:scale(1.2);z-index:0}.card-bg-img{width:100%;height:100%}.card-info{padding:20rpx 40rpx;display:flex}.card-text{flex:1}.card-qrcode{text-align:center;opacity:.5}.card-top .card-qrcode{display:flex;align-items:center;align-self:flex-start}.card-data{padding:0 40rpx 20rpx}.card-nav{padding:20rpx 40rpx 0;align-items:center;font-size:32rpx}.white{background:#fff}.gray{color:#666;background:#eee}.primary{background:#0081ff;color:#fff}.secondary{background:#1cbbb4;color:#fff}.success{background:#39b54a;color:#fff}.warning{background:#f37b1d;color:#fff}.danger{background:#dd514c;color:#fff}@keyframes progress-bar-stripes{from{background-position:36px 0}to{background-position:0 0}}.progress{overflow:hidden;height:30rpx;background-color:#f5f5f5;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:20rpx;line-height:30rpx;color:#fff;text-align:center;background-color:#0081ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease}.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:36px 36px}.progress.active .progress-bar{animation:progress-bar-stripes 2s linear infinite}.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}.progress-bar[aria-valuenow="0"]{color:#999;min-width:30px;background:0 0;box-shadow:none}.progress-bar-secondary{background-color:#1cbbb4}.progress-striped .progress-bar-secondary{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-success{background-color:#39b54a}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f37b1d}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#dd514c}.progress-striped .progress-bar-danger{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-xs{height:10rpx}.progress-sm{height:20rpx}.chat-item{display:flex;padding:20rpx}.chat-main{flex:1;margin-right:40rpx}.chat-left .chat-main{margin-left:40rpx}.chat-centact{border-radius:6rpx;padding:20rpx;display:inline-block;max-width:470rpx;line-height:40rpx;position:relative;background:#fff;color:#666;box-shadow:0 1px 3px rgba(0,0,0,.1)}.chat-centact.success{background:#5db85d;color:#fff}.chat-centact::before{content:"";top:26rpx;transform:rotate(180deg);right:-7px;position:absolute;z-index:100;display:inline-block;width:0;height:0;vertical-align:middle;border-right:8px solid #333;border-bottom:8px solid transparent;border-top:8px solid transparent;border-left:0 dotted;overflow:hidden;border-right-color:#fff}.chat-centact text{color:#888;margin-right:20rpx}.chat-item{border:none}.chat-left .chat-centact::before{border-left:8px solid #333;border-right:0 dotted;border-left-color:#fff;left:-7px;right:initial}.chat-centact.success::before{border-right-color:#5db85d}.chat-centact image{max-width:100%;display:block}[class*=animation-]{animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both}.animation-fade{animation-name:fade;animation-duration:.8s;animation-timing-function:linear}.animation-scale-up{animation-name:scale-up}.animation-scale-down{animation-name:scale-down}.animation-slide-top{animation-name:slide-top}.animation-slide-bottom{animation-name:slide-bottom}.animation-slide-left{animation-name:slide-left}.animation-slide-right{animation-name:slide-right}.animation-shake{animation-name:shake}.animation-reverse{animation-direction:reverse}@keyframes fade{0%{opacity:0}100%{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}@keyframes scale-down{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@keyframes slide-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slide-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@keyframes slide-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes slide-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}