html, body{
background: #fff;
}
.UpgradedVersion-box .edit_div {
min-width: 30px;
height: 100%;
}
.otherJourney-introduceFooter {
left: 0;
right: 0;
bottom: 32px;
width: 100%;
height: 34px;
background-size: 100% 100%;
}
.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;
object-fit: cover;
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;
}
.otherJourney-footer .otherJourney-introduceFooter {
/* background: #CC0066; */
}
.otherJourney-footer .edit_div {
display: none;
}
img {
pointer-events: none;
}
.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;
}
.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;
}
.UpgradedVersion-box{
width: 1123px;
height: 1588px;
}
.UpgradedVersion-homebj{
background: url('http://imgfile.oytour.com/Static/NewTripFeature/otherBjTwo.png') repeat;
/* background-size: 100% 100%; */
}
.UpgradedVersion-introduceBj{
background: url('http://imgfile.oytour.com/Static/NewTripFeature/otherBjTwo.png') repeat;
/* background-size: 100% 100%; */
}
.UpgradedVersion-otherBj{
background: #fff;
}
.UpgradedVersion-Hover{
cursor: pointer;
}
.UpgradedVersion-Hover:hover .featureControls{
opacity: 1;
}
.featureHome-form {}
.featureHome-text {
left: 0;
top: 99px;
right: 0;
padding: 0 0 0 83px;
}
.featureHome-text .edit_div {}
.featureHome-text-title {
height: 80px;
overflow: hidden;
font-size: 66px;
font-family: FZCuSong-B09S !important;
font-weight: 400;
color: #2A2A2A;
padding: 0 280px 0 0;
}
.featureHome-text-box {
margin: 17px 440px 22px 0;
overflow: hidden;
}
.featureHome-text-box-sod {
width: auto;
max-width: 100%;
height: 70px;
/* border: 2px solid #CC0066; */
display: inline-block;
overflow: hidden;
padding: 8px 14px;
}
.featureHome-text-box .edit_div {
font-size: 45px;
font-family: FZCuSong-B09S !important;
font-weight: bold;
/* color: #CC0066; */
}
.featureHome-text-titleTwo {
height: 46px;
overflow: hidden;
font-size: 34px;
font-family: Microsoft YaHei;
font-weight: 300;
color: #2A2A2A;
padding: 0 440px 0 0;
}
.featureHome-left {
width: 784px;
}
.featureHome-vToolBar-one {
top: 340px;
left: 0;
}
.featureHome-vToolBar-two {
top: 425px;
left: -30px;
}
.featureHome-vToolBar-three {
top: 535px;
right: 186px;
}
.featureHome-left-one {
width: 697px;
height: 930px;
bottom: 290px;
left: 0;
overflow: hidden;
}
.featureHome-left-one img {
height: 100%;
display: block;
/* object-fit: cover; */
}
.featureHome-right {
width: 339px;
}
.featureHome-left-two {
width: 126px;
/* background: #CC0066; */
bottom: 267px;
right: 339px;
padding: 47px 0 47px 58px;
}
.featureHome-left-two .edit_div {
max-height: 625px;
height: 540px;
overflow: hidden;
font-size: 45px;
font-family: FZCuSong-B09S !important;
font-weight: 400;
color: #FFFFFF;
}
.featureHome-left-three {
height: 167px;
overflow: hidden;
left: 85px;
right: 338px;
top: 1368px;
bottom: 53px;
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #444444;
line-height: 53px;
}
.featureHome-Markers {
left: 75px;
top: 1372px;
}
.Markers {
width: 23px;
height: 23px;
/* background: #CC0066; */
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.featureHome-right-text .edit_div {
width: 60px;
font-size: 60px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #2A2A2A;
opacity: 0.1;
}
.featureHome-right-one {
height: 790px;
overflow: hidden;
right: 256px;
bottom: 53px;
}
.featureHome-right-two {
height: 632px;
overflow: hidden;
top: 564px;
right: 181px;
}
.featureHome-right-three {
width: 143px;
height: 747px;
top: 240px;
right: 42px;
}
.featureHome-right-three.active {
height: inherit;
max-height: 747px;
left: 938px;
right: inherit;
margin-bottom: 34px;
}
.featureHomeBjH1 {
width: 7px;
height: 18px;
}
.featureHomeBjW1 {
width: 25px;
height: 7px;
}
.featureHomeBjH2 {
width: 7px;
height: 27px;
}
.featureHomeBjW2 {
width: 25px;
height: 7px;
}
.featureHomeBj2 {
left: 7px;
top: -18px;
}
.featureHomeBj2.active {
left: 7px;
top: 0px;
}
.featureHomeBj3 {
left: 134px;
top: -25px;
}
.featureHomeBj3.active {
left: 136px;
top: 0px;
}
.featureHomeBj4 {
left: 109px;
top: -43px;
}
.featureHomeBj4.active {
left: 111px;
top: 0px;
}
.featureHomeBj5 {
left: 0;
top: 668px;
}
.featureHomeBj5.active {
left: 0;
top: inherit;
bottom: 0;
}
.featureHomeBj6 {
left: 7px;
top: 661px;
}
.featureHomeBj6.active {
left: 7px;
top: inherit;
bottom: 0;
}
.featureHomeBj7 {
left: 134px;
top: 634px;
}
.featureHomeBj7.active {
left: 136px;
top: inherit;
bottom: 0;
}
.featureHomeBj8 {
left: 109px;
top: 627px;
}
.featureHomeBj8.active {
left: 111px;
top: inherit;
bottom: 0;
}
.featureHome-three-text .edit_div {
width: 34px;
line-height: 50px;
font-size: 34px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #2A2A2A;
}
.featureHome-three-textOne {
height: 600px;
overflow: hidden;
top: 93px;
left: 24px;
}
.featureHome-three-textOne.active {
height: auto;
max-height: 600px;
margin-top: 93px;
margin-left: 24px;
margin-bottom: 34px;
}
.featureHome-three-textTwo {
height: 650px;
overflow: hidden;
top: 22px;
right: 31px;
}
.featureHome-three-textTwo.active {
height: auto;
max-height: 650px;
margin-top: 20px;
margin-left: 25px;
}
.MasterMapList-form {
left: 33px;
top: 268px;
width: 1054px;
height: 643px;
background: url('http://imgfile.oytour.com/Static/NewTripFeature/imgListBj.png')no-repeat center;
background-size: 100% 100%;
}
.MasterMapList-box {
width: 1019px;
height: 577px;
margin-left: 18px;
margin-top: 34px;
/* background: ##E8E8E8; */
border-radius: 14px;
overflow: hidden;
}
.MasterMapList-boxRelative {
width: 100%;
height: 684px;
left: 0px;
top: 251px;
}
.MasterMapList-box-one {
left: 0px;
top: -10px;
}
.MasterMapList-box-two {
left: -31px;
top: 104px;
}
.MasterMapList-2 .MasterMapList-1 {
border-radius: 14px;
overflow: hidden;
}
.MasterMapList-1,
.MasterMapList-2,
.MasterMapList-3,
.MasterMapList-4,
.MasterMapList-4,
.MasterMapList-8 {
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.MasterMapList-1 img {
left: 0;
top: 0;
height: 100%;
/* object-fit: cover; */
}
.MasterMapList-1 img.width{
width: 100%;
height: auto;
}
.MasterMapList-4 .MasterMapList-2 {
height: 279px;
}
.MasterMapList-3 .MasterMapList-1,
.MasterMapList-4 .MasterMapList-1,
.MasterMapList-8 .MasterMapList-1 {
border-radius: 14px;
overflow: hidden;
}
.MasterMapList-8-oneL {
width: 761px;
height: 427px;
}
.MasterMapList-5 .MasterMapList-8-oneL,
.MasterMapList-6 .MasterMapList-8-oneL,
.MasterMapList-5 .MasterMapList-8-oneR,
.MasterMapList-6 .MasterMapList-8-oneR {
width: 504px;
height: 577px;
}
.MasterMapList-7 .MasterMapList-8-oneL {
width: 704px;
height: 577px;
}
.MasterMapList-8-oneR {
width: 244px;
}
.MasterMapList-7 .MasterMapList-8-oneR {
width: 332px;
height: 577px;
}
.MasterMapList-8-two .MasterMapList-8-oneR {
width: 100%;
height: 136px;
}
.otherJourney-details {
top: 1137px;
left: 70px;
right: 70px;
height: 300px;
overflow: hidden;
font-size: 23px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #444444;
line-height: 42px;
}
.otherJourney-otherDetails .otherJourney-details {
top: 1164px;
}
.UpgradedVersionDetails-form {
left: 0;
top: 301px;
right: 0;
padding: 43px 35px 0 35px;
}
.UpgradedVersionDetails-form-Box {
width: 100%;
height: 438px;
left: 0;
top: -40px;
}
.UpgradedVersionDetails-formBox1 {
top: 139px;
left: -31px;
}
.UpgradedVersionDetails-imgbox {}
.UpgradedVersionDetails-img {
width: 332px;
height: 332px;
background: #fff;
border-radius: 50%;
padding: 10px;
}
.UpgradedVersionDetails-imgOne {
/* left: 0;
top: 0; */
width: 312px;
height: 312px;
border-radius: 50%;
overflow: hidden;
}
.UpgradedVersionDetails-imgOne img {
left: 0;
top: 0;
/* width: 100%; */
height: 100%;
/* object-fit: cover; */
}
.UpgradedVersionDetails-detailsTop {
width: 40px;
height: 56px;
background: url("http://imgfile.oytour.com/Static/NewTripFeature/detailsTop.png") no-repeat center;
background-size: 100% 100%;
left: 146px;
bottom: -84px;
}
.UpgradedVersionDetails-Title {
width: 276px;
margin: 111px auto 44px;
padding: 0 26px;
}
.UpgradedVersionDetails-Img-one {
}
.UpgradedVersionDetails-two .UpgradedVersionDetails-Img-one {
}
.UpgradedVersionDetails-three .UpgradedVersionDetails-Img-one {
}
.UpgradedVersionDetails-num {
height: 38px;
overflow: hidden;
margin-top: 5px;
}
.UpgradedVersionDetails-num span {
font-size: 76px;
font-weight: bold;
/* font-family: FZCuSong-B09S !important; */
left: 0;
top: -20px;
}
.UpgradedVersionDetails-Img-two {
width: 264px;
height: 21px;
margin-top: 38px;
margin-bottom: 20px;
}
.UpgradedVersionDetails-two .UpgradedVersionDetails-Img-two {
}
.UpgradedVersionDetails-three .UpgradedVersionDetails-Img-two {
}
.UpgradedVersionDetails-Img-two p {
font-size: 24px;
font-weight: 500;
margin-top: 38px;
margin-bottom: 20px;
}
.UpgradedVersionDetails-T {
width: 276px;
height: 44px;
overflow: hidden;
font-size: 38px;
font-family: FZCuSong-B09S !important;
font-weight: 400;
color: #2A2A2A;
left: -7px;
bottom: -53px;
}
.UpgradedVersionDetails-T-two {
width: 276px;
height: 499px;
overflow: hidden;
font-size: 23px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #444444;
line-height: 42px;
}
.UpgradedVersionDetails1 {
left: 11px;
top: 155px;
}
/**/
.UpgradedVersion-subIde {}
.UpgradedVersion-subIdeBj {
left: 72px;
top: 827px;
width: 154px;
height: 155px;
}
.UpgradedVersion-subIdeBj1 {
right: 7px;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 100%;
}
.UpgradedVersion-subIdeBj-h {
width: 109px;
height: 71px;
overflow: hidden;
left: 22px;
top: 41px;
text-align: center;
}
.UpgradedVersion-otherSubheading .UpgradedVersion-subIdeBj-h {
width: 54px;
height: 71px;
left: 34px;
top: 20px;
}
.UpgradedVersion-otherSubheading .UpgradedVersion-subIdeBj {
left: 85px;
top: 840px;
width: 120px;
height: 120px;
}
.UpgradedVersion-subIdeBj .edit_div {
font-size: 53px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #FFFFFF;
}
.UpgradedVersion-titleIcon {
width: 64px;
height: 28px;
left: 242px;
top: 748px;
}
.UpgradedVersion-otherSubheading .UpgradedVersion-titleIcon {
left: 236px;
top: 784px;
}
.UpgradedVersion-subIdeText-box {}
.UpgradedVersion-subIdeText {
width: 240px;
left: 237px;
top: 944px;
right: 350px;
height: 38px;
overflow: hidden;
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #2A2A2A;
}
.UpgradedVersion-subIdeTitle {
left: 67px;
top: 1001px;
right: 683px;
}
.UpgradedVersion-subIdeTitleBj {
width: 233px;
height: 234px;
/* background: #D23181; */
opacity: 0.2;
border-radius: 50%;
left: -24px;
top: -92px;
}
.UpgradedVersion-sT {
width: 354px;
left: 18px;
top: -230px;
}
.UpgradedVersion-sTL {
width: 17px;
height: 100%;
line-height: 62px;
/* background: #CC0066; */
border-radius: 9px;
}
.UpgradedVersion-sTR {
font-size: 45px;
font-family: FZCuSong-B09S !important;
font-weight: 400;
color: #2A2A2A;
}
.UpgradedVersion-sTR-h {
min-height: 60px;
max-height: 118px;
overflow: hidden;
}
.UpgradedVersion-sTR .edit_div {
padding: 8px 0;
}
.UpgradedVersion-subIdeImgBox {
top: 1008px;
right: 0;
width: 476px;
height: 39px;
overflow: hidden;
border-top-left-radius: 19px;
border-bottom-left-radius: 19px;
}
.subIdeImgBox .UpgradedVersion-subIdeImgBox {
top: 1062px;
width: 598px;
}
.UpgradedVersion-subIdeImgBox div {
height: 39px;
}
.UpgradedVersion-subIdeImgBoxL {
width: 44px;
flex-shrink: 0;
}
.UpgradedVersion-subIdeImgBoxL img {
width: 44px;
height: 100%;
object-fit: cover;
}
.UpgradedVersion-subIdeImgBoxR {
margin-left: 12px;
flex-grow: 1;
/* background: #CC0066; */
}
.UpgradedVersion-subIdeImgForm1 {
top: 919px;
right: 81px;
width: 351px;
height: 207px;
overflow: hidden;
border-radius: 25px;
background: #ECF6FB;
padding: 10px;
}
.UpgradedVersion-subIdeImgForm1.subIdeImgForm2 {
left: 569px;
top: 933px;
right: 74px;
width: 270px;
height: 207px;
}
.UpgradedVersion-subIdeImgForm1.subIdeImgForm2-two {
left: 770px;
top: 843px;
right: 84px;
width: 270px;
height: 207px;
}
.UpgradedVersion-subIdeImgForm1.subIdeImgForm3 {
left: 569px;
top: 933px;
right: 74px;
width: 198px;
height: 207px;
}
.UpgradedVersion-subIdeImgForm1.subIdeImgForm3-two {
left: 787px;
top: 933px;
right: 84px;
width: 270px;
height: 207px;
}
.subIdeImgBox1 {
left: 0;
top: 0;
}
.subIdeImg1 {
height: 187px;
border-radius: 14px;
overflow: hidden;
}
.subIdeImg1relative {
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.subIdeImg1relative img {
left: 0;
top: 0;
/* width: 100%; */
height: 100%;
/* object-fit: cover; */
}
.subIdeImg1relative img.width{
width: 100%;
height: auto;
}
.subIdeImgForm1Box {
left: 0;
top: 0;
}
.subIdeImgFormRelative {
width: 478px;
height: 214px;
left: 647px;
top: 911px;
}
.subIdeImgFormRelative2 {
width: 478px;
height: 295px;
left: 526px;
top: 843px;
}
.subIdeImgFormRelative3 {
height: 198px;
left: 526px;
top: 944px;
}
.subIdeImgForm2Box {
left: 0px;
top: 20px;
}
.subIdeImgForm2Box2 {
left: 0px;
top: 99px;
}
.subIdeImgForm2Box3 {
left: 0px;
top: 1px;
}
.UpgradedVersion-intTitle {
text-align: center;
}
.UpgradedVersion-intTitle-one {
top: 944px;
left: 300px;
right: 300px;
height: 70px;
overflow: hidden;
font-size: 60px;
font-family: FZCuSong-B09S !important;
font-weight: 400;
color: #2A2A2A;
}
.UpgradedVersion-intTitle-two {
top: 1046px;
left: 200px;
right: 200px;
height: 50px;
overflow: hidden;
font-size: 42px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #2A2A2A;
}
/**headerTitle*/
.UpgradedVersion-headerTitle {
text-align: center;
}
.UpgradedVersion-headerTitle-one {
top: 139px;
left: 124px;
right: 124px;
height: 53px;
font-size: 49px;
font-family: FZCuSong-B09S !important;
font-weight: 400;
color: #2A2A2A;
}
.UpgradedVersion-headerTitle-two {
top: 205px;
left: 144px;
right: 144px;
font-size: 34px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #2A2A2A;
}
.UpgradedVersion-headerTitle-one .edit_div{
height: 60px;
}
.UpgradedVersion-headerTitle-two .edit_div {
white-space: nowrap;
overflow: hidden;
}
.UpgradedVersion-headerTitle-two .edit_div {
height: 40px;
text-overflow: ellipsis;
}
.UpgradedVersion-headerTitle-three {
top: 237px;
left: 370px;
width: 379px;
height: 14px;
border-radius: 7px;
}
/**header*/
.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;
}
/**featureControls*/
.featureControls {
opacity: 0;
transition: opacity 2s ease;
-webkit-transition: opacity 2s ease;
-moz-transition: opacity 2s ease;
-ms-transition: opacity 2s ease;
-o-transition: opacity 2s ease;
}
.featureControls-bottom {
font-size: 20px;
color: #fff;
cursor: pointer;
background: rgba(0, 0, 0, 0.7);
border-radius: 2px;
}
.featureControls-bottomOne {
padding: 1px 10px;
}
.featureControls-bottomTwo {
padding: 5px 0;
}
.featureControls-bottomOne div {
padding: 0 5px;
}
.featureControls-bottomTwo div {
padding: 5px;
}
.featureControls-Template {
width: 150px;
top: -5px;
left: 85px;
background: #fff;
border: 4px;
}
.featureControls-Template div {
padding: 0;
}
.Template-img {
background: #e6e6e6;
margin: 5px 8px;
border-radius: 4px;
overflow: hidden;
cursor: pointer;
}
.Template-img img {
width: 100%;
height: 100%;
object-fit: cover;
padding: 10px;
display: block;
}
.Template-imgSelect {
background: rgba(0, 0, 0, 0.7);
left: 0;
top: 0;
right: 0;
bottom: 0;
color: #e95252;
}
.cursorInitial{
cursor: initial
}
.UpgradedVersion-box>img{
pointer-events: none !important;
}