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 @@ ...@@ -10,117 +10,145 @@
.LeaveGroupDownload-form p, .LeaveGroupDownload-form blockquote, .LeaveGroupDownload-form p, .LeaveGroupDownload-form blockquote,
.LeaveGroupDownload-form table, .LeaveGroupDownload-form th, .LeaveGroupDownload-form table, .LeaveGroupDownload-form th,
.LeaveGroupDownload-form td, .LeaveGroupDownload-form iframe { .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 { .LeaveGroupDownload-form .expense .right .expense-table {
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
border: 1px solid #eee; border: 1px solid #eee;
border-top: none; border-top: none;
border-bottom: none; border-bottom: none;
margin-top: 30px; 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;
} }
.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; .row-aic {
align-items: center; display: flex;
align-items: center;
} }
.row-ajc{
display: flex; .row-ajc {
align-items: center; display: flex;
justify-content: center; align-items: center;
justify-content: center;
} }
.row-sb{
display:flex; .row-sb {
justify-content: space-between; display: flex;
justify-content: space-between;
} }
.row-sb-nowrap{
display:flex; .row-sb-nowrap {
justify-content: space-between; display: flex;
flex-wrap: nowrap; justify-content: space-between;
flex-wrap: nowrap;
} }
.column{
display:flex; .column {
flex-direction: column; display: flex;
flex-direction: column;
} }
.column-ajc{
display:flex; .column-ajc {
flex-direction: column; display: flex;
align-items: center; flex-direction: column;
justify-content: center; 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 { .pkey {
color: grey !important; color: grey !important;
} }
.pvalue { .pvalue {
color: #000; color: #000;
font-weight: 700; font-weight: 700;
} }
.detail-box .hangban-info { .detail-box .hangban-info {
width: 100%; width: 100%;
background: unset; background: unset;
paddong: 0px; paddong: 0px;
} }
.detail-box .hangban-info { .detail-box .hangban-info {
background-color: #f7f7f7; background-color: #f7f7f7;
padding: 20px 0px 15px 0px; padding: 20px 0px 15px 0px;
...@@ -128,361 +156,415 @@ ...@@ -128,361 +156,415 @@
margin: 0 auto; margin: 0 auto;
box-sizing: border-box; box-sizing: border-box;
} }
.hangban-info { .hangban-info {
background: #FFF !important; background: #FFF !important;
} }
.trip-v3-base { .trip-v3-base {
margin-top: 20px !important; margin-top: 20px !important;
width: 100% !important; width: 100% !important;
border-collapse: collapse !important; border-collapse: collapse !important;
} }
.travelControlTrip * { .travelControlTrip * {
page-break-inside: avoid; page-break-inside: avoid;
} }
.baseTable .essential-item.jianju { .baseTable .essential-item.jianju {
border-right: 5px solid #FFF; border-right: 5px solid #FFF;
border-bottom: 5px solid #FFF; border-bottom: 5px solid #FFF;
} }
.baseTable .essential-item { .baseTable .essential-item {
background: #eee; background: #eee;
} }
.travelControlTrip .essential-item { .travelControlTrip .essential-item {
width: 320px; width: 320px;
height: 100px; height: 100px;
box-sizing: border-box; box-sizing: border-box;
padding-left: 20px; padding-left: 20px;
} }
.baseTable .essential-item.jianju_b { .baseTable .essential-item.jianju_b {
border-bottom: 5px solid #FFF; border-bottom: 5px solid #FFF;
} }
.travelControlTrip .essential-item p.pvalue { .travelControlTrip .essential-item p.pvalue {
font-size: 18px; font-size: 18px;
color: #000; color: #000;
margin-top: 5px; margin-top: 5px;
} }
.trip-v3-title.small-margin { .trip-v3-title.small-margin {
margin-bottom: 20px; margin-bottom: 20px;
} }
.trip-v3-title { .trip-v3-title {
font-size: 36px !important; font-size: 36px !important;
font-weight: bolder !important; font-weight: bolder !important;
margin-top: 40px !important; margin-top: 40px !important;
text-align: center; text-align: center;
} }
.LeaveGroupDownload-form .flight_header th { .LeaveGroupDownload-form .flight_header th {
font-size: 20px !important; font-size: 20px !important;
font-weight: 700 !important; font-weight: 700 !important;
color: #000000 !important; color: #000000 !important;
padding-bottom: 8px; padding-bottom: 8px;
border-bottom: 1px solid #929292; border-bottom: 1px solid #929292;
text-align: left; 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_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 { .LeaveGroupDownload-form .flight_list tbody tr:first-child td {
padding-top: 12px !important; padding-top: 12px !important;
} }
.LeaveGroupDownload-form .flight_list td { .LeaveGroupDownload-form .flight_list td {
font-size: 15px; font-size: 15px;
height: 34px; height: 34px;
vertical-align: middle; vertical-align: middle;
background: #ffffff; background: #ffffff;
} }
.travelDays-form{
top: 112px; .travelDays-form {
left: 0; top: 112px;
right: 0; left: 0;
bottom: 0; right: 0;
} bottom: 0;
.travelDaysTitlle-left{ }
flex-shrink: 0;
} .travelDaysTitlle-left {
.travelDaysTitlle-left-text{ flex-shrink: 0;
width: 173px; }
height: 173px;
background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center; .travelDaysTitlle-left-text {
background-size: 100% 100%; width: 173px;
} height: 173px;
.travelDaysTitlle-left-text span{ background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center;
font-family: FZCuSong-B09S !important; background-size: 100% 100%;
} }
.travelDaysTitlle-left-textOne{
font-size: 79px; .travelDaysTitlle-left-text span {
font-weight: 400; font-family: FZCuSong-B09S !important;
color: #2A2A2A; }
line-height: 55px;
margin-top: 15px; .travelDaysTitlle-left-textOne {
} font-size: 79px;
.travelDaysTitlle-left-textTwo{ font-weight: 400;
font-size: 47px; color: #2A2A2A;
font-weight: 800; line-height: 55px;
color: #2A2A2A; margin-top: 15px;
line-height: 55px; }
margin-top: 10px;
} .travelDaysTitlle-left-textTwo {
.travelDaysTitlle-left-textTwo span{ font-size: 47px;
font-family: PingFang SC !important; font-weight: 800;
} color: #2A2A2A;
.travelDaysTitlle-right{ line-height: 55px;
flex-grow: 1; margin-top: 10px;
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;
} }
.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 { .LeaveGroupDownload-form .travelControlTrip .module-title {
text-align: center; text-align: center;
font-size: 18px; font-size: 18px;
color: #333; color: #333;
padding-top: 30px; padding-top: 30px;
padding-bottom: 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%;
} }
.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 { .UpgradedVersion-header {
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
} }
.UpgradedVersion-header-left { .UpgradedVersion-header-left {
width: 341px; width: 341px;
height: 65px; height: 65px;
border-radius: 0px 0px 18px 0px; border-radius: 0px 0px 18px 0px;
position: relative; position: relative;
} }
.header-leftImg { .header-leftImg {
width: 292px; width: 292px;
height: auto; height: auto;
display: block; display: block;
margin-left: 19px; margin-left: 19px;
} }
.header-leftBj { .header-leftBj {
left: 314px; left: 314px;
top: 0; top: 0;
width: 27px; width: 27px;
height: 100%; height: 100%;
background-size: 100% 100%; background-size: 100% 100%;
} }
.UpgradedVersion-header-title { .UpgradedVersion-header-title {
padding: 12px 19px 10px 19px; padding: 12px 19px 10px 19px;
margin-right: 53px; margin-right: 53px;
margin-top: 20px; margin-top: 20px;
border: 2px dashed #000; border: 2px dashed #000;
border-radius: 14px; border-radius: 14px;
-webkit-border-radius: 14px; -webkit-border-radius: 14px;
-moz-border-radius: 14px; -moz-border-radius: 14px;
-ms-border-radius: 14px; -ms-border-radius: 14px;
-o-border-radius: 14px; -o-border-radius: 14px;
} }
.UpgradedVersion-header .edit_div { .UpgradedVersion-header .edit_div {
font-size: 38px; font-size: 38px;
font-weight: 400; font-weight: 400;
font-family: FZCuSong-B09S; font-family: FZCuSong-B09S;
color: #2A2A2A; color: #2A2A2A;
} }
.UpgradedVersion-box{
width: 1123px; .UpgradedVersion-box {
height: 1588px; width: 1123px;
overflow: hidden; height: 1588px;
} overflow: hidden;
.UpgradedVersion-homebj{
background: url('https://imgfile.oytour.com/Static/NewTripFeature/otherBjTwo.png')no-repeat center;
background-size: 100% 100%;
} }
.UpgradedVersion-introduceBj{
background: url('https://imgfile.oytour.com/Static/NewTripFeature/otherBjTwo.png')no-repeat center; .UpgradedVersion-homebj {
background-size: 100% 100%; 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 { .otherJourney-introduceFooter {
left: 0; left: 0;
right: 0; right: 0;
bottom: 32px; bottom: 32px;
width: 100%; width: 100%;
height: 34px; height: 34px;
background-size: 100% 100%; background-size: 100% 100%;
} }
.introduceFooterBJ { .introduceFooterBJ {
height: 100%; height: 100%;
} }
.introduceFooterOne { .introduceFooterOne {
flex-grow: 1; flex-grow: 1;
margin-right: 5px; margin-right: 5px;
} }
.introduceFootertTwo, .introduceFootertTwo,
.introduceFootertThree { .introduceFootertThree {
width: 7px; width: 7px;
} }
.introduceFootertFour { .introduceFootertFour {
width: 120px; width: 120px;
margin-left: 5px; margin-left: 5px;
} }
.introduceFooter-text {} .introduceFooter-text {
.introduceFooter-text img {
width: 28px;
height: 28px;
display: inline-block;
margin: 0 9px;
} }
.introduceFooter-text .edit_div { .introduceFooter-text img {
line-height: 34px; width: 28px;
text-align: center; height: 28px;
overflow: hidden; display: inline-block;
font-size: 22px; margin: 0 9px;
font-family: FZCuSong-B09S; }
font-weight: 400;
color: #2A2A2A; .introduceFooter-text .edit_div {
margin: 0 9px 0 0; 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 { .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