.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; }