Skip to content

S
SuperMan
Commit 707921f4 authored by 黄奎's avatar 黄奎
Browse files
Options

no message

parent 96cbd007
Hide whitespace changes
Inline Side-by-side
Showing with 423 additions and 341 deletions
src/assets/css/tripIndexNew.css
View file @ 707921f4
......@@ -10,117 +10,145 @@
.LeaveGroupDownload-form p, .LeaveGroupDownload-form blockquote,
.LeaveGroupDownload-form table, .LeaveGroupDownload-form th,
.LeaveGroupDownload-form td, .LeaveGroupDownload-form iframe {
font-family: Microsoft JhengHei, sans-serif !important;
font-family: Microsoft JhengHei, sans-serif !important;
}
.LeaveGroupDownload-form .expense .right .expense-table {
width: 100%;
table-layout: fixed;
border: 1px solid #eee;
border-top: none;
border-bottom: none;
margin-top: 30px;
}
.LeaveGroupDownload-form .expense .right .expense-table th {
background: #bbb;
height: 28px;
vertical-align: middle;
text-align: center;
font-size: 14px;
/* font-family: 'PingFangR'; */
width: 150px;
color: #333;
}
.LeaveGroupDownload-form .expense .right .expense-table tr td {
text-align: center;
padding: 5px 0 !important;
border-bottom: 1px solid #eee;
color: #666 !important;
width: 100%;
table-layout: fixed;
border: 1px solid #eee;
border-top: none;
border-bottom: none;
margin-top: 30px;
}
.bjE6{
background: #e6e6e6;
.LeaveGroupDownload-form .expense .right .expense-table th {
background: #bbb;
height: 28px;
vertical-align: middle;
text-align: center;
font-size: 14px;
/* font-family: 'PingFangR'; */
width: 150px;
color: #333;
}
.LeaveGroupDownload-form .expense .right .expense-table tr td {
text-align: center;
padding: 5px 0 !important;
border-bottom: 1px solid #eee;
color: #666 !important;
}
.bjE6 {
background: #e6e6e6;
}
.bjF6{
background: #f6f6f6;
.bjF6 {
background: #f6f6f6;
}
.relative{
position: relative;
.relative {
position: relative;
}
.absolute{
position: absolute;
.absolute {
position: absolute;
}
.z-index1{
z-index: 1;
.z-index1 {
z-index: 1;
}
.z-index2{
z-index: 2;
.z-index2 {
z-index: 2;
}
.z-index3{
z-index: 3;
.z-index3 {
z-index: 3;
}
.row{
display: flex;
.row {
display: flex;
}
.row-aic{
display: flex;
align-items: center;
.row-aic {
display: flex;
align-items: center;
}
.row-ajc{
display: flex;
align-items: center;
justify-content: center;
.row-ajc {
display: flex;
align-items: center;
justify-content: center;
}
.row-sb{
display:flex;
justify-content: space-between;
.row-sb {
display: flex;
justify-content: space-between;
}
.row-sb-nowrap{
display:flex;
justify-content: space-between;
flex-wrap: nowrap;
.row-sb-nowrap {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.column{
display:flex;
flex-direction: column;
.column {
display: flex;
flex-direction: column;
}
.column-ajc{
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
.column-ajc {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.marginL20{
margin-left: 20px;
.marginL20 {
margin-left: 20px;
}
.marginL11{
margin-left: 11px;
.marginL11 {
margin-left: 11px;
}
.marginL15{
margin-left: 15px;
.marginL15 {
margin-left: 15px;
}
.marginT20{
margin-top: 20px;
.marginT20 {
margin-top: 20px;
}
.marginT10{
margin-top: 10px;
.marginT10 {
margin-top: 10px;
}
.marginT13{
margin-top: 13px;
.marginT13 {
margin-top: 13px;
}
.marginT14{
margin-top: 14px;
.marginT14 {
margin-top: 14px;
}
.pkey {
color: grey !important;
}
.pvalue {
color: #000;
font-weight: 700;
}
.detail-box .hangban-info {
width: 100%;
background: unset;
paddong: 0px;
}
.detail-box .hangban-info {
background-color: #f7f7f7;
padding: 20px 0px 15px 0px;
......@@ -128,361 +156,415 @@
margin: 0 auto;
box-sizing: border-box;
}
.hangban-info {
background: #FFF !important;
}
.trip-v3-base {
margin-top: 20px !important;
width: 100% !important;
border-collapse: collapse !important;
}
.travelControlTrip * {
page-break-inside: avoid;
}
.baseTable .essential-item.jianju {
border-right: 5px solid #FFF;
border-bottom: 5px solid #FFF;
}
.baseTable .essential-item {
background: #eee;
}
.travelControlTrip .essential-item {
width: 320px;
height: 100px;
box-sizing: border-box;
padding-left: 20px;
}
.baseTable .essential-item.jianju_b {
border-bottom: 5px solid #FFF;
}
.travelControlTrip .essential-item p.pvalue {
font-size: 18px;
color: #000;
margin-top: 5px;
}
.trip-v3-title.small-margin {
margin-bottom: 20px;
}
.trip-v3-title {
font-size: 36px !important;
font-weight: bolder !important;
margin-top: 40px !important;
text-align: center;
}
.LeaveGroupDownload-form .flight_header th {
font-size: 20px !important;
font-weight: 700 !important;
color: #000000 !important;
padding-bottom: 8px;
border-bottom: 1px solid #929292;
text-align: left;
}
.LeaveGroupDownload-form .flight_header th span {
font-size: 12px;
font-weight: 400;
vertical-align: 3px;
margin-left: 1px;
color: #CCC;
font-size: 20px !important;
font-weight: 700 !important;
color: #000000 !important;
padding-bottom: 8px;
border-bottom: 1px solid #929292;
text-align: left;
}
.LeaveGroupDownload-form .flight_header th span {
font-size: 12px;
font-weight: 400;
vertical-align: 3px;
margin-left: 1px;
color: #CCC;
}
.LeaveGroupDownload-form .flight_list tbody tr:first-child td {
padding-top: 12px !important;
padding-top: 12px !important;
}
.LeaveGroupDownload-form .flight_list td {
font-size: 15px;
height: 34px;
vertical-align: middle;
background: #ffffff;
}
.travelDays-form{
top: 112px;
left: 0;
right: 0;
bottom: 0;
}
.travelDaysTitlle-left{
flex-shrink: 0;
}
.travelDaysTitlle-left-text{
width: 173px;
height: 173px;
background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center;
background-size: 100% 100%;
}
.travelDaysTitlle-left-text span{
font-family: FZCuSong-B09S !important;
}
.travelDaysTitlle-left-textOne{
font-size: 79px;
font-weight: 400;
color: #2A2A2A;
line-height: 55px;
margin-top: 15px;
}
.travelDaysTitlle-left-textTwo{
font-size: 47px;
font-weight: 800;
color: #2A2A2A;
line-height: 55px;
margin-top: 10px;
}
.travelDaysTitlle-left-textTwo span{
font-family: PingFang SC !important;
}
.travelDaysTitlle-right{
flex-grow: 1;
margin-left: 21px;
}
.travelDaysTitlle-right-text{
min-height: 124px;
/* padding: 25px 25px 25px 36px; */
padding: 0 25px 0 36px;
border-radius: 100px 0px 0px 100px;
-webkit-border-radius: 100px 0px 0px 100px;
-moz-border-radius: 100px 0px 0px 100px;
-ms-border-radius: 100px 0px 0px 100px;
-o-border-radius: 100px 0px 0px 100px;
}
.travelDaysMasterMap{
margin-top: 14px;
margin-bottom: 41px;
height: 632px;
overflow: hidden;
}
.travelDaysMasterMap img{
left: 0;
top: 0;
right: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
.travelDaysMasterMap-one{
}
.travelDaysMasterMap-oneImg{
width: 100%;
height: 0;
padding-top: 100%;
}
.travelDaysMasterMap-text{
left: 15px;
right: 15px;
bottom: 19px;
overflow: hidden;
font-size: 26px;
font-family: PingFang SC;
font-weight: 500;
/* color: #FEFEFE; */
line-height: 34px;
text-align: center;
}
.travelDaysMasterMap-two{
top: 54px;
right: 50px;
}
.travelDaysMasterMap-twoImg{
max-width: 335px;
max-height: 189px;
overflow: hidden;
border: 2px solid #FFFFFF;
border-radius: 18px;
}
.travelDaysMasterMap-text.textTwo{
font-size: 26px;
font-family: PingFang SC;
font-weight: 500;
line-height: 34px;
}
.travelDaysContent{
/* min-height: 360px; */
line-height: 38px;
padding: 0 44px 265px 44px;
/* margin: 41px 0 47px 0; */
}
.travelDaysContent-text{
font-size: 21px;
font-weight: 10;
color: #2A2A2A;
}
.travelDaysContent-text span{
font-size: 21px;
line-height: 38px;
font-weight: bold;
}
.travelDaysdetails{
left: 0;
right: 0;
bottom: 115px;
padding: 47px 36px 0 36px;
}
.travelDaysdetailsBJ{
border-radius: 100px;
flex-wrap: wrap;
padding: 20px 35px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
}
.travelDaysdetails-text{
flex-wrap: nowrap;
margin-right: 46px;
}
.travelDaysdetails-text span{
font-size: 21px;
font-family: PingFang SC;
font-weight: 800;
color: #2A2A2A;
line-height: 34px;
}
.travelDaysdetails-text div p{
font-size: 21px;
font-weight: 100;
color: #2A2A2A;
line-height: 34px;
white-space: wrap;
display: inline-block;
padding: 0;
margin: 0;
margin-right: 10px;
font-size: 15px;
height: 34px;
vertical-align: middle;
background: #ffffff;
}
.travelDays-form {
top: 112px;
left: 0;
right: 0;
bottom: 0;
}
.travelDaysTitlle-left {
flex-shrink: 0;
}
.travelDaysTitlle-left-text {
width: 173px;
height: 173px;
background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center;
background-size: 100% 100%;
}
.travelDaysTitlle-left-text span {
font-family: FZCuSong-B09S !important;
}
.travelDaysTitlle-left-textOne {
font-size: 79px;
font-weight: 400;
color: #2A2A2A;
line-height: 55px;
margin-top: 15px;
}
.travelDaysTitlle-left-textTwo {
font-size: 47px;
font-weight: 800;
color: #2A2A2A;
line-height: 55px;
margin-top: 10px;
}
.travelDaysTitlle-left-textTwo span {
font-family: PingFang SC !important;
}
.travelDaysTitlle-right {
flex-grow: 1;
margin-left: 21px;
}
.travelDaysTitlle-right-text {
min-height: 124px;
/* padding: 25px 25px 25px 36px; */
padding: 0 25px 0 36px;
border-radius: 100px 0px 0px 100px;
-webkit-border-radius: 100px 0px 0px 100px;
-moz-border-radius: 100px 0px 0px 100px;
-ms-border-radius: 100px 0px 0px 100px;
-o-border-radius: 100px 0px 0px 100px;
}
.travelDaysMasterMap {
margin-top: 14px;
margin-bottom: 41px;
/*height: 632px;*/
flex:1;
overflow: hidden;
}
.travelDaysMasterMap img {
left: 0;
top: 0;
right: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
.travelDaysMasterMap-one {
}
.travelDaysMasterMap-oneImg {
width: 100%;
height: 0;
padding-top: 100%;
}
.travelDaysMasterMap-text {
left: 15px;
right: 15px;
bottom: 19px;
overflow: hidden;
font-size: 26px;
font-family: PingFang SC;
font-weight: 500;
/* color: #FEFEFE; */
line-height: 34px;
text-align: center;
}
.travelDaysMasterMap-two {
top: 54px;
right: 50px;
}
.travelDaysMasterMap-twoImg {
max-width: 335px;
max-height: 189px;
overflow: hidden;
border: 2px solid #FFFFFF;
border-radius: 18px;
}
.travelDaysMasterMap-text.textTwo {
font-size: 26px;
font-family: PingFang SC;
font-weight: 500;
line-height: 34px;
}
.travelDaysContent {
min-height: 360px;
max-height:600px;
overflow:hidden;
line-height: 38px;
padding: 0 36px;
/* margin: 41px 0 47px 0; */
}
.travelDaysContent-text {
font-size: 21px;
font-weight: 10;
color: #2A2A2A;
}
.travelDaysContent-text span {
font-size: 21px;
line-height: 38px;
font-weight: bold;
}
.travelDaysdetails {
left: 0;
right: 0;
bottom: 115px;
margin: 44px 36px;
}
.travelDaysdetailsBJ {
border-radius: 100px;
flex-wrap: wrap;
padding: 20px 35px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
}
.travelDaysdetails-text {
flex-wrap: nowrap;
margin-right: 46px;
}
.travelDaysdetails-text span {
font-size: 21px;
font-family: PingFang SC;
font-weight: 800;
color: #2A2A2A;
line-height: 34px;
}
.travelDaysdetails-text div p {
font-size: 21px;
font-weight: 100;
color: #2A2A2A;
line-height: 34px;
white-space: wrap;
display: inline-block;
padding: 0;
margin: 0;
margin-right: 10px;
}
.LeaveGroupDownload-form .travelControlTrip .module-title {
text-align: center;
font-size: 18px;
color: #333;
padding-top: 30px;
padding-bottom: 30px;
}
.LeaveGroupDownload-form .expense{
padding: 0 20px;
margin-bottom: 20px;
}
.LeaveGroupDownload-form .expense .right{
margin-bottom: 20px;
}
.LeaveGroupDownload-form .expense .right *{
color: #000000 !important;
font-size: 15px !important;
padding: 0 !important;
margin: 0 !important;
line-height: 160%;
text-align: center;
font-size: 18px;
color: #333;
padding-top: 30px;
padding-bottom: 30px;
}
.LeaveGroupDownload-form .expense {
padding: 0 20px;
margin-bottom: 20px;
}
.LeaveGroupDownload-form .expense .right {
margin-bottom: 20px;
}
.LeaveGroupDownload-form .expense .right * {
color: #000000 !important;
font-size: 15px !important;
padding: 0 !important;
margin: 0 !important;
line-height: 160%;
}
.UpgradedVersion-header {
top: 0;
left: 0;
right: 0;
top: 0;
left: 0;
right: 0;
}
.UpgradedVersion-header-left {
width: 341px;
height: 65px;
border-radius: 0px 0px 18px 0px;
position: relative;
width: 341px;
height: 65px;
border-radius: 0px 0px 18px 0px;
position: relative;
}
.header-leftImg {
width: 292px;
height: auto;
display: block;
margin-left: 19px;
width: 292px;
height: auto;
display: block;
margin-left: 19px;
}
.header-leftBj {
left: 314px;
top: 0;
width: 27px;
height: 100%;
background-size: 100% 100%;
left: 314px;
top: 0;
width: 27px;
height: 100%;
background-size: 100% 100%;
}
.UpgradedVersion-header-title {
padding: 12px 19px 10px 19px;
margin-right: 53px;
margin-top: 20px;
border: 2px dashed #000;
border-radius: 14px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-ms-border-radius: 14px;
-o-border-radius: 14px;
padding: 12px 19px 10px 19px;
margin-right: 53px;
margin-top: 20px;
border: 2px dashed #000;
border-radius: 14px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-ms-border-radius: 14px;
-o-border-radius: 14px;
}
.UpgradedVersion-header .edit_div {
font-size: 38px;
font-weight: 400;
font-family: FZCuSong-B09S;
color: #2A2A2A;
font-size: 38px;
font-weight: 400;
font-family: FZCuSong-B09S;
color: #2A2A2A;
}
.UpgradedVersion-box{
width: 1123px;
height: 1588px;
overflow: hidden;
}
.UpgradedVersion-homebj{
background: url('https://imgfile.oytour.com/Static/NewTripFeature/otherBjTwo.png')no-repeat center;
background-size: 100% 100%;
.UpgradedVersion-box {
width: 1123px;
height: 1588px;
overflow: hidden;
}
.UpgradedVersion-introduceBj{
background: url('https://imgfile.oytour.com/Static/NewTripFeature/otherBjTwo.png')no-repeat center;
background-size: 100% 100%;
.UpgradedVersion-homebj {
background: url('https://imgfile.oytour.com/Static/NewTripFeature/otherBjTwo.png')no-repeat center;
background-size: 100% 100%;
}
.UpgradedVersion-otherBj{
background: #fff;
.UpgradedVersion-introduceBj {
background: url('https://imgfile.oytour.com/Static/NewTripFeature/otherBjTwo.png')no-repeat center;
background-size: 100% 100%;
}
.UpgradedVersion-Hover{
cursor: pointer;
.UpgradedVersion-otherBj {
background: #fff;
}
.UpgradedVersion-Hover:hover .featureControls{
opacity: 1;
.UpgradedVersion-Hover {
cursor: pointer;
}
.UpgradedVersion-Hover:hover .featureControls {
opacity: 1;
}
.otherJourney-introduceFooter {
left: 0;
right: 0;
bottom: 32px;
width: 100%;
height: 34px;
background-size: 100% 100%;
left: 0;
right: 0;
bottom: 32px;
width: 100%;
height: 34px;
background-size: 100% 100%;
}
.introduceFooterBJ {
height: 100%;
height: 100%;
}
.introduceFooterOne {
flex-grow: 1;
margin-right: 5px;
flex-grow: 1;
margin-right: 5px;
}
.introduceFootertTwo,
.introduceFootertThree {
width: 7px;
width: 7px;
}
.introduceFootertFour {
width: 120px;
margin-left: 5px;
width: 120px;
margin-left: 5px;
}
.introduceFooter-text {}
.introduceFooter-text img {
width: 28px;
height: 28px;
display: inline-block;
margin: 0 9px;
.introduceFooter-text {
}
.introduceFooter-text .edit_div {
line-height: 34px;
text-align: center;
overflow: hidden;
font-size: 22px;
font-family: FZCuSong-B09S;
font-weight: 400;
color: #2A2A2A;
margin: 0 9px 0 0;
}
.introduceFooter-text img {
width: 28px;
height: 28px;
display: inline-block;
margin: 0 9px;
}
.introduceFooter-text .edit_div {
line-height: 34px;
text-align: center;
overflow: hidden;
font-size: 22px;
font-family: FZCuSong-B09S;
font-weight: 400;
color: #2A2A2A;
margin: 0 9px 0 0;
}
.otherJourney-footer .edit_div {
display: none;
display: none;
}
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