@import "/graceUI/reporlist.wxss"; .topbb { height: 215px; margin: 10px; top: 20px; } .top, .topbb { position: relative; } .top { height: 135px; } .top .title .main { background: #3d61f0; border: 1px solid #3d61f0; border-radius: 0.5rem 3rem 3rem 3rem; color: #fff; display: inline-block; font-weight: 300; margin: 16px 10px 10px; padding: 8px; } .top .title .sub { color: #636364; font-size: 1rem; font-weight: 300; margin: 10px; width: 180px; } .top image { bottom: -1rem; position: absolute; right: 0; width: 10rem; z-index: 10; } .search-title { font-size: 50rpx; font-weight: 700; margin-bottom: 60rpx; margin-top: 120rpx; text-align: center; } .search-text { border-radius: 10rpx; color: #86868b; font-size: 35rpx; font-size: 34rpx; line-height: 40rpx; margin: auto auto 120rpx; width: 89%; } .vin-input { background: #f2f2f2; display: -webkit-flex; display: flex; height: 100rpx; margin-bottom: 20rpx; margin-left: 5%; width: 90%; } .opt-name { font-weight: 700; margin-left: 6%; width: 30%; } .opt-input, .opt-name { height: 100rpx; line-height: 100rpx; } .opt-input { color: #b1b1b1; margin-right: 7%; text-align: right; width: 60%; } .search-button { background: #3d61f0 !important; border-radius: 10rpx; color: #fff !important; height: 100rpx !important; line-height: 100rpx !important; margin-top: 40rpx; padding: 0rpx !important; width: 93% !important; } .help-view { font-size: 31rpx; padding: 30rpx; } .help-example { color: #3d61f0; float: left; } .help-wht { color: #f0803e; float: right; } .camera-nav { display: inline-block; } .camera-img { height: 66rpx; margin-bottom: -14rpx; width: 75rpx; } .arrow { border-right: 1px solid #b1b1b1; border-top: 1px solid #b1b1b1; color: #b1b1b1; height: 10px; margin-top: 38rpx; position: absolute; right: 60rpx; transform: rotate(45deg); width: 10px; } .suredata { color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }