Commit 448d231c by Chao Sun

颜色修改

parent 199c5423
$(function () {
// var api = 'https://' + window.location.host;
var api = 'https://mdev.zuihuibi.cn';
var api = 'https://m.zuihuibi.cn';
var gitUrlParam = window.location.search;
const param = {
phone: '',
......
$(function () {
// var api = 'https://' + window.location.host;
var api = 'https://mdev.zuihuibi.cn';
var api = 'https://m.zuihuibi.cn';
var gitUrlParam = window.location.search;
const param = {
phone: '',
......
/* You can add global styles to this file, and also import other style files */
*{
margin: 0;padding:0;
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
html,
body {
position: relative;
height:100%;
height: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
/* overflow: hidden; */
}
img{
img {
max-width: 100%;
}
ul li,ol li{
ul li,
ol li {
list-style: none;
}
.container{
.container {
padding: 0;
height: 100%;
}
.title{
.title {
text-align: center;
}
.wrapper{
.wrapper {
display: flex;
flex-direction: column;
}
.layout{
.layout {
display: flex;
flex-direction: column;
padding:0 10px;
height:100%;
padding: 0 10px;
height: 100%;
}
.layout.wrapper{
padding:0;
.layout.wrapper {
padding: 0;
}
.tips{
.tips {
display: flex;
justify-content: center;
align-items: center;
padding:20px 0px;
padding: 20px 0px;
}
.footer{
.footer {
display: flex;
justify-content: center;
align-items: center;
......@@ -56,46 +69,53 @@ ul li,ol li{
border-radius: 10px;
box-shadow: 0px 15px 16px -8px #f4bbbe;
}
/* .layout.cityLayout{
padding:10px 0;
} */
.content{
.content {
/* max-height: 525px; */
overflow: auto;
-webkit-overflow-scrolling: touch;
padding-bottom: 75px;
}
/* .layout.cityLayout .questionTitle{
margin:0 10px;
} */
.questionTitle{
color:#ec2d37;
.questionTitle {
color: #ec2d37;
font-size: 22px;
height: 60px;
line-height: 60px;
width: 100%;
display: flex;
}
.questionTitle span{
color: rgba(3,177, 153)
.questionTitle span {
color: rgba(3, 177, 153)
}
.questionTitle.hospitalTitle{
.questionTitle.hospitalTitle {
line-height: unset;
margin: 25px auto 15px auto;
}
.questionTitle.smokeTitle{
.questionTitle.smokeTitle {
line-height: unset;
margin: 25px auto 55px auto;
}
.content_footer{
.content_footer {
display: flex;
width: 100%;
position: fixed;
bottom: 0;
background-color: #fff;
padding-bottom:15px;
padding-bottom: 15px;
}
.content_footer div{
.content_footer div {
text-align: center;
color: #ec2d37;
font-size: 20px;
......@@ -103,25 +123,35 @@ ul li,ol li{
line-height: 60px;
font-weight: bold;
}
.content_footer div.next{
.content_footer div.next {
color: #8a8a8a;
}
.content_footer div:nth-child(1){
.content_footer div:nth-child(1) {
font-size: 20px;
width: 10%;
}
.content_footer div:nth-child(2){
.content_footer div:nth-child(2) {
font-weight: 500;
width: 50%;
margin-left:15%;
margin-left: 15%;
}
.twoContent{
.twoContent {
height: 100%;
}
.jobContent,.income,.cityContent{
.jobContent,
.income,
.cityContent {
width: 100%;
}
.jobContent li,.income li,.cityContent li{
.jobContent li,
.income li,
.cityContent li {
width: 100%;
height: 55px;
line-height: 55px;
......@@ -131,57 +161,71 @@ ul li,ol li{
box-sizing: border-box;
padding-left: 5%;
}
.jobContent li.selected,.income li.selected{
.jobContent li.selected,
.income li.selected {
border: 2px #ff0000 solid;
}
.cityContent{
.cityContent {
display: flex;
flex-wrap: wrap;
margin-top: 10%;
margin-bottom: 0px;
}
.income{
.income {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
.income li{
.income li {
width: 49%;
float: left;
margin-right: 2%;
text-align: center;
padding-left: 0;
}
.income li:nth-child(2),.income li:nth-child(4),.income li:nth-child(6){
.income li:nth-child(2),
.income li:nth-child(4),
.income li:nth-child(6) {
margin-right: 0;
}
.cityContent li{
width:12%;
.cityContent li {
width: 12%;
height: 46px;
line-height: 46px;
text-align: center;
padding-left: 0;
margin-left: 1%;
margin-right: 1%;
border:none;
-moz-box-shadow:0px 3px 7px rgb(206, 208, 210);
-webkit-box-shadow:0px 3px 7px rgb(206, 208, 210);
box-shadow:0px 3px 7px rgb(206, 208, 210);
border: none;
-moz-box-shadow: 0px 3px 7px rgb(206, 208, 210);
-webkit-box-shadow: 0px 3px 7px rgb(206, 208, 210);
box-shadow: 0px 3px 7px rgb(206, 208, 210);
}
.cityContent li:nth-child(7),.cityContent li:nth-child(14),.cityContent li:nth-child(21),.cityContent li:nth-child(28){
.cityContent li:nth-child(7),
.cityContent li:nth-child(14),
.cityContent li:nth-child(21),
.cityContent li:nth-child(28) {
margin-right: 0;
}
.cityContent li.selected{
background: rgba(148,209, 204)
.cityContent li.selected {
background: #94D1CC;
}
.toastWrapper{
.toastWrapper {
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
}
.toast{
.toast {
position: fixed;
left: 0;
right: 0;
......@@ -192,7 +236,7 @@ ul li,ol li{
z-index: 1;
}
.toastContent{
.toastContent {
position: fixed;
bottom: 0;
width: 100%;
......@@ -201,11 +245,13 @@ ul li,ol li{
z-index: 20;
animation: slowUp .5s ease both;
}
.toastContent.city{
.toastContent.city {
margin: 0;
height: 60%;
}
.toastContent .live{
.toastContent .live {
display: flex;
height: 40px;
line-height: 40px;
......@@ -214,24 +260,28 @@ ul li,ol li{
border-bottom: 1px rgb(220, 220, 220) solid;
font-size: 16px;
}
.toastContent .province{
.toastContent .province {
display: flex;
height: 40px;
line-height:40px;
line-height: 40px;
}
.toastContent .province span{
.toastContent .province span {
width: 45%;
font-size:16px;
font-size: 16px;
text-align: center;
}
/* .toastContent .province span.selected{
border-bottom:2px solid #ff0000;
} */
.toastContent ul{
.toastContent ul {
width: 100%;
margin: 5% 0%;
}
.toastContent ul li{
.toastContent ul li {
width: 46%;
float: left;
text-align: center;
......@@ -242,30 +292,35 @@ ul li,ol li{
height: 40px;
line-height: 40px;
}
.toastContent ul li.selected{
.toastContent ul li.selected {
border: 1px #ff0000 solid;
}
.toastContent ul.city {
margin: 0;
overflow: scroll;
max-height: 250px;
-webkit-overflow-scrolling: touch;
}
.toastContent ul.city li{
.toastContent ul.city li {
width: 100%;
border:none;
border: none;
border-bottom: 1px rgb(220, 220, 220) solid;
border-radius: 0;
margin: 0;
height:35px;
line-height:35px;
height: 35px;
line-height: 35px;
}
.address{
.address {
width: 80%;
margin:15% auto;
margin: 15% auto;
text-align: center;
}
#errTips{
#errTips {
width: 60%;
height: 60px;
position: fixed;
......@@ -292,4 +347,4 @@ ul li,ol li{
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
\ No newline at end of file
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment