/* pages/kabaw/mykabaw.wxss */ page{ background: #fff; /* width: 90vw; height: auto; margin: 0 5vw; */ } .nomore{ width: 100%; text-align: center; color: #999; height: 40px; line-height: 40px; font-size: 14px; } .main{ width: 100vw; height: auto; } .top-tab{ width: 100vw; height: 50px; background:#e3e3e3; line-height: 50px; display: flex; justify-content: center; } .top-tab .tab{ width: 40vw; height: 38px; line-height: 38px; text-align: center; font-size: 14px; margin-top: 12px; color: #9B9B9B; } .top-tab .native{ width: 40vw; height: 38px; line-height: 38px; text-align: center; font-size: 16px; background: #fff; border-radius: 8px 8px 0 0; color: #000; } .qlist{ width: 100%; height: auto; padding: 0 10vw; /* border: 1px solid #eee; */ } .qlist .quan{ margin-left: 0; width: 80vw; border: none; border-radius: 0; border-bottom: 1px solid #eee; } .quan{ width: 80vw; height: 110px; padding: 10px 0; margin-left: 5vw; position: relative; border-radius: 8px; border: 1px solid #eee; display: flex; } .quan .left{ width: 26vw; height: 90px; } .quan .right{ width: 54vw; height: 90px; padding: 10px 10px; font-size: 10px; background: #fff; position: relative; } .left image{ width: 26vw; height: 90px; /* margin: 15px calc( 13vw - 35px ); */ background: #eee; } .quan .gouser{ width: auto; padding: 0 10px; text-align: center; height: 24px; line-height: 24px; border-radius: 24px; border: 1px solid #0F2862; /* background: #f20; */ position: absolute; bottom: 25px; right: 12px; font-size: 12px; } .right view{ width: auto; height: 17px; line-height: 17px; } .right .store{ word-break: break-all; overflow: hidden; } .right .qname{ width: 100%; height: 29px; /* line-height: 29px; */ font-size: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; } .right .shixiao{ position: absolute; right: 0; top: 15px; width: 66px; height: 60px; }