.easy-select.data-v-32406354 { position: relative; border: 1px solid #dcdfe6; border-radius: 4px; /* font-size: 28rpx; */ color: #606266; outline: none; box-sizing: content-box; height: 30px; } .easy-select input.data-v-32406354 { padding: 0 18rpx; padding-right: 60rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 100% !important; min-height: 100% !important; } .easy-select .easy-select-suffix.data-v-32406354 { position: absolute; box-sizing: border-box; height: 100%; right: 5px; top: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s; transition: all .3s; -webkit-transform-origin: center; transform-origin: center; } .easy-select .showOptions.data-v-32406354 { -webkit-transform: rotate(0) !important; transform: rotate(0) !important; } .easy-select .no-showOptions.data-v-32406354 { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } .easy-select .easy-select-options.data-v-32406354 { position: absolute; padding: 6px 0; margin-top: 10px; border: 1px solid #e4e7ed; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); box-sizing: border-box; -webkit-transform-origin: center top; transform-origin: center top; z-index: 2238; overflow: scroll; max-height: 274rpx; } .easy-select .easy-select-options-item.data-v-32406354 { padding: 0 20rpx; position: relative; white-space: nowrap; font-size: 14px; color: #606266; height: 33px; line-height: 33px; box-sizing: border-box; } .easy-select .active.data-v-32406354 { background-color: #F5F7FA } page { height: 100vh; width: 100%; background-color: #f4f4f4; } .toast { position: fixed; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); height: 100vh; z-index: 9999999999; width: 100%; } .toast-list { background-color: #FFFFFF; height: 75%; width: 90%; margin: 0 auto; margin-top: 25%; display: -webkit-box; display: -webkit-flex; display: flex; border-radius: 15rpx; overflow: hidden; /* padding: 20upx 0; */ } .list-left { -webkit-box-flex: 0; -webkit-flex: 0 0 45%; flex: 0 0 45%; font-size: 32rpx; overflow-y: scroll; text-align: center; background-color: #f0f0f0; } .cha { margin: 0 auto; margin-top: 30rpx; width: 100%; } .cha image { height: 60rpx; width: 60rpx; margin: 0 auto; display: block; } /* ::-webkit-scrollbar { display: none; } */ .list-right { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 32rpx; overflow-y: scroll; /* height: 100upx; */ overflow-y: scroll; line-height: 100rpx; text-align: left; padding-left: 60rpx; /* background-color: #23459D; */ } .name { padding: 0 10rpx; min-height: 100rpx; line-height: 100rpx; /* background-color: #f0f0f0; */ /* padding: 20upx 30upx; */ } .active { background-color: #FFFFFF; color: #23459D; } .province { background-color: #F7F7F7; margin: 0 10rpx; text-align: center; background-image: url(data:image/png;base64,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); background-repeat: no-repeat; background-size: 30rpx; background-position: 95% center; } .province view { width: 85%; /* text-align: left; */ word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .border { height: 100vh; /* position: relative; */ } .header { width: 100%; height: 396rpx; background-image: url(/static/img/header6.png); background-size: 100% auto; background-repeat: no-repeat; } .header image { width: 100%; height: 198px; } .select { display: -webkit-box; display: -webkit-flex; display: flex; padding: 30rpx; width: 85%; margin: 0 auto; background-color: #FFFFFF; border-radius: 20rpx; margin-top: -100rpx; } .setcity, .reachcity { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; text-align: center; } .change{ -webkit-box-flex: 0; -webkit-flex: 0 0 70rpx; flex: 0 0 70rpx; } .title { font-size: 28rpx; height: 50rpx; line-height: 50rpx; color: #3B4144; text-align: center; } .city { font-size: 36rpx; font-weight: bold; height: 70rpx; line-height: 70rpx; text-align: center; } .city image { height: 30rpx; width: 30rpx; display: inline-block; vertical-align: middle; margin-left: 10rpx; } .change image { height: 60rpx; width: 60rpx; margin-top: 30rpx; } .content { /* width: 85%; */ margin: 0 auto; margin-top: 10rpx; padding: 30rpx; padding-bottom: 110rpx; } .reach, .set { padding: 30rpx; background-color: #FFFFFF; border-radius: 20rpx; } .reach { margin-top: 30rpx; } .text { height: 70rpx; line-height: 70rpx; } .text1, .text2, .text3 { display: inline-block; margin-right: 10rpx; } .text image { height: 32rpx; width: 30rpx; margin-right: 10rpx; display: inline-block; vertical-align: middle; } .text1 { font-size: 28rpx; font-weight: bold; } .text2, .text3 { font-size: 20rpx; height: 35rpx; line-height: 35rpx; padding-left: 5rpx; border-radius: 10rpx; text-align: center; } .num1, .num2 { width: 35rpx; heigh: 35rpx; display: inline-block; vertical-align: top; color: #FFFFFF; margin-left: 5rpx; } .num1 { background-color: #ff6164; } .num2 { background-color: #ffa657; } .text2 { color: #ff6164; background-color: rgba(255, 97, 100, 0.1); border: solid 2rpx #ff6164; } .text3 { color: #ffa657; background-color: rgba(255, 166, 87, 0.1); border: solid 2rpx #ffa657; } .source { height: 50rpx; line-height: 50rpx; font-size: 24rpx; color: #9f9d9e; } .conter { line-height: 42rpx; font-size: 26rpx; color: #4b4a4a; margin-top: 20rpx; } .conter ._p{ padding: 2rpx 0 8rpx 0; line-height: 40rpx; /* color: #4b4a4a; */ color: #666; font-size: 28rpx; text-align:justify; } .tip { margin-top: 42rpx; font-size: 26rpx; font-weight: 400; line-height: 36rpx; color: #999999; opacity: 1; } .bottom-bt { padding: 10rpx 0; width: 100%; position: fixed; bottom: 0; height: 80rpx; display: -webkit-box; display: -webkit-flex; display: flex; background-color: #FFFFFF; z-index: 999; border-top: solid 4rpx #EEEEEE; } .left, .right { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; flex: 0 0 30%; height: 80rpx; line-height: 80rpx; background-color: #23459D; color: #FFFFFF; font-size: 32rpx; text-align: center; border-radius: 40rpx; } .left { margin-left: 15%; margin-right: 5%; } .right { margin-left: 5%; margin-right: 15%; }