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; } .flex1{ flex: 1; } .MT5{ margin-top: 5px; } .MT6{ margin-top: 6px; } .MT21{ margin-top: 21px; } .ML30{ margin-left: 30px; } .ML32{ margin-left: 32px; } .MR32{ margin-right: 32px; } .MB32{ margin-bottom: 32px; } .MB35{ margin-bottom: 35px; } .MT18{ margin-top: 18px; } .MT19{ margin-top: 19px; } .MT20{ margin-top: 20px; } .ML41{ margin-left: 41px; } .marginL20 { margin-left: 20px; } .marginL11 { margin-left: 11px; } .marginL15 { margin-left: 15px; } .marginT20 { margin-top: 20px; } .marginT11 { margin-top: 11px; } .marginT21 { margin-top: 21px; } .marginT10 { margin-top: 10px; } .marginT13 { margin-top: 13px; } .marginT14 { margin-top: 14px; } .pkey { color: grey !important; } .pvalue { color: #000; font-weight: 700; } .UpgradedVersionBJ{ background: url(http://imgfile.oytour.com/Static/NewTripFeature/otherBjTwo.png) repeat; /* background: url('../img/trip/bjHP2.png')repeat; */ /* background-size: 1240px 1754px ; */ } .UpgradedVersion2Line{ height: 0px; border-bottom: 2px dashed red; left: 0; top: 1744px; right: 0; } .UpgradedVersion2Line span{ background: #fff; font-size: 23px; 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; } .VerticalBjNew .hangban-info { background: none !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{ height: 137px; } .travelDaysTitlle-left { width: 190px; height: 137px; overflow: hidden; flex-shrink: 0; margin-left: 35px; } .travelDaysTitlle-left-text { width: 190px; height: 190px; /* 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: auto 100%; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; top:-30px } .travelDaysTitlle-left-text span { font-family: FZCuSong-B09S !important; } .travelDaysTitlle-left-textOne { font-size: 88px; font-weight: 400; color: #2A2A2A; line-height: 60px; margin-top: 15px; } .travelDaysTitlle-left-textTwo { font-size: 52px; font-weight: 800; color: #2A2A2A; line-height: 60px; margin-top: 10px; } .travelDaysTitlle-left-textTwo span { font-family: PingFang SC !important; } .travelDaysTitlle-right { flex-grow: 1; margin-left: 50px; font-weight: bold; } .travelDaysTitlle-right-text { min-height: 137px; line-height: 46px; padding: 0 50px 0 0; 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 Light'; } .travelDaysMasterMap { margin-top: 45px; /* margin-bottom: 41px; */ height: 643px; /* 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-oneImg img{ width: 100%; height: auto; min-height: 100%; position: absolute; } .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 { padding: 0 35px; margin-bottom: 39px; font-weight: 500; } .travelDaysContent-text { font-size: 29px; font-weight: 800; color: #2A2A2A; font-family: 'Microsoft JhengHei UI'; } .textBold { font-size: 29px; line-height: 54px; font-weight: 800; color: #2A2A2A; font-family: 'Microsoft JhengHei UI Light'; } .travelDaysdetails { left: 0; right: 0; /* bottom: 115px; */ margin: 0 36px; /* padding: 0 0 115px 0; */ } .travelDaysdetails-tsTextBox{ padding: 0 35px 27px 35px; } .travelDaysdetails-tsText{ width: 100%; padding: 36px 47px 28px 47px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; line-height: 42px; } .travelDaysdetails-tsText p{ padding: 0; margin: 0; line-height: 42px; } .travelDaysdetailsBJ { border-radius: 20px; padding: 22px 42px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .travelDaysdetails-textBox{ flex-wrap: wrap; align-items: center; } .travelDaysdetails-text0 { font-size: 23px; font-family: 'Microsoft JhengHei UI Light'; font-weight: 800; color: #2A2A2A; flex-shrink: 0; } .travelDaysdetails-text div span{ width: 100%; white-space: wrap; overflow: hidden; } .travelDaysdetails-tsText{ display: inline-block; white-space: wrap; font-size: 21px; font-family: 'Microsoft JhengHei UI'; } .travelDaysdetails-tsText,.travelDaysdetails-text { font-weight: 100; color: #2A2A2A; } .travelDaysdetails-text { font-size: 21px; flex-wrap: nowrap; padding: 0; margin: 0; margin-right: 10px; line-height: 38px; font-family: 'Microsoft JhengHei UI'; } .travelDaysdetails-textC{ font-size: 23px; font-weight: 500; line-height: 38px; font-family: 'Microsoft JhengHei UI Light'; } .travelDaysdetails-text.right0{ margin-right: 0; } .travelDaysdetails-text0-r{ margin-top: -8px; } .travelDaysdetails-text0-r>p{ line-height: 42px; } .travelDaysdetails-text0-r>p:first-child, .travelDaysdetails-text0-r>span:first-child, .travelDaysdetails-text0-r>a:first-child{ text-indent: 116px; } .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: 1240px; min-height: 1754px; margin: auto; } .UpgradedVersion-box2 { width: 1240px; min-height: 1754px; 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: 29px; } .fz23{ font-size: 23px; } .fz26{ font-size: 26px; } .fontBold{ font-weight: bold; } .fontFamilyLigh{ font-family: 'Microsoft JhengHei UI Light'; } .fontFamilyUI{ font-family: 'Microsoft JhengHei UI'; } .lineHeight25{ line-height: 25px; } .lineHeight42{ line-height: 42px; } .lineHeight38{ line-height: 38px; } .lineHeight54{ line-height: 54px; } .MT15{ margin-top: 15px; } .MT19{ margin-top: 19px; } .MT25{ margin-top: 25px; } .MT28{ margin-top: 28px; } .MT30{ margin-top: 30px; } .MT41{ margin-top: 41px; } .MT45{ margin-top: 45px; } .ML26{ margin-left: 26px; } .ML33{ margin-left: 33px; } .ML37{ margin-left: 37px; } .MB25{ margin-bottom: 28px; } .MB31{ margin-bottom: 31px; } .MB45{ margin-bottom: 45px; } .MB35{ margin-bottom: 35px; } .MB36{ margin-bottom: 36px; } .MB41{ margin-bottom: 41px; } .MB47{ margin-bottom: 47px; } .MR33{ margin-right: 33px; } .img100{ width: 100%; height: auto; left: 0; min-height: 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; } .card-title{ line-height: 54px; } .travelDaysMasterMap2-box{ padding: 50px 35px 40px 35px; } .travelDaysMasterMap2{ height: 643px; } .travelDaysMasterMap2_2{ width: 578px; height: 316px; } .travelDaysMasterMap3_1{ width: 571px; height: 368px; } .travelDaysMasterMap4_1{ width: 768px; height: 496px; } .travelDaysMasterMap4_2{ width: 366px; height: 236px; } /* .width331{ width: 331px; } */ .travelDaysMasterMap5_1{ width: 571px; height: 322px; }