Skip to content

S
SuperMan
Commit b580d86c authored by youjie's avatar youjie
Browse files
Options

no message

parent d5bd7917
Show whitespace changes
Inline Side-by-side
Showing with 804 additions and 0 deletions
src/assets/css/tripIndexNew2.css 0 → 100644
View file @ b580d86c
html, body{
background: #fff;
}
.travelControlTrip .Passenger-table{width:960px; margin: 0 20px; color: #666; background: #fff;}
.travelControlTrip .Passenger-table td.thClass {height: 50px; background: #e2e2e2; font-size: 16px; font-weight: normal; padding: 0!important;}
.travelControlTrip .Passenger-table td.thClass img{margin-right:5px; margin-top: 2px;}
.travelControlTrip .Passenger-table tr td{background: #f7f7f7; text-align: center; font-size: 14px; padding: 15px 10px; }
.LeaveGroupDownload-form dl,
.LeaveGroupDownload-form dt, .LeaveGroupDownload-form dd,
.LeaveGroupDownload-form ul, .LeaveGroupDownload-form ol,
.LeaveGroupDownload-form li, .LeaveGroupDownload-form h1,
.LeaveGroupDownload-form h2, .LeaveGroupDownload-form h3,
.LeaveGroupDownload-form h4, .LeaveGroupDownload-form h5,
.LeaveGroupDownload-form h6, .LeaveGroupDownload-form pre,
.LeaveGroupDownload-form form, .LeaveGroupDownload-form fieldset,
.LeaveGroupDownload-form input,
.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; */
}
.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;
}
.bjE6 {
background: #e6e6e6;
}
.bjF6 {
background: #f6f6f6;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.z-index1 {
z-index: 1;
}
.z-index2 {
z-index: 2;
}
.z-index3 {
z-index: 3;
}
.row {
display: flex;
}
.row-aic {
display: flex;
align-items: center;
}
.row-ajc {
display: flex;
align-items: center;
justify-content: center;
}
.row-sb {
display: flex;
justify-content: space-between;
}
.row-sb-nowrap {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
}
.column {
display: flex;
flex-direction: column;
}
.column-ajc {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.flexG{
flex-grow: 1;
}
.flexS{
flex-shrink: 0;
}
.marginL20 {
margin-left: 20px;
}
.marginL11 {
margin-left: 11px;
}
.marginL15 {
margin-left: 15px;
}
.marginT20 {
margin-top: 20px;
}
.marginT10 {
margin-top: 10px;
}
.marginT13 {
margin-top: 13px;
}
.marginT14 {
margin-top: 14px;
}
.pkey {
color: grey !important;
}
.pvalue {
color: #000;
font-weight: 700;
}
.UpgradedVersion2Line{
height: 0px;
border-bottom: 2px dashed red;
left: 0;
/* 1347 */
top: 1439px;
right: 0;
}
.UpgradedVersion2Line span{
background: #fff;
font-size: 20px;
padding: 5px 20px;
border: 2px dashed red;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
.detail-box .hangban-info {
width: 100%;
background: unset;
padding: 0px;
}
.detail-box .hangban-info {
background-color: #f7f7f7;
padding: 20px 0px 15px 0px;
width: 960px;
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: auto !important;
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;
margin-bottom: 10px;
}
.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;
}
.LeaveGroupDownload-form .flight_list tbody tr:first-child td {
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{
margin-top: 47px;
overflow: hidden;
}
.travelDaysTitlle-left {
width: 173px;
flex-shrink: 0;
margin-left: 22px;
}
.travelDaysTitlle-left-text {
width: 173px;
height: 173px;
/* background: url('https://imgfile.oytour.com/Static/NewTripFeature/Shape.png')no-repeat center #FFF; */
background: url('../img/trip/xclogo.png')no-repeat center;
background-size: 100% 100%;
overflow: hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
top:-92px
}
.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;
font-weight: bold;
}
.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;
font-family: 'Microsoft JhengHei UI Ligh';
}
.travelDaysMasterMap {
margin-top: 45px;
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 {
width: 335px;
height: 189px;
/* height: 44.5%; */
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;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.travelDaysContent {
/* min-height: 360px;
max-height:600px; */
min-height: 20px;
/* 38 */
line-height: 25px;
padding: 0 36px;
margin-bottom: 20px;
font-weight: 500;
/* margin: 41px 0 47px 0; */
}
.travelDaysContent-text {
font-size: 18px;
font-weight: 500;
color: #444444;
font-family: 'Microsoft JhengHei UI';
}
.textBold {
font-size: 21px;
line-height: 25px;
font-weight: 800;
font-family: 'Microsoft JhengHei UI Ligh';
}
.travelDaysdetails {
left: 0;
right: 0;
bottom: 115px;
margin: 0 32px;
/* padding: 0 0 115px 0; */
}
.travelDaysdetails-tsTextBox{
padding: 0 32px 24px 32px;
}
.travelDaysdetails-tsText{
width: 100%;
padding: 25px 38px;
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
-o-border-radius: 18px;
}
.travelDaysdetails-tsText p{
padding: 0;
margin: 0;
}
.travelDaysdetailsBJ {
border-radius: 100px;
padding: 20px 35px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
-o-border-radius: 18px;
}
.travelDaysdetails-textBox{
flex-wrap: wrap;
}
.travelDaysdetails-text0 {
font-size: 21px;
font-family: 'Microsoft JhengHei UI Ligh';
font-weight: 800;
color: #2A2A2A;
line-height: 34px;
flex-shrink: 0;
}
.travelDaysdetails-text div span{
width: 100%;
white-space: wrap;
overflow: hidden;
}
.travelDaysdetails-tsText{
display: inline-block;
white-space: wrap;
font-size: 14px;
font-family: 'Microsoft JhengHei UI';
line-height: 22px;
}
.travelDaysdetails-tsText,.travelDaysdetails-text {
font-weight: 100;
color: #2A2A2A;
}
.travelDaysdetails-text {
font-size: 21px;
flex-wrap: nowrap;
padding: 0;
margin: 0;
margin-right: 46px;
font-family: 'Microsoft JhengHei UI';
}
.travelDaysdetails-text.right0{
margin-right: 0;
}
.travelDaysdetails-text1{
/* font-size: 16px !important; */
font-weight: 100 !important;
color: #2A2A2A;
}
.travelDaysdetails-textBox:last-child span{
float: left;
}
.travelDaysdetails-text p,.travelDaysdetails-text1 p{
padding: 0 !important;
margin: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
float: left;
}
.LeaveGroupDownload-form .travelControlTrip .module-title {
text-align: center;
font-size: 18px;
color: #333;
padding-top: 30px;
padding-bottom: 30px;
}
.LeaveGroupDownload-form .expense {
padding: 0 30px;
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%; */
}
.travelControlTrip .LeaveGroupDownload-form .Passenger-table{
width: 100% !important;
padding: 0 30px;
margin: 0;
}
.travelControlTrip .LeaveGroupDownload-form .footer-div {
text-align: center;
padding: 25px 0;
border-top: none;
}
.UpgradedVersion-header {
top: 0;
left: 0;
right: 0;
}
.UpgradedVersion-header-left {
width: 341px;
height: 65px;
border-radius: 0px 0px 18px 0px;
position: relative;
}
.header-leftImg {
width: 292px;
height: auto;
display: block;
margin-left: 19px;
}
.header-leftBj {
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;
}
.UpgradedVersion-header .edit_div {
font-size: 38px;
font-weight: 400;
font-family: FZCuSong-B09S !important;
color: #2A2A2A;
}
.UpgradedVersion-boxHeight{
width: 1123px;
min-height: 1450px;
margin: auto;
}
.UpgradedVersion-box2 {
width: 1123px;
min-height: 1478px;
height: 100%;
}
.UpgradedVersion-homebj {
background: url('../img/trip/otherBjThree.jpg') repeat;
}
.UpgradedVersion-introduceBj {
}
.UpgradedVersion-otherBj {
background: #fff;
}
.UpgradedVersion-Hover {
cursor: pointer;
}
.UpgradedVersion-Hover:hover .featureControls {
opacity: 1;
}
.otherJourney-introduceFooter {
left: 0;
right: 0;
width: 100%;
height: 34px;
}
.introduceFooterBJ {
height: 100%;
}
.introduceFooterOne {
flex-grow: 1;
margin-right: 5px;
}
.introduceFootertTwo,
.introduceFootertThree {
width: 7px;
}
.introduceFootertFour {
width: 120px;
margin-left: 5px;
}
.introduceFooter-text {
}
.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 !important;
font-weight: 400;
color: #2A2A2A;
margin: 0 9px 0 0;
}
.footer{
padding: 115px 0 32px 0;
}
.otherJourney-footer .edit_div {
display: none;
}
.featureDay-vToolBar{
left: 0;
top: 0;
}
.color2A2A2A{
color: #2A2A2A;
}
.color444{
color: #444444;
}
.fz18{
font-size: 18px;
}
.fz21{
font-size: 21px;
}
.fz26{
font-size: 26px;
}
.fontBold{
font-weight: bold;
}
.fontFamilyLigh{
font-family: 'Microsoft JhengHei UI Ligh';
}
.fontFamilyUI{
font-family: 'Microsoft JhengHei UI';
}
.lineHeight25{
line-height: 25px;
}
.lineHeight38{
line-height: 38px;
}
.MT19{
margin-top: 19px;
}
.MT28{
margin-top: 28px;
}
.MT41{
margin-top: 41px;
}
.ML26{
margin-left: 26px;
}
.ML33{
margin-left: 33px;
}
.ML37{
margin-left: 37px;
}
.MB25{
margin-bottom: 25px;
}
.MB31{
margin-bottom: 31px;
}
.MB32{
margin-bottom: 32px;
}
.MB35{
margin-bottom: 35px;
}
.MB36{
margin-bottom: 36px;
}
.MB41{
margin-bottom: 41px;
}
.MB47{
margin-bottom: 47px;
}
.MR33{
margin-right: 33px;
}
.img100{
width: 100%;
}
.hidden{
overflow: hidden;
}
.absoluteLR{
left: 0;
right: 0;
}
.borderRadius18{
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
-ms-border-radius: 18px;
-o-border-radius: 18px;
}
.travelDaysMasterMap2-box{
padding: 45px 32px 0 32px;
}
.travelDaysMasterMap2{
height: 538px;
}
.travelDaysMasterMap2_2{
width: 524px;
height: 250px;
}
.travelDaysMasterMap3_1{
width: 517px;
height: 300px;
}
.travelDaysMasterMap4_1{
width: 696px;
height: 449px;
}
.travelDaysMasterMap4_2{
width: 331px;
height: 214px;
}
/* .width331{
width: 331px;
} */
.travelDaysMasterMap5_1{
width: 514px;
height: 291px;
}
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