| 12345 |
- /*
- Color UI v1.5.0 | by 文晓港
- 仅供学习交流，如作他用所承受的法律责任一概与作者无关
- */
- page{color:#333;font-size:28rpx;font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif;line-height:1.4}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-right:10rpx;margin-left: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-right:20rpx;margin-left: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-right:30rpx;margin-left: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-right:40rpx;margin-left: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-right:50rpx;margin-left: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-right:10rpx;padding-left: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-right:20rpx;padding-left: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-right:30rpx;padding-left: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-right:40rpx;padding-left: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-right:50rpx;padding-left: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{display:table;content:" "}.cf::after{clear:both}.fl{float:left}.fr{float:right}button{margin-right:initial;margin-left:initial}.btn{position:relative;display:inline-flex;overflow:hidden;box-sizing:border-box;padding:13rpx 25rpx;border-radius:5px;background-color:#f8f8f8;color:#000;text-align:center;text-decoration:none;font-size:28rpx;line-height:initial;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.btn.iconfont{padding:0;width:70rpx;height:70rpx;font-size:30rpx}.xs.btn{padding:7rpx 15rpx;font-size:20rpx}.xs.btn.iconfont{padding:0;width:50rpx;height:50rpx;font-size:20rpx}.sm.btn{padding:10rpx 20rpx;height:50rpx;font-size:24rpx}.sm.btn.iconfont{padding:0;width:60rpx;height:60rpx;font-size:25rpx}.lg.btn{padding:16rpx 30rpx;font-size:32rpx}.lg.btn.iconfont{padding:0;width:80rpx;height:80rpx;font-size:35rpx}.xl.btn{padding:19rpx 35rpx;font-size:36rpx}.xl.btn.iconfont{padding:0;width:90rpx;height:90rpx;font-size:40rpx}.btn.block{display:flex}.btn[disabled]:not([type]){opacity:.6}.btn::after{position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;border:1px solid rgba(0,0,0,.2);border-radius:10px;content:" ";-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0}.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;bottom:0;z-index:999;display:flex;padding:20rpx 0;width:100%;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2);justify-content:center}.foot-btn .btn{margin:0 30rpx;max-width:375rpx;flex:1}.fixed.btn{position:fixed;right:30rpx;bottom:30rpx;z-index:997;display:flex;padding:20rpx 0;border-radius:50%;align-items:center;justify-content:center;flex-wrap:wrap}.fixed.btn text{display:block;width:100rpx;text-align:center;font-size:24rpx;line-height:30rpx}.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{position:absolute;top:0;left:0;width:200%;height:200%;content:" ";-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0}.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;top:10px;bottom:15px;left:10px;z-index:-1;width:50%;box-shadow:0 15px 10px rgba(0,0,0,.2);content:"";-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);-ms-transform:rotate(-3deg)}.shadow-alice:after{right:10px;left:auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg);-ms-transform:rotate(3deg)}.badge{position:relative;display:inline-flex;box-sizing:border-box;padding:10rpx 20rpx;color:#fff;vertical-align:middle;font-size:20rpx;line-height:initial;align-items:stretch;justify-content:center}.badge.sm{padding:8rpx 10rpx;font-size:18rpx}.capsule-badge text:last-child{background:#fff;color:#888}.capsule-badge text{display:flex;padding:10rpx 20rpx;align-items:center}.capsule-badge{overflow:hidden;padding:0;border:1rpx solid transparent}.mark-badge{position:absolute;top:-11rpx;right:-14rpx;padding:8rpx 13rpx 5rpx;border-radius:100rpx;background:#dd514c;font-size:18rpx}.mark-badge.cur{top:-4rpx;right:-4rpx;padding:8rpx}.bar{position:relative;display:flex;height:90rpx;background:#fff;align-items:center}.bar-text{position:absolute;top:0;left:0;overflow:hidden;padding:0 160rpx;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap;line-height:90rpx;cursor:none;pointer-events:none}.bar image{width:65rpx;height:65rpx}.bar.topfix{position:fixed;top:0;z-index:999;width:100%}.bar.bottomfix{position:fixed;bottom:0;z-index:999;width:100%}.bottomfix input{overflow:initial;height:60rpx;line-height:60rpx}.bar.bottomfix.btns{align-items:stretch}.bar.bottomfix.btns>view{position:relative;display:flex;text-align:center;align-items:center;justify-content:center}.bar.bottomfix.btns .mark-badge{right:15rpx}.bar.bottomfix.btns .mark-badge.cur{top:15rpx;right:40rpx}.bar .serach-round{display:flex;border-radius:100rpx;background:#f5f5f5;color:#666;font-size:24rpx;line-height:70rpx;flex:1;align-items:center}.bar .serach-round .iconfont{display:inline-block;width:70rpx;text-align:center}.bar .serach-form{display:flex;align-items:center;flex:1}.bar .serach-form .iconfont{display:inline-block;width:80rpx;text-align:center;font-size:40rpx}.bar-close{position:absolute;top:15rpx;right:15rpx}.loading-more{display:flex;height:100rpx;background:#f5f5f5;color:#999;align-items:center;justify-content:center}.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%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.iconfont-spin{display:inline-block;-webkit-animation:icon-spin 2s infinite linear;animation:icon-spin 2s infinite linear}.iconfont-pulse{display:inline-block;-webkit-animation:icon-spin 1s infinite steps(8);animation:icon-spin 1s infinite steps(8)}.mode-loading{position:fixed;top:0;right:0;bottom:140rpx;left:0;z-index:9999;display:flex;margin:auto;width:260rpx;height:260rpx;border-radius:10rpx;background:#fff;box-shadow:0 0 0rpx 2000rpx rgba(0,0,0,.5);text-align:center;font-size:28rpx;align-items:center;justify-content:center}.mode-loading .iconfont{font-size:150%}.mode-loading::after{position:absolute;z-index:-1;width:200rpx;height:200rpx;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;border-radius:50%;background:#fff;content:"";font-size:10px;animation:icon-spin 1s infinite linear}.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;padding-bottom:2%;flex-wrap:wrap}.lattice-image>view{position:relative;display:flex;overflow:hidden;margin-top:2%;margin-right:2%;padding-bottom:32%;width:32%;border-radius:4rpx;background-position:center;background-size:cover;background-repeat:no-repeat;color:#888;justify-content:center;align-items:center}.lattice-image>view:nth-child(3n){margin-right:0}.lattice-image>view image{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.lattice-btn .iconfont{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:50rpx;height:50rpx;text-align:center;font-size:50rpx;line-height:50rpx}.lattice-btn{border:1rpx solid #ddd}.lattice-image .icon-close,.lattice-image .icon-upload{position:absolute;top:0;right:0;z-index:9;display:block;width:50rpx;border-bottom-left-radius:3px;background:rgba(0,0,0,.5);color:#fff;text-align:center;font-size:28rpx;line-height:50rpx}.icon-nav-box{position:relative;z-index:888;overflow-x:auto;width:100%}.icon-nav-box .icon-nav{display:flex;padding:30rpx 0;width:1125rpx;height:360rpx;background:#fff;flex-wrap:wrap}.icon-nav-box .icon-nav-navigator{display:block;margin:10rpx 0;width:187.5rpx;text-align:center;line-height:0}.icon-nav-navigator .iconfont{position:relative;display:inline-block;width:80rpx;height:80rpx;border-radius:46%;color:#fff;font-size:40rpx;line-height:80rpx}.icon-nav-navigator .icon-nav-text{display:block;margin-top:10rpx;color:#888;font-size:26rpx;line-height:40rpx}.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;z-index:889;margin-top:-20rpx;height:20rpx;background:#fff}.icon-bar{position:absolute;right:0;bottom:8px;left:0;margin:auto;width:40%;height:5rpx;background:#eee}.icon-bar-dot{width:80%;height:5rpx;background:#39b54a}.fixed-nav{position:fixed;top:0;z-index:999}.nav{overflow-x:auto;overflow-y:hidden;width:100%;height:92rpx;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.2);white-space:nowrap;font-size:30rpx}.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;overflow:hidden;margin:0 26rpx;height:92rpx;color:#666;line-height:92rpx}.nav-item.cur{border-bottom:8rpx solid #39b54a;color:#39b54a}.nav-item-childer{position:fixed;top:93rpx;left:0;z-index:998;width:100%;background:#fff;box-shadow:0 1000px 0 1000px rgba(0,0,0,.5)}.center-nav{display:flex;justify-content:center}.center-nav .nav-item{flex:1}.menu-nav{display:flex;overflow:hidden;align-items:center}.menu-nav .nav-item-box{overflow-x:auto;overflow-y:hidden;width:600rpx}.menu-nav-btn{padding:0 20rpx;width:150rpx;height:60rpx;border-left:1rpx solid #eee;text-align:center;font-size:28rpx;line-height:60rpx}.scroll-nav{position:relative;padding-top:92rpx}.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;display:none;outline:0;background:rgba(0,0,0,.6);text-align:center;opacity:0;-webkit-transform:scale(1.185);transform:scale(1.185);-ms-transform:scale(1.185);backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.modal-box::before{display:inline-block;height:100%;content:"\200B";vertical-align:middle}.modal-box.cur{display:block;overflow-x:hidden;overflow-y:auto;opacity:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}.modal-dialog{position:relative;display:inline-block;overflow:hidden;margin-right:auto;margin-left:auto;width:680rpx;max-width:100%;border-radius:10rpx;background:#f8f8f8;vertical-align:middle}.modal-title{margin-bottom:1rpx;padding:20rpx;background:#fff;font-size:32rpx;line-height:60rpx}.modal-close{position:absolute;top:0rpx;right:0rpx;width:60rpx;height:45rpx;border-bottom-left-radius:10rpx;background:#f83d2a;color:#fff}.modal-bd{background:#fff;text-align:left}.modal-message{padding:50rpx 30rpx}.modal-option{display:flex;border-top:1rpx solid #eee;background:#fff;text-align:center;align-items:center}.modal-option-btn{line-height:100rpx;flex:1}.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}.single-modal{padding:20rpx;background:#fff;text-align:center}.single-modal-item{float:left;overflow:hidden;margin-right:2%;margin-bottom:20rpx;padding:20rpx;width:32%;border-radius:3px;background:#f5f5f5;color:#666;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:32rpx;line-height:36rpx}.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{position:relative;display:flex;height:100rpx;border-bottom:1px solid #eee;font-size:32rpx;line-height:36rpx;justify-content:space-between;align-items:center}.list-li:last-child{border:none}.list-arrow{padding-right:35rpx}.list-arrow::after{position:absolute;top:1px;right:0;bottom:0;display:block;margin:auto;width:30rpx;height:30rpx;color:#aaa;content:"\e6a3";text-align:center;font-size:34rpx;font-family:iconfont!important;line-height:30rpx}.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{margin-left:10rpx;color:#888;font-size:28rpx}.list-icon{font-size:24rpx}.list-badge{display:flex;align-items:center}.list-badge .mark-badge{position:relative;top:0!important;right:0!important}.list-tx{display:flex;height:70rpx;font-size:28rpx;align-items:center}.list-tx-img image{position:relative;width:60rpx;height:60rpx;border:5rpx solid #fff;border-radius:50%;vertical-align:middle}.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{position:relative;margin-right:5px;margin-left:-25rpx}.list-tx-img+text{margin-left:10rpx}.list-btn{display:flex;height:70rpx;align-items:center}.list-btn button{height:56rpx;font-size:24rpx}.list-btn button+button{margin-left:15rpx}.lattice-list{display:flex;padding:0;text-align:center;flex-wrap:wrap}.lattice-li{padding:30rpx;width:250rpx;height:250rpx;border-right:1rpx solid #eee;border-bottom:1rpx solid #eee}.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;padding:0;flex-wrap:wrap}.list-double-col .list-li{margin-top:-1rpx;padding:0 20rpx;width:50%;border-top:1rpx solid #eee}.list-double-col .list-li:nth-child(odd){border-right:1rpx solid #eee}.user{position:relative;overflow:hidden;margin-bottom:20rpx;background:#333;color:#fff}.user .user-top{position:relative;z-index:1;display:flex;padding:30rpx;align-items:center}.user-bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2);filter:blur(5px)}.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{color:#aaa;font-size:32rpx}.user .user-sub{display:block;width:auto}.user-img{height:120rpx}.user-nav{display:flex;padding:10rpx 0 0;background:#fff}.user-nav.icon-nav-box .icon-nav{padding:0;width:100%;height:auto;align-items:center}.user-nav.icon-nav-box .icon-nav-navigator{margin:20rpx 0 10rpx;width:25%}.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{margin-bottom:20rpx;background:#fff}.form-item{display:flex;padding:0 20rpx;min-height:100rpx;border-bottom:1rpx solid #eee;align-items:center}.form-title{position:relative;padding-right:40rpx;width:170rpx;height:45rpx;text-align:justify;font-size:30rpx}.form-title-sm{width:100rpx;text-align:left}.form-title.cur::before{position:absolute;top:0;right:25rpx;border-radius:50rpx;color:#da0000;content:"*"}.form-title::after{display:inline-block;width:100%;height:0;content:"";vertical-align:middle}.form-input{flex:1}.form-input-btn{padding:0 10rpx;text-align:center}.form-input-btn>.iconfont{padding:0 10rpx;font-size:32rpx}.form-arrow,.form-item picker{position:relative;overflow:hidden;padding-right:40rpx;flex:1}.form-arrow,.form-item .picker{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-arrow::after,.form-item picker::after{position:absolute;top:0;right:0;bottom:0;display:block;margin:auto;width:40rpx;height:30rpx;color:#aaa;content:"\e6a3";text-align:center;font-size:34rpx;font-family:iconfont!important;line-height:30rpx}.form-avatar-box{display:flex;align-items:center}.form-avatar{display:flex;overflow:hidden;margin:20rpx;width:180rpx;height:180rpx;border-radius:6rpx;background-color:#f1f1f1;background-position:center;background-size:cover;background-repeat:no-repeat;align-items:flex-end}.form-avatar text{background:rgba(0,0,0,.5);color:#fff;text-align:center;font-size:24rpx;line-height:58rpx;flex:1}.form-avatar-item{padding-right:20rpx;flex:1}.form-avatar-item .form-item:last-child{border:none}.double-chose{display:flex;background:#fff}.double-chose-first{background:#f5f5f5}.double-chose view{padding:20rpx;width:100%;border-bottom:1rpx solid #ddd;line-height:50rpx}.double-chose-first view.cur{background:#fff}.form-textarea .form-title{margin-top:-4rpx}.form-textarea{padding:30rpx 20rpx;height:180rpx;align-items:flex-start}.form-textarea textarea{flex:1}.form-item.hide textarea{display:none}.form-item textarea{width:100%;height:115rpx}.form-arrow.form-add::after{content:"\e73b"}.form-upload{padding:30rpx 20rpx 20rpx;flex-wrap:wrap}.form-box .lattice-image{margin-top:10rpx;width:100%}.member-item{position:relative;display:flex;border-bottom:1rpx solid #eee;background:#fff}.member-avatar{margin:20rpx;width:80rpx;height:80rpx}.member-avatar image{margin:0}.member-main{padding:20rpx 20rpx 20rpx 0;flex:1}.member-main-desc{margin:10rpx 0;font-size:30rpx;line-height:40rpx}.member-flex{display:flex;margin-bottom:5rpx;line-height:60rpx;align-items:center;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{margin-left:0;width:60rpx;height:60rpx}.comment-item .text-sm{margin-left:20rpx}.comment-sub{margin-top:15rpx;padding:20rpx;background:#f1f1f1}.item-list-data{display:flex;padding:20rpx 0;line-height:40rpx;align-items:center}.item-list-data image{width:80rpx;height:80rpx}.item-list-author{padding-left:20rpx;flex:1}.item-list-name text{color:#888;font-size:26rpx}.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{margin-bottom:20rpx;padding:20rpx 20rpx 0;background:#fff}.case-list-img{position:relative;overflow:hidden;border-radius:8rpx}.case-list-img image{display:flex;width:100%}.case-list-badge{position:absolute;top:0rpx;right:0rpx;padding:10rpx 20rpx;border-bottom-left-radius:10rpx;background-color:#1cbbb4;color:#fff;vertical-align:baseline;text-align:center;white-space:nowrap;font-weight:300;font-size:24rpx;line-height:1}.case-list-title{position:absolute;bottom:0;padding:10rpx 20rpx;width:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);color:#fff;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-weight:900;font-size:32rpx}.article-list-li{margin-bottom:20rpx;padding:0rpx 20rpx;background:#fff}.article-list-title{color:#333;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-weight:900;font-size:32rpx;line-height:100rpx}.article-list-content{display:flex}.article-list-thumbs{overflow:hidden;width:260rpx;height:175rpx}.article-list-thumbs image{width:260rpx;height:175rpx}.article-list-desc{width:500rpx;flex:1}.article-list-thumbs+.article-list-desc{padding-left:20rpx}.article-list-text{float:left;overflow:hidden;height:120rpx;color:#888;font-size:28rpx;line-height:40rpx}.card-list-box{display:flex;padding:20rpx;flex-wrap:wrap;justify-content:space-between}.ins-list-li{overflow:hidden;margin-bottom:20rpx;width:345rpx;border-radius:8rpx}.ins-list-img image{width:100%}.ins-list-img{position:relative;overflow:hidden;height:380rpx}.ins-list-author{display:flex;padding:20rpx;height:80rpx;background:#fff;align-items:center}.ins-list-author image{margin-right:20rpx;width:60rpx;height:60rpx}.ins-list-title{position:absolute;bottom:0;padding:10rpx 20rpx;width:100%;border-bottom-left-radius:8rpx;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background-image:linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);color:#fff;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:30rpx}.ins-list-num{position:absolute;top:10rpx;right:10rpx;display:flex;padding:5rpx 15rpx;width:210rpx;border-radius:12rpx;background:rgba(0,0,0,.5);color:#fff;font-size:22rpx;justify-content:space-between}.order-list-li{margin-bottom:20rpx;padding: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{font-size:26rpx;line-height:60rpx;flex:1.2;align-items:center}.order-sub-li:first-child{flex:1.2}.order-sub-li:last-child{flex:.6}.order-list-info{margin-top:10rpx;line-height:40rpx}.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{display:flex;padding:20rpx;background:#f5f5f5}.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{padding:0 20rpx;flex:1}.order-item .goods-info{width:150rpx;text-align:right}.order-item .price{color:#f60;font-size:32rpx}.order-item .del-price{color:#aaa;text-decoration:line-through}.column-box{padding:10rpx;counter-reset:item-counter;column-count:2;column-gap:0}.column-li{padding:10rpx;counter-increment:item-counter;break-inside:avoid}.column-li image{display:flex;width:100%}.goods-list-li{margin-bottom:20rpx;padding:20rpx;background:#fff}.goods-list-main{display:flex}.goods-list-img{width:200rpx;height:200rpx}.goods-list-text{display:flex;margin-left:20rpx;flex:1;flex-wrap:wrap;align-items:flex-start}.goods-list-foot{display:flex;width:100%;align-self:flex-end;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{position:fixed;top:0;left:0;z-index:1000;overflow-y:auto;width:650rpx;height:100%;background:#f1f1f1;box-shadow:0 0 0 1000px rgba(0,0,0,.5)}.side-right{right:0;left:auto}.side-list{width:400rpx}.side-close{position:fixed;top:0rpx;right:0rpx;z-index:997;width:350rpx;height:100%;background:rgba(0,0,0,.1)}.side-right .side-close{right:auto;left:0rpx;width:100rpx}rich-text{color:#555}rich-text .wx-img{max-width:100%}rich-text .wx-p{margin-bottom:20rpx;font-size:28rpx}.card-box{padding:40rpx;background:#eee}.card{position:relative;overflow:hidden;border-radius:10rpx;background-color:#000;color:#fff}.card view{position:relative;z-index:1}.card-top{display:flex;padding:40rpx 40rpx 0;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{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2);filter:blur(5px)}.card-bg-img{width:100%;height:100%}.card-info{display:flex;padding:20rpx 40rpx}.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;font-size:32rpx;align-items:center}.white{background:#fff}.gray{background:#eee;color:#666}.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}@-webkit-keyframes progress-bar-stripes{from{background-position:36px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:36px 0}to{background-position:0 0}}.progress{overflow:hidden;height:30rpx;background-color:#f5f5f5;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;background-color:#0081ff;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);color:#fff;text-align:center;font-size:20rpx;line-height:30rpx;-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-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-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;-webkit-background-size:36px 36px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;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"]{min-width:30px;background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#999}.progress-bar-secondary{background-color:#1cbbb4}.progress-striped .progress-bar-secondary{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-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-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:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-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-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:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-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-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:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-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-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{margin-right:40rpx;flex:1}.chat-left .chat-main{margin-left:40rpx}.chat-centact{position:relative;display:inline-block;padding:20rpx;max-width:470rpx;border-radius:6rpx;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#666;line-height:40rpx}.chat-centact.success{background:#5db85d;color:#fff}.chat-centact::before{position:absolute;top:26rpx;right:-7px;z-index:100;display:inline-block;overflow:hidden;width:0;height:0;border-top:8px solid transparent;border-right:8px solid #333;border-bottom:8px solid transparent;border-left:0 dotted;content:"";vertical-align:middle;-webkit-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg);border-right-color:#fff}.chat-centact text{margin-right:20rpx;color:#888}.chat-item{border:none}.chat-left .chat-centact::before{right:initial;left:-7px;border-right:0 dotted;border-left:8px solid #333;border-left-color:#fff}.chat-centact.success::before{border-right-color:#5db85d}.chat-centact image{display:block;max-width:100%}
|
