Home Explore Help
Register Sign In
puyao
/
sljiaxuanuser_uniapp
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 965a3cff66
Branches Tags
sljiaxuanuse...
/
unpackage
/
dist
/
build
/
mp-weixin
/
pages
/
home
/
index.wxss

index.wxss 19 KB
History Raw

12345 
  1. .fixed-top-box{width:100%;position:fixed;top:0;left:0;z-index:1000;transition:all .5s;background-color:#2bc7b9}.fixed-top-box .status_bar{width:100%}.content{width:100%;position:relative}.content .bg{width:100%;height:380rpx;position:absolute;top:0;left:0}.content .top-inner{width:100%;position:absolute;top:0;left:0;z-index:5}.content .top-inner .top-title{height:88rpx;line-height:88rpx;display:flex;align-items:center;justify-content:flex-start}.content .top-inner .top-title .name{margin-left:15rpx;width:183rpx;height:75rpx}.content .top-inner .top-title .name image{width:100%;height:100%}.content .top-inner .top-title .dot{margin:0rpx 10rpx;font-size:28rpx;color:#fff;opacity:.5}.content .top-inner .top-title .sub-name{font-size:30rpx;font-family:Source Han Sans CN;color:#fff}.content .top-inner .func-cont{box-sizing:border-box;display:flex;align-items:center;padding:30rpx 20rpx 30rpx 20rpx}.content .top-inner .func-cont .search-cont{box-sizing:border-box;display:flex;align-items:center;flex:1;height:72rpx;background:#fff;border-radius:36rpx;padding:0 30rpx}.content .top-inner .func-cont .search-cont .icon-search{width:28rpx;height:28rpx;margin-right:20rpx}.content .top-inner .func-cont .search-cont input{height:60rpx;line-height:60rpx;flex:1}.content .top-inner .func-cont .uni-badge{border:none;background-color:#ff3636;font-family:Roboto}.content .top-inner .func-cont .img-item{width:44rpx;height:44rpx;margin-left:30rpx}.content .top-inner .func-cont .img-item image{width:100%;height:100%}.content .top-inner .tips{margin:0rpx 20rpx 30rpx;height:40rpx;line-height:40rpx;display:flex;justify-content:space-between;align-items:center}.content .top-inner .tips .left{font-size:30rpx;color:#fff}.content .top-inner .tips .right{padding:5rpx 20rpx;font-size:24rpx;color:#fff;background-color:#2bc7b9;border-radius:50rpx}.content .banner-box{padding:0 20rpx}.content .banner-box .inner{width:100%;height:236rpx;border-radius:10rpx;overflow:hidden}.content .banner-box .inner .swiper,
    2. 

  2. .content .banner-box .inner .swiper-item,
    3. 

  3. .content .banner-box .inner .swiper-item image{width:100%;height:100%}.content .menu-content{background-color:#fff;overflow:hidden;padding:20rpx 20rpx 0}.content .menu-box{display:flex;align-items:center;background-color:#fff}.content .online-inquiry{box-sizing:border-box;width:100%;height:170rpx;padding:0 20rpx;background:linear-gradient(180deg,hsla(0,0%,100%,.38) 62%,hsla(0,0%,100%,0));display:flex;justify-content:space-between}.content .online-inquiry .item{width:346rpx;height:150rpx;position:relative}.content .online-inquiry .item .bg-img,
    4. 

  4. .content .online-inquiry .item .inner{border-radius:15rpx;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.content .online-inquiry .item .inner{box-sizing:border-box;z-index:2;display:flex;flex-direction:column;justify-content:center;padding-left:32rpx}.content .online-inquiry .item .inner .title{font-size:30rpx;line-height:1;font-family:PingFang SC;font-weight:500;color:#111;margin-bottom:20rpx}.content .online-inquiry .item .inner .sub-title{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#666}.content .online-inquiry .item .inner image{width:80rpx;height:90rpx;position:absolute;right:7rpx;bottom:7rpx}.content .index-cont{box-sizing:border-box;padding:0 20rpx 120rpx}.content .index-cont .pub-item{background:#fff;border-radius:16rpx;margin-bottom:20rpx}.content .index-cont .pub-item .tabs{width:100%;display:flex;align-items:center;justify-content:flex-start;height:110rpx;background-color:#f0f3f4}.content .index-cont .pub-item .tabs .tab{height:110rpx;display:flex;align-items:center;justify-content:center;position:relative;flex:1}.content .index-cont .pub-item .tabs .tab .img{z-index:1;position:absolute;top:0rpx;left:0rpx;width:100%;height:100%}.content .index-cont .pub-item .tabs .tab .inner{z-index:2}.content .index-cont .pub-item .tabs .tab .inner .title{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#666}.content .index-cont .pub-item .tabs .tab .inner .active{color:#2bc7b9}.content .index-cont .pub-item .pub-title-box{box-sizing:border-box;padding:36rpx 30rpx;display:flex;align-items:center;justify-content:space-between}.content .index-cont .pub-item .pub-title-box .left{font-size:32rpx;line-height:1;font-family:PingFang SC;font-weight:700;color:#111}.content .index-cont .pub-item .pub-title-box .right{display:flex;align-items:center;justify-content:center}.content .index-cont .pub-item .pub-title-box .right .text{font-size:24rpx;line-height:1;font-family:PingFang SC;font-weight:500;color:#999;margin-right:10rpx}.content .index-cont .pub-item .pub-title-box .right image{width:14rpx;height:24rpx}.content .index-cont .pub-item .doc-tab-box{padding:14rpx 30rpx 0rpx 30rpx;position:relative}.content .index-cont .pub-item .doc-tab-box .tab-inner{padding:14rpx 0 30rpx;display:flex;overflow-x:auto}.content .index-cont .pub-item .doc-tab-box .item{font-size:28rpx;white-space:nowrap;line-height:1;font-family:PingFang SC;font-weight:500;color:#666;margin-right:40rpx;position:relative}.content .index-cont .pub-item .doc-tab-box .item:last-child{margin-right:0}.content .index-cont .pub-item .doc-tab-box .item.active{font-weight:700;color:#333}.content .index-cont .pub-item .doc-tab-box .item.cases{margin-right:60rpx}.content .index-cont .pub-item .doc-tab-box .item .text{position:relative;z-index:1}.content .index-cont .pub-item .doc-tab-box .item .tab-bg{width:72rpx;height:28rpx;position:absolute;top:17rpx;left:50%;-webkit-transform:translateX(-36rpx);transform:translateX(-36rpx);z-index:-1}.content .index-cont .pub-item .doc-tab-box .right-mask{width:56rpx;height:34rpx;position:absolute;top:25rpx;right:0rpx;z-index:1}.content .index-cont .pub-item .doc-list{padding:20rpx}.content .index-cont .pub-item .doc-list .item{box-sizing:border-box;background:#fff;display:flex;border-bottom:1px solid #f0f0f0;margin-bottom:30rpx}.content .index-cont .pub-item .doc-list .item .head-box{width:120rpx;height:120rpx;background:#edf1f4;border-radius:50%;overflow:hidden;margin-right:30rpx}.content .index-cont .pub-item .doc-list .item .head-box image{width:100%;height:100%}.content .index-cont .pub-item .doc-list .item .info{width:calc(100% - 150rpx)}.content .index-cont .pub-item .doc-list .item .info .top{display:flex;align-items:center;font-family:PingFang SC;line-height:1}.content .index-cont .pub-item .doc-list .item .info .top .name{font-size:34rpx;font-weight:700;color:#111}.content .index-cont .pub-item .doc-list .item .info .top .line{width:1px;height:26rpx;background:#ddd;margin:0 20rpx}.content .index-cont .pub-item .doc-list .item .info .top .other{font-size:28rpx;font-weight:500;color:#333}.content .index-cont .pub-item .doc-list .item .info .unit-box{display:flex;margin-top:24rpx}.content .index-cont .pub-item .doc-list .item .info .unit-box .level{padding:0 10rpx;height:30rpx;line-height:30rpx;font-size:22rpx;font-family:PingFang SC;font-weight:500;color:#fff;background:#2bc7b9;border-radius:10rpx 4rpx 10rpx 4rpx;margin-right:12rpx}.content .index-cont .pub-item .doc-list .item .info .unit-box .name{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#333;line-height:30rpx}.content .index-cont .pub-item .doc-list .item .info .expertise{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#666;line-height:42rpx;margin:22rpx 0 26rpx}.content .index-cont .pub-item .doc-list .item .info .rate-box{display:flex;align-items:center}.content .index-cont .pub-item .doc-list .item .info .rate-box .star{display:flex;align-items:center}.content .index-cont .pub-item .doc-list .item .info .rate-box .star image{width:22rpx;height:22rpx;margin-right:10rpx}.content .index-cont .pub-item .doc-list .item .info .rate-box .star text{font-size:26rpx;font-family:PingFang SC;font-weight:700;color:#cea764;line-height:1}.content .index-cont .pub-item .doc-list .item .info .rate-box .line{width:1px;height:20rpx;background:#ddd;margin:0 20rpx}.content .index-cont .pub-item .doc-list .item .info .rate-box .num-box{display:flex;align-items:center;font-family:PingFang SC}.content .index-cont .pub-item .doc-list .item .info .rate-box .num-box .label{font-size:24rpx;font-weight:500;color:#999;line-height:1;margin-right:7px}.content .index-cont .pub-item .doc-list .item .info .rate-box .num-box .num{font-size:26rpx;font-weight:700;color:#cea764;line-height:1}.content .index-cont .pub-item .doc-list .item .info .price-box{display:flex;align-items:center;margin-top:38rpx}.content .index-cont .pub-item .doc-list .item .info .price-box .btn-item{display:flex;align-items:center;justify-content:center;width:164rpx;height:56rpx;line-height:56rpx;border:1px solid rgba(43,199,185,.5);border-radius:28rpx;font-family:PingFang SC;margin-right:30rpx}.content .index-cont .pub-item .doc-list .item .info .price-box .btn-item:last-child{margin-right:0}.content .index-cont .pub-item .doc-list .item .info .price-box .btn-item .label{font-size:26rpx;font-weight:500;color:#2bc7b9;margin-right:5rpx}.content .index-cont .pub-item .doc-list .item .info .price-box .btn-item .num{font-size:28rpx;font-weight:700;color:#2bc7b9}.content .index-cont .pub-item .doc-list .item:last-child{border-bottom:none;margin-bottom:0rpx}.content .index-cont .pub-item .doc-list .bottom-title{height:50rpx;display:flex;align-items:center;justify-content:center;font-size:26rpx;font-family:PingFang SC;font-weight:700;color:#2bc7b9}.content .index-cont .pub-item .doc-list .bottom-title image{margin-left:8rpx;width:14rpx;height:24rpx}.content .index-cont .pub-item .doc-cont{box-sizing:border-box;padding:0 30rpx}.content .index-cont .pub-item .doc-cont .inner{padding:4rpx 0 40rpx;display:flex;overflow-x:auto}.content .index-cont .pub-item .doc-cont .item{display:flex;align-items:center;flex-direction:column;margin-right:40rpx}.content .index-cont .pub-item .doc-cont .item:last-child{margin-right:0}.content .index-cont .pub-item .doc-cont .item .head-box{width:120rpx;height:120rpx;background:#f2f5f9;border-radius:50%;margin-bottom:20rpx;overflow:hidden}.content .index-cont .pub-item .doc-cont .item .head-box image{width:100%;height:100%}.content .index-cont .pub-item .doc-cont .item .name{max-width:120rpx;font-size:28rpx;line-height:1;font-family:PingFang SC;font-weight:500;color:#111;margin-bottom:16rpx;text-align:center}.content .index-cont .pub-item .doc-cont .item .position{max-width:120rpx;font-size:24rpx;line-height:1;font-family:PingFang SC;font-weight:500;color:#999;text-align:center}.content .index-cont .pub-item .inner{padding:0 30rpx}.content .index-cont .pub-item .pub-tab-box{position:relative}.content .index-cont .pub-item .pub-tab-box .tab-inner{padding:14rpx 0 30rpx;display:flex;overflow-x:auto}.content .index-cont .pub-item .pub-tab-box .item{font-size:28rpx;white-space:nowrap;line-height:1;font-family:PingFang SC;font-weight:500;color:#666;margin-right:40rpx;position:relative}.content .index-cont .pub-item .pub-tab-box .item:last-child{margin-right:0}.content .index-cont .pub-item .pub-tab-box .item.active{font-weight:700;color:#333}.content .index-cont .pub-item .pub-tab-box .item.cases{margin-right:60rpx}.content .index-cont .pub-item .pub-tab-box .item .text{position:relative;z-index:1}.content .index-cont .pub-item .pub-tab-box .item .tab-bg{width:72rpx;height:28rpx;position:absolute;top:17rpx;left:50%;-webkit-transform:translateX(-36rpx);transform:translateX(-36rpx);z-index:-1}.content .index-cont .pub-item .pub-tab-box .right-mask{width:56rpx;height:34rpx;position:absolute;top:14rpx;right:-30rpx;z-index:1}.content .index-cont .pub-item .know-list{padding-right:10rpx}.content .index-cont .pub-item .know-list .item{padding:30rpx 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f0}.content .index-cont .pub-item .know-list .item:last-child{border-bottom:none}.content .index-cont .pub-item .know-list .item .left{flex:1;padding-right:40rpx;height:190rpx;display:flex;flex-direction:column;justify-content:space-between}.content .index-cont .pub-item .know-list .item .left .title{font-size:32rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:48rpx}.content .index-cont .pub-item .know-list .item .left .info-box{width:100%;display:flex;align-items:center;justify-content:space-between}.content .index-cont .pub-item .know-list .item .left .info-box .readers{display:flex;align-items:center}.content .index-cont .pub-item .know-list .item .left .info-box .readers .head-box{margin-right:27rpx;display:flex;align-items:center}.content .index-cont .pub-item .know-list .item .left .info-box .readers .head-box .head{width:48rpx;height:48rpx;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #fff;margin-right:-10rpx}.content .index-cont .pub-item .know-list .item .left .info-box .readers .head-box .head image{width:100%;height:100%}.content .index-cont .pub-item .know-list .item .left .info-box .readers .readings{display:flex;align-items:center}.content .index-cont .pub-item .know-list .item .left .info-box .readers .readings .eye{width:26rpx;height:20rpx;margin-right:9rpx}.content .index-cont .pub-item .know-list .item .left .info-box .readers .readings .num{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999;line-height:1}.content .index-cont .pub-item .know-list .item .left .info-box .time{font-size:24rpx;line-height:1;font-family:PingFang SC;font-weight:500;color:#999}.content .index-cont .pub-item .know-list .item .right{width:250rpx;height:190rpx;border-radius:8rpx;overflow:hidden}.content .index-cont .pub-item .know-list .item .right image{width:100%;height:100%}.content .index-cont .pub-item .cases-list{padding-bottom:10rpx}.content .index-cont .pub-item .cases-list .item{padding:30rpx 0;border-bottom:1px solid #f0f0f0}.content .index-cont .pub-item .cases-list .item:last-child{border-bottom:none}.content .index-cont .pub-item .cases-list .item .dec-text{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#111;line-height:48rpx}.content .index-cont .pub-item .cases-list .item .images-box{margin-top:10rpx;display:flex;flex-wrap:wrap}.content .index-cont .pub-item .cases-list .item .images-box .img-item{width:155rpx;height:155rpx;background:#f5f5f5;border-radius:8rpx;margin:0 10rpx 10rpx 0;overflow:hidden}.content .index-cont .pub-item .cases-list .item .images-box .img-item image{width:100%;height:100%}.content .index-cont .pub-item .cases-list .item .images-box .img-item:nth-child(4n){margin-right:0}.content .index-cont .pub-item .cases-list .item .doc-info{display:flex;align-items:center;margin:30rpx 0 20rpx}.content .index-cont .pub-item .cases-list .item .doc-info .head{width:60rpx;height:60rpx;background:#f2f5f9;border-radius:50%;margin-right:20rpx;overflow:hidden}.content .index-cont .pub-item .cases-list .item .doc-info .head image{width:100%;height:100%}.content .index-cont .pub-item .cases-list .item .doc-info .name{font-size:28rpx;line-height:1;font-family:PingFang SC;font-weight:500;color:#111}.content .index-cont .pub-item .cases-list .item .doc-info .line{width:1px;height:22rpx;background:#ddd;margin:0 16rpx}.content .index-cont .pub-item .cases-list .item .doc-info .posit,
    5. 

  5. .content .index-cont .pub-item .cases-list .item .doc-info .address{font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#999}.content .index-cont .pub-item .cases-list .item .answer-box{width:100%;background:#f5f7f7;border-radius:10rpx;display:flex;flex-direction:column;justify-content:center}.content .index-cont .pub-item .cases-list .item .answer-box .text-inner{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#666;line-height:42rpx;padding:15rpx}.content .index-cont .pub-item .cases-list .item .read-box{margin-top:30rpx;display:flex;align-items:center;justify-content:flex-end}.content .index-cont .pub-item .cases-list .item .read-box image{width:24rpx;height:19rpx;margin-right:10rpx}.content .index-cont .pub-item .cases-list .item .read-box .text{font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#999}.content .index-cont .feat-title{margin-top:30rpx;padding:10rpx 0 33rpx;display:flex;align-items:center;justify-content:center}.content .index-cont .feat-title image{width:37rpx;height:37rpx;margin:0rpx 20rpx}.content .index-cont .feat-title text{font-size:36rpx;line-height:1;font-family:PingFang SC;font-weight:700;color:#111}.content .index-cont .drug-list{display:flex;flex-wrap:wrap}.content .index-cont .drug-list .item{margin-right:20rpx;margin-bottom:20rpx;width:345rpx;background:#fff;box-shadow:0 0 10rpx 4rpx hsla(0,0%,78%,.22);border-radius:20rpx;overflow:hidden}.content .index-cont .drug-list .item:nth-child(2n){margin-right:0}.content .index-cont .drug-list .item .img-box{width:100%;height:334rpx}.content .index-cont .drug-list .item .img-box image{width:100%;height:100%}.content .index-cont .drug-list .item .info-box{box-sizing:border-box;height:182rpx;padding:20rpx}.content .index-cont .drug-list .item .info-box .title{height:80rpx;font-size:26rpx;font-family:PingFang SC;font-weight:500;color:#111;line-height:40rpx}.content .index-cont .drug-list .item .info-box .price-box{display:flex;align-items:center;margin-top:20rpx}.content .index-cont .drug-list .item .info-box .price-box .now{color:#f63;display:flex;align-items:flex-end;margin-right:20rpx;font-family:PingFang SC}.content .index-cont .drug-list .item .info-box .price-box .now .unit{font-size:24rpx;line-height:1.4;margin-right:4rpx}.content .index-cont .drug-list .item .info-box .price-box .now .num{font-size:36rpx;font-weight:700;line-height:1}.content .index-cont .drug-list .item .info-box .price-box .old{font-size:26rpx;font-family:PingFang SC;text-decoration:line-through;color:#bbb;line-height:1}.official-account{box-sizing:border-box;width:100%;height:100rpx;position:fixed;bottom:30rpx;z-index:99;padding:0 20rpx 180rpx 20rpx}.message-box{box-sizing:border-box;width:100%;height:84rpx;background:#f3fffd;border:1px solid #c7e9e5;box-shadow:0 4rpx 12rpx 0 rgba(90,203,138,.16);border-radius:16rpx;position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:30rpx;z-index:99;display:flex;align-items:center;justify-content:space-between;padding:0 20rpx 0 30rpx}.message-box .left{flex:1;display:flex;align-items:center}.message-box .left image{width:24rpx;height:24rpx;margin-right:18rpx}.message-box .left .text{width:90%;font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#2bc7b9}.message-box .btn{width:100rpx;height:48rpx;line-height:48rpx;text-align:center;font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#fff;border:1px solid #d2e6ff;background:linear-gradient(135deg,#2bc7b9,#60cdc3);border-radius:24rpx;margin-left:30rpx}.contact-btn{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.popup-box{position:fixed;top:0;right:0;left:0;bottom:0;z-index:999;display:flex;justify-content:center;align-items:center}.popup-box .info-mask{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);z-index:999}.popup-box .info-form{z-index:1000;width:450rpx;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.popup-box .info-form image{width:100%}
    6.