* { padding: 0px; margin: 0px; } body { margin: 0; padding: 0; font-size: 0px; height: 100vh; } input{ padding-left: .875rem; box-sizing: border-box; } button{ border: none; } .fs14{ font-size: .875rem; } .fs16{ font-size: 1rem; } .pdlr30{ padding-left: 1.875rem; padding-right: 1.875rem; } .img{ width: 100%; } .login-con-hed{ height: 16rem; position: relative; } #login .int p{ font-family: PingFangSC-Semibold; font-size: 1.125rem; color: #100B0C; margin-bottom: .5rem; letter-spacing: 0; line-height: 1.125rem; } #login .int input{ background: #FFFFFF; border: 1px solid #D2D5CE; border-radius: 2px; border-radius: 2px; width: 19.6875rem; height: 2.5rem; margin-bottom: 1.5rem; } #login .btn{ background: #00A3E0; border-radius: 2px; width: 19.6875rem; height: 3.125rem; border-radius: 2px; font-family: PingFangSC-Regular; font-size: 1.125rem; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 1.125rem; } .copyright{ font-family: PingFangSC-Regular; font-size: .875rem; color: #999F9F; letter-spacing: 0; margin: auto; display: block; text-align: center; width: 100%; line-height: .875rem; position: absolute; bottom: 1.8125rem; } .session-con-hed{ width:100%; height: 2.75rem; box-sizing: border-box; display: flex; justify-content: space-between; background-color: #fff; align-items: center; padding: 0 .9375rem;position: fixed; top: 0px; left: 0px; } .session-con-hed .tit{ font-family: PingFangSC-Regular; font-size: 1.125rem; color: #100B0C; letter-spacing: 0; line-height: 1.125rem; } .session-con-hed .kf{ width: 1.5rem; display: block; height: 1.5rem; } .session-con-hed .rit{ display: flex; } .session-con-hed .menu{ display: flex; width: 1.5rem; margin-left: 1rem; height: 1.5rem; align-items: center; justify-content: space-between; } .session-con-hed .menu p{ width: 4px; height: 4px; background-color: #100B0C; border-radius: 50%; } #session{ background: #F2F2F2; padding-top: 2.5rem; padding-left: .9375rem; padding-right: .9375rem; min-height: 100%; padding-bottom: 4.5rem; box-sizing: border-box; } .customerService{ padding-top: 1.5rem; display: flex; } .customerService .left{ width: 2.5rem; border-radius: 50%; margin-right: .625rem; overflow: hidden; height: 2.5rem; } .customerService .rit .date{ font-family: PingFangSC-Regular; font-size: .75rem; color: #999F9F; letter-spacing: 0; margin-bottom: .25rem; line-height: .75rem; } .customerService .rit .text{ font-family: PingFangSC-Regular; font-size: .8125rem; color: #292D2D; letter-spacing: 0; width: 15.9375rem; box-sizing: border-box; padding: .625rem; background-color: #fff; line-height: 1.25rem; } .customerService .rit .text .gd>:nth-child(1){ width: 100%; height: 6.875rem; } .customerService .rit .text .gd>:nth-child(2){ width: 14.6875rem; height: 2.5rem; background: #00A3E0; border-radius: .125rem; border-radius: .125rem; font-family: PingFangSC-Regular; font-size: 1rem; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 1rem; } .user{ display: flex; margin-top: 1.875rem; justify-content: flex-end; } .user .left{ text-align: right; } .user .left .date{ font-family: PingFangSC-Regular; font-size: .75rem; color: #999F9F; letter-spacing: 0; line-height: .75rem; } .user .left .text{ background: #00A3E0; border-radius: .25rem; max-width: 15.9375rem; margin-top: .25rem; border-radius: .25rem; padding: .625rem; display: inline-flex; font-family: PingFangSC-Regular; font-size: .8125rem; color: #FFFFFF; letter-spacing: 0; box-sizing: border-box; line-height: 1.25rem; } .user .left .text img{ width: 1.25rem; height: 1.25rem; } .user .left .text p{ display: iib; text-align: left; } .user .rit{ width: 2.5rem; margin-left: .625rem; height: 2.5rem; overflow: hidden; border-radius: 50%; } .session-footer{ width: 100%; height: 3.5rem; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 .9375rem; position: relative; position: fixed; bottom: 0px; background-color: #fff; } .session-footer img{ width: 1.625rem; height: 1.625rem; } .session-footer>:nth-child(2) { position: relative; } .session-footer>:nth-child(2) .input{ width: 16.525rem; height: 2.5rem; background: #F2F2F2; border-radius: 4px; border: none; border-radius: 4px; } .session-footer>:nth-child(2) .button{ width: 16.525rem; height: 2.5rem; background: #F2F2F2; border-radius: .25rem; border: none; border-radius: .25rem; font-family: PingFangSC-Regular; font-size: 1rem;display: none; color: #999F9F; letter-spacing: -0.08px; line-height: 1rem; } .session-footer>:nth-child(2) img{ width: 1.625rem; height: 1.625rem; position: absolute; top: .375rem; right: .625rem; } #session .artificial{ text-align: center; margin-top: 1.5rem; } #session .artificial p{ background: #8B8B8B; border-radius: .25rem; border-radius: .25rem; font-family: PingFangSC-Regular; font-size: .75rem; color: #FFFFFF; letter-spacing: 0; display: inline-block; text-align: center; padding: .1875rem .5rem; line-height: 1.125rem; } .moban{ position: absolute;width: 100%; height: 12.5rem; top: -12.6rem; left: 0px; background-color: #fff; box-sizing: border-box; display: none; padding-top: 3.125rem; } .moban img{ position: absolute; width: 1.25rem; height: 1.25rem; right: .9375rem; top: .9375rem; } .moban .tis{ font-family: PingFangSC-Regular; font-size: .875rem; color: #999F9F; text-align: center; margin: auto; width: 19.6875rem; text-align: center; } .qrderQuery-con-hed{ width: 100%; position: fixed; left: 0px; z-index: 5; top: 0px; height: 2.75rem; display: flex; background-color: #fff; align-items: center; justify-content: center; } .qrderQuery-con-hed a{ width: 1.25rem; position: absolute; left: 1.1875rem; top: 25%; transform: rotateZ(180deg); height: 1.25rem; } .qrderQuery-con-hed p{ font-family: PingFangSC-Regular; font-size: 1.125rem; color: #100B0C; letter-spacing: 0; line-height: 1.125rem; } #qrderQuery{ width: 100%; min-height: 100%; background-color: #F2F2F2; box-sizing: border-box; padding: .9375rem; padding-top: 3.6875rem; } #qrderQuery .tit{ font-family: PingFangSC-Regular; font-size: 1rem; color: #999F9F; margin-bottom: .9375rem; letter-spacing: 0; line-height: 1.5rem; } #qrderQuery{ } .qrderQuery-c{ background: #FFFFFF; border-radius: 8px; border-radius: 8px; width: 100%; box-sizing: border-box; margin-bottom: .625rem; padding: 1rem; padding-top: .8125rem; } .qrderQuery-c .titcon{ font-family: PingFangSC-Regular; font-size: 1rem; padding-bottom: .6875rem; color: #100B0C; letter-spacing: 0; border-bottom: 1px solid #EBEEF5; line-height: 1.625rem; } .qrderQuery-c .zt{ display: flex; justify-content: space-between; font-family: PingFangSC-Regular; font-size: .875rem; color: #999F9F; margin-top: .9375rem; letter-spacing: 0; line-height: .875rem;; } .qrderQuery-c .date{ font-family: PingFangSC-Regular; font-size: .875rem; color: #999F9F; letter-spacing: 0; margin-top: .625rem; line-height: .875rem;; } .zta{ color: #002925; } .ztb{ color: #000002; } #personalCenter{ width: 100%; min-height: 100%; background-color: #F2F2F2; box-sizing: border-box; padding-top: 3.6875rem; } #personalCenter .list{ width: 100%; display: block; box-sizing: border-box; height: 3.375rem; display: flex; background-color: #fff; box-sizing: border-box; align-items: center; } #personalCenter .list div{ box-shadow: inset 0 -1px 0 0 #EBEEF5; width: 100%; display: block; box-sizing: border-box; height: 3.375rem; display: flex; background-color: #fff; margin-left: .875rem; box-sizing: border-box; align-items: center; } #personalCenter .list img{ width: 1.125rem; height: 1.125rem; margin-right: .5rem; } #personalCenter .list p{ margin-right: .5rem; font-family: PingFangSC-Regular; font-size: 1rem; color: #100B0C; letter-spacing: 0; line-height: 1.5rem; } .tc{ position: fixed; width: 100%; display: flex; justify-content: center; align-items: center; height: 3.875rem; background-color: #fff; bottom: 0px; left: 0px; } .tc button{ background: #FFFFFF; border: 1px solid #00A3E0; border-radius: 2px; border-radius: 2px; width: 21.5625rem; height: 3.125rem; font-family: PingFangSC-Regular; font-size: 1.125rem; color: #00A3E0; letter-spacing: 0; text-align: center; line-height: 1.125rem; } #costInformation{ width: 100%; min-height: 100%; background-color: #F2F2F2; box-sizing: border-box; padding-bottom: 4.375rem; padding-top: 3.6875rem; } #costInformation .list { background-color: #fff; display: block; box-sizing: border-box; overflow: hidden; width: 100%; } #costInformation .list div{ box-shadow: inset 0 -1px 0 0 #EBEEF5; width: 100%; display: block; box-sizing: border-box; height: 3.375rem; display: flex; background-color: #fff; margin-left: .875rem; box-sizing: border-box; align-items: center; padding-right: .9375rem; } #costInformation .list div>:nth-child(1){ font-family: PingFangSC-Regular; font-size: .875rem; color: #100B0C; letter-spacing: 0; min-width: 5.25rem; margin-right: 1.875rem; line-height: 20px; } #costInformation .list div>:nth-child(2){ font-family: PingFangSC-Regular; font-size: .875rem; color: #292D2D; letter-spacing: 0; line-height: 20px; } .qd{ position: fixed; width: 100%; background-color: #fff; height: 3.875rem; display: flex; align-items: center; bottom: 0px; left: 0px; box-sizing: border-box; padding: 0 .9375rem; justify-content: center; } .qd button{ background: #00A3E0; border-radius: 2px; width: 100%; height: 3.25rem; border-radius: 2px; font-family: PingFangSC-Regular; font-size: 1.125rem; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 1.125rem; } #completeSet{ width: 100%; min-height: 100%; background-color: #F2F2F2; box-sizing: border-box; padding-bottom: 4.375rem; padding-top: 3.6875rem; } #completeSet .list { background-color: #fff; display: block; box-sizing: border-box; overflow: hidden; width: 100%; } #completeSet .list>div{ box-shadow: inset 0 -1px 0 0 #EBEEF5; width: 100%; display: block; box-sizing: border-box; height: 3.375rem; display: flex; background-color: #fff; margin-left: .875rem; box-sizing: border-box; align-items: center; padding-right: .9375rem; } #completeSet .list>div>:nth-child(1){ font-family: PingFangSC-Regular; font-size: .875rem; color: #100B0C; letter-spacing: 0; min-width: 7.5rem; margin-right: 1.875rem; line-height: 20px; } #completeSet .list>div>:nth-child(2){ font-family: PingFangSC-Regular; font-size: .875rem; color: #292D2D; letter-spacing: 0; flex: 1; position: relative; overflow: hidden;padding-right: .9375rem; line-height: 20px; } #completeSet .list>div>:nth-child(2) input{ padding-left: 0px; width: 100%; border: none; } #completeSet .list>div>:nth-child(2) input::placeholder{ font-family: PingFangSC-Regular; font-size: .875rem; color: #999F9F; letter-spacing: 0; line-height: 20px; } #completeSet .mgtop{ margin-top: 10px; } #completeSet .list>div>:nth-child(2) button{ padding-left: 0px; width: 100%; text-align: left; font-family: PingFangSC-Regular; font-size: .875rem; color: #999F9F; letter-spacing: 0; line-height: 20px; border: none; background-color: #fff; } #completeSet .list>div>:nth-child(2) button img{ position: absolute; width: 1.25rem; height: 1.25rem; right: .9375rem; } .completeSetqd{ position: fixed; width: 100%; background-color: #fff; height: 3.875rem; display: flex; align-items: center; bottom: 0px; left: 0px; box-sizing: border-box; padding: 0 .9375rem; justify-content: center; } .completeSetqd button{ background: #00A3E0; border-radius: 2px; width: 100%; height: 3.25rem; border-radius: 2px; font-family: PingFangSC-Regular; font-size: 1.125rem; color: #FFFFFF; letter-spacing: 0; text-align: center; line-height: 1.125rem; opacity: 0.5; background: #00A3E0; border-radius: 2px; border-radius: 2px; } .mobanxuan{ position: fixed; width: 100%; height: 100%; left: 0px; display: none; top: 0px; background-color: rgba(0,0,0,0.5); } .mobanxuan>div{ position: absolute; bottom: 0px; width: 100%; background: #F2F2F2; border-radius: 12px 12px 0 0; overflow: hidden; } .mobanxuan>div .p{ width: 100%; height: 3.125rem; display: flex; align-items: center; background-color: #fff; border-bottom: 1px solid #F2F2F2; justify-content: center; font-size: .875rem; } .mobanxuan>div .btn{ width: 100%; height: 3.125rem; display: flex; align-items: center; margin-top: .625rem; background-color: #fff; border-bottom: 1px solid #F2F2F2; justify-content: center; font-size: .875rem; }