qlg.tsgz.moe/static/app2/css/applicationopen.css
2020-06-10 13:23:50 +08:00

163 lines
2.4 KiB
CSS
Executable File

.con-nav {
/* width: 100%; */
height: 40px;
}
.con-nav ul {
width: 100%;
height: 100%;
list-style: none;
/* padding: 0px; */
margin: 10px 2px;
/* display: flex;
justify-content: space-between;
align-items: center; */
padding: 5px 1px;
/* overflow-x: scroll; */
}
.con-nav ul li {
padding: 0px 20px;
line-height: 40px;
background: #999999;
display: inline-block;
color: #fff;
float: left;
margin: 0px -16px 0px 0px;
position: relative;
font-size: 14px;
/* text-align: center; */
width: 28%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.con-nav ul li:after {
content: '';
width: 0px;
height: 0px;
display: block;
border: 20px solid transparent;
/* border-bottom: 20px solid transparent; */
border-left: 20px solid #999999;
position: absolute;
right: -21px;
top: 0;
z-index: 10;
}
.con-nav ul li:before {
content: '';
display: block;
border: 20px solid transparent;
width: 0px;
height: 0px;
/* border-top: 20px solid transparent;
border-bottom: 20px solid transparent; */
border-left: 20px solid #fff;
position: absolute;
left: 0px;
top: 0;
right: -20px;
}
.con-nav ul li:first-child {
border-radius: 4px 0 0 4px;
padding-left: 10px;
}
.con-nav ul li:last-child,
.cssNavEnd {
border-radius: 0px 4px 4px 0px;
padding-right: 10px;
}
.con-nav ul li:first-child:before {
display: none;
}
.con-nav ul li:last-child:after,
.cssNavEnd:after {
display: none;
}
.con-nav ul li.active {
background-color: #ef72b6;
/* width: 120px; */
}
.con-nav ul li.active:after {
border-left-color: #ef72b6;
}
.con-content {
margin-top: 20px;
}
.storepos label {
align-items: flex-start;
}
.num .areainp {
height: 80px;
}
#allmap {
flex: 0 0 80%;
height: 200px;
/* z-index: 0; */
}
.num .renzhengphoto .photos .photo {
width: 100px;
}
.num .renzhengphoto .photos .photo img {
width: 100%;
}
.confirmationtext {
/* height: 200px; */
width: 98%;
margin: 0 auto;
/* overflow: hidden; */
}
.confirmationtext .confirmationtext_con {
height: 200px;
width: 98%;
margin: 0 auto;
padding: 10px 4px;
overflow-y: scroll;
}
.oper {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.oper .next {
width: 50%;
}
.pre {
width: 50%;
}
.pre_btn {
height: 30px;
line-height: 30px;
text-align: center;
width: 70%;
margin: 30px auto;
color: #fff;
background: #FF1A03;
border-radius: 15px;
}