/* 首页 */ .status-box{position: fixed;top: 0;left: 0;right: 0;z-index: 10;} .status-nav{width: 100%;position: relative;padding: 30rpx 0;display: flex;align-items: center;} .tab-title{font-size: 36rpx;font-weight: bold;color: #333333;width: 100%;} .tcenter{text-align: center;} .input-box{width: 100%;} .input-box>view{background-color: #FFFFFF;margin: 0 40rpx;height: 80rpx;border-radius: 10rpx;padding: 0 17rpx;} .searchImg{width: 28rpx;height: 28rpx;margin-right: 12rpx;} .linev{height: 39rpx;border: 2rpx dashed rgba(136, 136, 136, 1);} .searchT{font-size: 27rpx;margin: 0 23rpx 0 31rpx;} .gongg-box{width: 25%;color: #2C2C2C;} .gongg-box .img-box image{width: 108rpx;height: 108rpx;} .zou> image{height: auto;} .fawen-img{width: 335rpx;height: 400rpx;} .fawen-itemImg{height: 190rpx;} .kitemm{background-color: #E0E0E0;} .reitem-box{background: #F4F4F4;margin-right: 18rpx;padding: 20rpx;} .reitem-box>image{width: 20rpx;height: 23rpx;margin-right: 18rpx;} .reitem{width: 146rpx;height: 65rpx;border-radius: 20rpx;line-height: 65rpx;text-align: center;} .list-box{width: 48.4%;} .list-like-box{top: 18rpx;right: 18rpx;z-index: 1;} .list-like-box>image{width: 69rpx;height: 69rpx;} .list-cont-box{bottom: 6rpx;left: 0rpx;right: 0; padding-top: 100rpx; background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.79),rgba(255,255,255,0));padding-left: 22rpx;padding-right: 22rpx;padding-bottom: 18rpx;border-bottom-left-radius: 30rpx;border-bottom-right-radius: 30rpx;} .list-cont-box15{bottom: 10rpx;left: 0rpx;right: 0; padding-top: 100rpx; background:-webkit-linear-gradient(bottom,rgba(0,0,0,0.79),rgba(255,255,255,0));padding-left: 22rpx;padding-right: 22rpx;padding-bottom: 18rpx;border-bottom-left-radius: 15rpx;border-bottom-right-radius: 15rpx;} .list-headimg{width: 28rpx;height: 28rpx;margin-right: 6rpx;border-radius: 100%;} /* 分类 */ .catemo{color: #4D4D4D;padding: 20rpx 10rpx;text-align: center;margin-left: 10rpx;} .cateActive{background-color: #F5F5F5;border-radius: 10rpx 0rpx 0rpx 10rpx;padding: 20rpx 10rpx;text-align: center;margin-left: 10rpx;} .cate-tu-item{padding: 16rpx 20rpx;background-color: #DFDFDF;} .cate-box{position: fixed;top: 0;left: 0;bottom: 140rpx;background-color: #FFFFFF;} .list-min{min-height: 260rpx;} .cate-box .fon26 .mar-s20:first-child {margin-top: 50rpx;} /* 搜索 */ .search-input-box{width: 100%;padding-bottom: 20rpx;} .tank-box{margin: 0 85rpx;} .tank-box-itemone{font-size: 32rpx;color: #343434;margin: 90rpx 0;} .tank-btn{width: 240rpx;} /* 我的页面 */ .icon-box>image:nth-child(1){width: 37rpx;height: 38rpx;} .icon-box>image:nth-child(2){width: 32rpx;height: 34rpx;} .icon-box>image:nth-child(3){width: 31rpx;height: 37rpx;} .icon-box>image:nth-child(4){width: 32rpx;height: 33rpx;} .icon-box>image:nth-child(5){width: 33rpx;height: 35rpx;} .icon-box>image:nth-child(6){width: 35rpx;height: 32rpx;} .icon-box>image:nth-child(7){width: 36rpx;height: 35rpx;} /* 暂无内容时,显示的图片大小 */ .zanw-img{width: 474rpx;height: 273rpx;} /* 修改资料页面 */ .head_img{width: 140rpx;height: 140rpx;border-radius: 100%;} .nic{color: #101010;} .head_next{width: 19rpx;height: 19rpx;} /* 自主预约 */ .xiala{border: 2rpx solid #CECECE;height: 80rpx;line-height: 80rpx;} .xiala image{width: 35rpx;height: 24rpx;} .yutime{width: 160rpx;height: 130rpx;} .timed{width: 210rpx;height: 80rpx;line-height: 80rpx;} .titlel{width: 18%;} .height-68{height: 80rpx;} .btnl{margin: 50rpx 80rpx;height: 90rpx;line-height: 90rpx;} /* 客户列表 */ .xialak{height: 60rpx;line-height: 60rpx;border: 2rpx solid #E0E0E0;} .xialak image{width: 35rpx;height: 24rpx;} .customer-btn{height: 60rpx;width: 143rpx;line-height: 60rpx;} /* 医生 */ .qdoctor:before{ content: ''; display: block; width: 10rpx;height: 40rpx; border-radius: 10rpx; background-color: #3875F6; margin-right: 10rpx; } .doctoritem:before{ content: ''; display: block; height: 20rpx; border-radius: 10rpx; border: 4rpx solid #3875F6; background-color: #3875F6; margin-right: 6rpx; } /* .zhuan{transition: all 1s;transform: rotate(90deg);} */ .nozhuan{transition: all 1s;transform: rotate(0deg);} .xial-box{top: 100rpx;left: 0;right: 0;z-index: 4;border: 2rpx solid #E0E0E0;} .xial-item-box{max-height: 400rpx;overflow-y: scroll; overflow-x: hidden;} .doctorx{margin: 0 15rpx;height: 18rpx;border: 2rpx solid #E6E6E6;} .doctorImg{width: 345rpx;height: 285rpx;border-top-left-radius: 10rpx;border-top-right-radius: 10rpx;} .isTop{background-color: #FFFFFF;box-shadow: 0rpx 3rpx 10rpx rgba(0,0,0,.6);} .isTops{position: sticky;left: 0;right: 0;z-index: 2;} .isTopf{position: fixed;left: 0;right: 0;z-index: 2;} /* 底部联系客服、分享、返回首页 */ .btnBKS{height: 120rpx;} .lianShare{height: 90rpx;width: 220rpx;} .backH{width: 190rpx;height: 190rpx;top: -126rpx;} /* 商城 */ .activecate,.shopMo{width: 216rpx;height: 65rpx;border-radius: 20rpx;line-height: 65rpx;text-align: center;background-color: #f2f2f2;color: #333333;} .activecate{color: #FFFFFF;} .shopMo span::after,.activecate span::after{display: inline-block;content: '';width: 16rpx;height: 13rpx;margin-left: 6rpx;} .shopMo span::after{background: url(/static/public/shopSJ.png) no-repeat;background-size: 100% 90%;} .activecate span::after{background: url(/static/public/shopSJ-active.png) no-repeat;background-size: 100% 90%;transform: rotate(180deg);background-position: 0 2rpx;} .shop_list_box>view>view:last-child{margin-bottom: 200rpx;} .activebcate,.shopBMo{border-radius: 20rpx;background-color: #f2f2f2;color: #333333;padding: 12rpx 24rpx;} .activebcate{color: #FFFFFF;} /* 商品详情 */ .activelei,.molei{border-radius: 20rpx;padding: 10rpx 24rpx;color: #333333;margin-left: 20rpx;} .activelei{color: #FFFFFF;} /* 准备下单 */ .activeT,.expressT{width: 124rpx;height: 60rpx;line-height: 60rpx;text-align: center;margin-left: 20rpx;border-radius: 20rpx;} .activeT{color: #FFFFFF;} .activeQuan::before{content: '';display: block;width: 50%;height: 8rpx;background: #3875F6;position: absolute;bottom: -20rpx;left: 50%;transform: translateX(-50%);} .bottoc{margin-top: 6rpx;color: #414141;} .opc{opacity: 0.7;} .width100{width: 100%;} .width33{width: 33%;} .posAll{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.45);z-index: 12;} .posir{position: relative;} .posia{position: absolute;} .posiszy{position: fixed;left: 0;right: 0;z-index: 5;} .posixzy{position: fixed;left: 0;right: 0;z-index: 2;bottom: 0;} .syxzo{top: 0;left: 0;right: 0;bottom: 0;opacity: 0;} .dis{display: flex;} .disac{display: flex;align-items: center;} .disja{display: flex;justify-content: space-around;} .disjb{display: flex;justify-content: space-between;} .disje{display: flex;justify-content: flex-end;} .disjbac{display: flex;justify-content: space-between;align-items: center;} .disjcac{display: flex;justify-content: center;align-items: center;} .fc{flex-direction: column;} .fw{flex-wrap: wrap;} .fe{justify-content: flex-end;} .flexs{flex-shrink: 0;} button:after{content: none!important;} .borbot{border-bottom: 2rpx solid #E6E6E6;} .borbot:last-child{border-bottom: none;} .bbot{border-bottom: 2rpx solid #E6E6E6;} .borbot-df{border: 2rpx solid #DFDFDF;} .borbot-cc{border: 2rpx solid #CCCCCC;} .clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} /* 上下左右---外边距 */ .mar10{margin: 10rpx;} .mar20{margin: 20rpx;} .mar25{margin: 25rpx;} .mar30{margin: 30rpx;} .mar32{margin: 32rpx;} .mar36{margin: 36rpx;} .mar40{margin: 40rpx;} .mar50{margin: 50rpx;} /* 上下---外边距 */ .mar-sx10{margin-top: 10rpx;margin-bottom: 10rpx;} .mar-sx20{margin-top: 20rpx;margin-bottom: 20rpx;} .mar-sx25{margin-top: 25rpx;margin-bottom: 25rpx;} .mar-sx30{margin-top: 30rpx;margin-bottom: 30rpx;} .mar-sx32{margin-top: 32rpx;margin-bottom: 32rpx;} .mar-sx36{margin-top: 36rpx;margin-bottom: 36rpx;} .mar-sx40{margin-top: 40rpx;margin-bottom: 40rpx;} .mar-sx50{margin-top: 50rpx;margin-bottom: 50rpx;} /* 左右---外边距 */ .mar-zy10{margin-left: 10rpx;margin-right: 10rpx;} .mar-zy20{margin-left: 20rpx;margin-right: 20rpx;} .mar-zy25{margin-left: 25rpx;margin-right: 25rpx;} .mar-zy30{margin-left: 30rpx;margin-right: 30rpx;} .mar-zy32{margin-left: 32rpx;margin-right: 32rpx;} .mar-zy36{margin-left: 36rpx;margin-right: 36rpx;} .mar-zy40{margin-left: 40rpx;margin-right: 40rpx;} .mar-zy50{margin-left: 50rpx;margin-right: 50rpx;} /* 上---外边距 */ .mar-s10{margin-top: 10rpx;} .mar-s20{margin-top: 20rpx;} .mar-s25{margin-top: 25rpx;} .mar-s30{margin-top: 30rpx;} .mar-s32{margin-top: 32rpx;} .mar-s36{margin-top: 36rpx;} .mar-s40{margin-top: 40rpx;} .mar-s50{margin-top: 50rpx;} /* 下---外边距 */ .mar-x10{margin-bottom: 10rpx;} .mar-x20{margin-bottom: 20rpx;} .mar-x25{margin-bottom: 25rpx;} .mar-x30{margin-bottom: 30rpx;} .mar-x32{margin-bottom: 32rpx;} .mar-x36{margin-bottom: 36rpx;} .mar-x40{margin-bottom: 40rpx;} .mar-x50{margin-bottom: 50rpx;} /* 左---外边距 */ .mar-z10{margin-left: 10rpx;} .mar-z20{margin-left: 20rpx;} .mar-z25{margin-left: 25rpx;} .mar-z30{margin-left: 30rpx;} .mar-z32{margin-left: 32rpx;} .mar-z36{margin-left: 36rpx;} .mar-z40{margin-left: 40rpx;} .mar-z50{margin-left: 50rpx;} /* 右---外边距 */ .mar-y10{margin-right: 10rpx;} .mar-y20{margin-right: 20rpx;} .mar-y25{margin-right: 25rpx;} .mar-y30{margin-right: 30rpx;} .mar-y32{margin-right: 32rpx;} .mar-y36{margin-right: 36rpx;} .mar-y40{margin-right: 40rpx;} .mar-y50{margin-right: 50rpx;} /* 上下左右---内边距 */ .pad10{padding: 10rpx;} .pad20{padding: 20rpx;} .pad25{padding: 25rpx;} .pad30{padding: 30rpx;} .pad32{padding: 32rpx;} .pad36{padding: 36rpx;} .pad40{padding: 40rpx;} .pad50{padding: 50rpx;} /* 上下---内边距 */ .pad-sx10{padding-top: 10rpx;padding-bottom: 10rpx;} .pad-sx20{padding-top: 20rpx;padding-bottom: 20rpx;} .pad-sx25{padding-top: 25rpx;padding-bottom: 25rpx;} .pad-sx30{padding-top: 30rpx;padding-bottom: 30rpx;} .pad-sx32{padding-top: 32rpx;padding-bottom: 32rpx;} .pad-sx36{padding-top: 36rpx;padding-bottom: 36rpx;} .pad-sx40{padding-top: 40rpx;padding-bottom: 40rpx;} .pad-sx50{padding-top: 50rpx;padding-bottom: 50rpx;} /* 左右---内边距 */ .pad-zy10{padding-left: 10rpx;padding-right: 10rpx;} .pad-zy20{padding-left: 20rpx;padding-right: 20rpx;} .pad-zy25{padding-left: 25rpx;padding-right: 25rpx;} .pad-zy30{padding-left: 30rpx;padding-right: 30rpx;} .pad-zy32{padding-left: 32rpx;padding-right: 32rpx;} .pad-zy36{padding-left: 36rpx;padding-right: 36rpx;} .pad-zy40{padding-left: 40rpx;padding-right: 40rpx;} .pad-zy50{padding-left: 50rpx;padding-right: 50rpx;} /* 上---内边距 */ .pad-s10{padding-top: 10rpx;} .pad-s20{padding-top: 20rpx;} .pad-s25{padding-top: 25rpx;} .pad-s30{padding-top: 30rpx;} .pad-s32{padding-top: 32rpx;} .pad-s36{padding-top: 36rpx;} .pad-s40{padding-top: 40rpx;} .pad-s50{padding-top: 50rpx;} /* 下---内边距 */ .pad-x10{padding-bottom: 10rpx;} .pad-x20{padding-bottom: 20rpx;} .pad-x25{padding-bottom: 25rpx;} .pad-x30{padding-bottom: 30rpx;} .pad-x32{padding-bottom: 32rpx;} .pad-x36{padding-bottom: 36rpx;} .pad-x40{padding-bottom: 40rpx;} .pad-x50{padding-bottom: 50rpx;} .pad-x180{padding-bottom: 180rpx;} .pad-x260{padding-bottom: 260rpx;} /* 左---内边距 */ .pad-z10{padding-left: 10rpx;} .pad-z20{padding-left: 20rpx;} .pad-z25{padding-left: 25rpx;} .pad-z30{padding-left: 30rpx;} .pad-z32{padding-left: 32rpx;} .pad-z36{padding-left: 36rpx;} .pad-z40{padding-left: 40rpx;} .pad-z50{padding-left: 50rpx;} /* 右---内边距 */ .pad-y10{padding-right: 10rpx;} .pad-y20{padding-right: 20rpx;} .pad-y25{padding-right: 25rpx;} .pad-y30{padding-right: 30rpx;} .pad-y32{padding-right: 32rpx;} .pad-y36{padding-right: 36rpx;} .pad-y40{padding-right: 40rpx;} .pad-y50{padding-right: 50rpx;} /* 字体大小 */ .fon20{font-size: 20rpx;} .fon24{font-size: 24rpx;} .fon25{font-size: 25rpx;} .fon26{font-size: 26rpx;} .fon27{font-size: 27rpx;} .fon28{font-size: 28rpx;} .fon30{font-size: 30rpx;} .fon32{font-size: 32rpx;} .fon34{font-size: 34rpx;} .fon36{font-size: 36rpx;} .fon38{font-size: 38rpx;} .fon40{font-size: 40rpx;} /* 字体颜色 */ .colf{color: #FFFFFF;} .colb{color: #000000;} .colc{color: #CCCCCC;} .col3{color: #333333;} .col6{color: #666666;} .col9{color: #999999;} .pcol{color: #3875F6;} .col2c{color: #2C2C2C;} .col80{color: #808080;} /* 字体位置 */ .tc{text-align: center;} .tright{text-align: right;} /* 粗体 */ .bold{font-weight: bold;} /* 背景颜色 */ .pbackc{background-color: #3875F6;} .bacf{background-color: #FFFFFF;} .bcdb{background-color: #DBDBDB;} /* 圆角 */ .radius10{border-radius: 10rpx;} .radius15{border-radius: 15rpx;} .radius20{border-radius: 20rpx;} .radius30{border-radius: 30rpx;}