yuminge-app/yun-min-program-plugin-master/packageH/flightInformation/flightInformation.wxss

282 lines
4.6 KiB
Plaintext

/* packageH/flightInformation/flightInformation.wxss */
page {
background-color: #fff;
}
#flightInformation .btn {
width: 640rpx;
height: 80rpx;
background-color: #c9c9c9;
border-radius: 40rpx;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
#flightInformation .btns {
width: 640rpx;
height: 80rpx;
background-color: #f14e4e;
border-radius: 40rpx;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
#flightInformation .selectBox {
width: 689.92rpx;
height: 76.16rpx;
border-radius: 9.92rpx;
border: solid 0.96rpx #959595;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 23.04rpx;
padding-right: 25.92rpx;
box-sizing: border-box;
margin-bottom: 97.92rpx;
position: relative;
}
/* #flightInformation .selectBox picker {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
} */
#flightInformation .selectBox .boxCen {
display: flex;
justify-content: center;
align-items: center;
font-size: 30.08rpx;
}
#flightInformation .selectBox .span {
font-size: 64rpx;
margin-top: 22.4rpx;
margin-right: 16.96rpx;
color: #f14e4e;
}
#flightInformation .banner {
width: 750.08rpx;
}
#flightInformation .banner swiper {
width: 100%;
height: 100%;
}
#flightInformation .banner swiper image {
width: 100%;
background-color: aquamarine;
}
#flightInformation .isForm .formConten {
padding: 0 30.08rpx;
padding-top: 24.96rpx;
padding-bottom: 40rpx;
}
#flightInformation .isForm .title {
display: flex;
justify-content: space-between;
padding: 0 30.08rpx;
padding-top: 46.08rpx;
align-items: center;
}
#flightInformation .isForm .title .left {
display: flex;
align-items: center;
font-size: 33.92rpx;
}
#flightInformation .isForm .title .left .span {
font-size: 30.08rpx;
color: #666;
}
#flightInformation .isForm .title .line {
width: 4.16rpx;
height: 24rpx;
background-color: #f14e4e;
border-radius: 1.92rpx;
margin-right: 15.04rpx;
}
/* 弹窗 */
#misnad .van-popup {
background-color: transparent !important;
}
.is_icon {
margin-top: 32rpx;
text-align: center;
}
#misnad .van-popup icon {
color: #fff;
font-size: 80rpx;
}
.popbox {
width: 560rpx;
height: 760rpx;
background-color: #fff;
border-radius: 9.92rpx;
padding: 0 40.96rpx;
padding-top: 56rpx;
position: relative;
overflow: hidden;
}
.popbox .title {
font-size: 32rpx;
color: #161615;
text-align: center;
}
.popbox .contenTxt {
width: 560rpx;
height: 544rpx;
overflow-y: scroll;
text-align: left;
margin-top: 38.08rpx;
}
/* end */
/* 弹窗 */
.columnsShow {
width: 100%;
height: 100vh;
position: fixed;
bottom: 0;
left: 0;
display: flex;
justify-content: flex-end;
flex-direction: column;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
}
.diyTitle {
width: 100%;
background-color: #fff;
}
.diyTitle .selection {
display: flex;
justify-content: space-around;
align-items: center;
font-size: 32rpx;
color: #4d4d4d;
margin-top: 52.16rpx;
margin-bottom: 35.2rpx;
}
.diyTitle .tapBtn {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 32.96rpx;
padding-right: 26.88rpx;
font-size: 32rpx;
color: #999;
margin-top: 29.12rpx;
}
.btns {
width: 640rpx;
height: 80rpx;
background-color: #f14e4e;
border-radius: 40rpx;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.btns_no {
width: 640rpx;
height: 80rpx;
background-color: #c9c9c9;
border-radius: 40rpx;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.van-cell {
display: flex;
align-items: center;
}
.pLine {
padding-right: 36.16rpx;
margin: 0 36.16rpx;
border: 1rpx solid #f2f2f2;
border-radius: 8rpx;
display: flex;
align-items: center;
margin-bottom: 16rpx;
justify-content: space-between;
}
.selectBoxDiv {
box-sizing: border-box;
width: 100%;
padding: 40rpx 40rpx;
background: #fff;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 32rpx;
}
/* .selectBoxDiv van-icon{
color: #f14e4e;
} */
.van-cell__left-icon-wrap {
margin-top: -10rpx;
}
.btnMore {
text-align: center;
margin-bottom: 30rpx;
color: #999;
}
.posBtn {
position: fixed;
bottom: 160rpx;
right: 32rpx;
z-index: 1111;
}
.btnposA {
width: 96rpx;
height: 96rpx;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
flex-direction: column;
}
.btnposA image {
width: 100%;
height: 100%;
}