body {
}
html{
-webkit-text-size-adjust:none;
}
.route-content{
width: 100%;
display: flex;
z-index: 555;
height: 100%;
}
.widthset{
display: none;
width: 100%;
z-index: 555;
flex: 1 0 auto;
align-self: flex-end;
}
.panel-bottom-btn{
display: flex;
justify-content: center;
align-items: center;
}
.lr-form-row .lr-btn{
margin-right: 15px;
}
.outcase{
/* display: none; */
width: 100%;
z-index: 555;
flex: 1 0 auto;
align-self: flex-end;
}
.route-play-panel{
display: flex;
height: 165px;
background: #fff;
padding: 10px;
flex-direction: column;
}
.text-area{
display: flex;
flex-direction: column;
}
.text-area p{
margin: 0;
font-size: 14px;
}
.time-speed{
font-size: 12px;
color: gray;
margin-top: 4px;
}
.address-line{
display: flex;
flex-direction: row wrap;
align-items: center;
margin-top: 8px;
}
.address-line span{
font-size: 12px;
width: 45px;
color: gray;
}
.address-lin p{
margin: 0;
font-size: 14px;
}
.delimite-route-line{
height: 1px;
width: 100%;
margin-top: 10px;
background: #d4d2d2;
}
.button-area{
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
height: 80px;
align-self: flex-end;
}
.speed-set{
display: flex;
flex-direction: column;
height: 40px;
align-items: center;
}
.speed-set span{
font-size: 1.2em;
color: gray;
}
.speed-level{
margin: 0;
font-size:10px;
-webkit-transform:scale(0.8);
color: gray;
}
.play-control{
height: 80px;
display: flex;
justify-content: space-between;
width: 75%;
align-items: center;
}
.play-control .icon-last,.icon-next{
color: #2ea1ef;
font-size: 2em;
}
.play-control .icon-bofang{
color: #2ea1ef;
font-size: 3.5em;
}
.play-control .icon-zanting{
color: #2ea1ef;
font-size: 3.08em;
}
.icon-bottom-word{
margin: 0;
font-size:10px;
-webkit-transform:scale(0.8);
color: gray;
}
.date-set{
display: flex;
flex-direction: column;
height: 40px;
align-items: center;
}
.date-set span{
font-size: 1.2em;
color: gray;
}