You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
243 lines
8.6 KiB
CSS
243 lines
8.6 KiB
CSS
@charset "utf-8";
|
|
h1.newchina {color: #fff;
|
|
text-align: center;
|
|
font-size: 40px;
|
|
font-weight: 300; padding-top: 60px;}
|
|
.newchinatop { top: -5px;
|
|
margin-bottom: -5px; position: relative;}
|
|
.coupletop { top: -5px;
|
|
margin-bottom: 90px; position: relative;}
|
|
.newchinatitle { position: absolute;
|
|
background: none repeat scroll 0 0 rgba(0,0,0,.37);
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
bottom: 0;}
|
|
.coupletoptitle { position: absolute;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
bottom: 0;}
|
|
.topheadline { display: block;
|
|
|
|
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0; display: flex;
|
|
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
text-align: center;height: 270px;
|
|
top: calc(50% - 120px);}
|
|
.newchina { background: url(https://data.chinahighlights.com/image/tour-detail/china-tour/new-china-top-bg.jpg) no-repeat top center #202020;}
|
|
p.topp { text-align: center; color: #fff; font-size: 20px; font-weight: 300; line-height: 33px; margin-bottom: 5px;}
|
|
.bigchina { font-size: 37px; margin-right: 10px; font-style: italic;}
|
|
.newchinatag { display: flex;margin-top: 30px;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
text-align: center;}
|
|
.topnewchina { position: relative; width:200px; height: 200px;
|
|
overflow: hidden; border-radius: 50%;}
|
|
.topnewchina img.cityimage:hover { transform: scale(1.2);}
|
|
.newcityname { font-size: 26px;
|
|
color: #fff;
|
|
text-align: center;
|
|
display: block;
|
|
top: calc(50% - 15px);
|
|
height: 30px;
|
|
text-shadow: 3px 3px 3px #414141;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0; z-index: 999;}
|
|
img.cityimage {
|
|
width: 200px;
|
|
height: 200px;cursor: pointer;
|
|
transition: all 1.5s;}
|
|
.newchinaarrow { display: block;
|
|
background: url(https://data.chinahighlights.com/image/tour-detail/china-tour/new-china-arrow.jpg) no-repeat top center #202020;
|
|
padding-top: 75px;
|
|
z-index: 100;
|
|
position: relative;
|
|
top: 40px; margin-bottom: 150px;}
|
|
.citycontent { border:1px solid #434343; border-radius:4px; padding: 50px 30px 40px 30px; position: relative; margin-bottom: 100px; display: inline-block;}
|
|
.couplecontent { border:1px solid #d1d1d1; border-radius:4px; padding: 50px 30px 40px 30px; position: relative; margin-bottom: 100px; display: inline-block;}
|
|
.newcitytitle { color: #fff;
|
|
position: absolute;
|
|
font-size: 33px;
|
|
text-align: center;
|
|
display: block;
|
|
width: auto;
|
|
right: calc(50% - 140px);
|
|
min-width: 200px;
|
|
top: -30px;
|
|
background: #202020;
|
|
padding: 0 50px; font-weight: 300;}
|
|
.coupletitle { color: #000;
|
|
position: absolute;
|
|
font-size: 33px;
|
|
text-align: center;
|
|
display: block;
|
|
width: auto;
|
|
right: calc(50% - 95px);
|
|
min-width: 200px;
|
|
top: -30px;
|
|
padding: 0 50px; font-weight: 300; background: #fff;}
|
|
p.cityp { margin-bottom: 30px; font-size: 16px; color: #b1b1b1; border-bottom: 1px solid #434343; padding-bottom: 45px;}
|
|
.citytitle { color:#e1da19; font-style:italic; font-size: 26px; display: block; margin-bottom: 15px; font-weight: 300;}
|
|
.couplecontenttitle { color:#000; font-style:italic; font-size: 26px; display: block; margin-bottom: 15px; font-weight: 300;}
|
|
.funtime { color: #b1b1b1; font-style: italic; font-size: 16px; margin-bottom: 10px; display: block;}
|
|
.funtime .fa {margin-right: 10px; font-size: 19px;}
|
|
.citycontent p { color: #b1b1b1;}
|
|
.couplecontent p, .citycontent ul {color: #555;}
|
|
.citycontent a {text-decoration: none;}
|
|
.funbutton { color: #fff; border:1px solid #fff; border-radius: 4px; padding: 5px 10px; margin-bottom: 30px;
|
|
display: inline-block;}
|
|
.couplebutton { color: #000; border:1px solid #d1d1d1; border-radius: 4px; padding: 5px 10px; margin-bottom: 30px;
|
|
display: inline-block;}
|
|
.inquiryword { display: block; font-style: italic; color:#fff; font-size:30px; font-weight: 300; text-align: center;}
|
|
.newchinaform { background: url(https://data.chinahighlights.com/image/tour-detail/china-tour/new-china-form-bg.jpg?20190606) no-repeat top center #202020; margin-top: -50px; height: 535px; margin-bottom: -20px;}
|
|
.museumform { background: url(https://data.chinahighlights.com/image/tour-detail/china-tour/museum-tours-bottom-bg-pc.jpg) no-repeat top center #202020; margin-top: -50px; height: 610px; margin-bottom: -20px;}
|
|
.coupleform { background: url(https://data.chinahighlights.com/image/tour-detail/china-tour/couple-index-bottom-form-pc.jpg) no-repeat top center #202020;
|
|
margin-top: 100px;
|
|
height: 650px;
|
|
margin-bottom: -20px;}
|
|
img.couplepictop { position: relative;}
|
|
.coupletag {position: absolute;
|
|
background: url(https://data.chinahighlights.com/pic/tour/couple-hotel-tag-bg.PNG) no-repeat;
|
|
top: 20px;
|
|
color: #fff;
|
|
background-size: 148px 39px;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 3px 10px;
|
|
font-size: 18px;}
|
|
.newform { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
|
|
margin-top: 25px;
|
|
padding: 30px 0;
|
|
border-radius: 6px;
|
|
left: 0;
|
|
right: 0;}
|
|
.bottomad { padding-left:0px;padding-top: 60px;}
|
|
.bottomtitle { font-weight: 300;
|
|
font-size: 30px;
|
|
margin-bottom: 35px; color: #fff;display: block;}
|
|
.highlight {display: block; }
|
|
.highlightsname { display: block;
|
|
position: relative;
|
|
width: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
margin-bottom: 15px;
|
|
z-index: 9999;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
font-weight: 300;}
|
|
.questionright { margin-top: -80px;margin-left: 30px;}
|
|
.inquirybox { padding: 20px 15px 15px 15px;
|
|
top: 95px;
|
|
width: 100%;
|
|
position: inherit;
|
|
margin-bottom: 10px; background: none; border:none;margin-top: 95px;}
|
|
.newchinaform p {margin-bottom:15px;}
|
|
.newchinaform textarea { height:100px;font-size:14px; margin-bottom:10px;}
|
|
.inquirybox .sendbutton { background: #ae1819 none repeat scroll 0 0;
|
|
border: medium none;
|
|
border-radius: 4px;
|
|
color: #fff;
|
|
font-size: 18px !important;
|
|
margin: 0 10px 15px 0;
|
|
padding: 10px;
|
|
text-align: center;
|
|
width: 100%;}
|
|
.inquirybox input.fullname {
|
|
background: #fff url(//data.chinahighlights.com/pic/input-name.png) no-repeat 15px;
|
|
padding-left: 50px;
|
|
}
|
|
.inquirybox input.emailaddress {
|
|
background: #fff url(//data.chinahighlights.com/pic/input-email.png) no-repeat 15px;
|
|
padding-left: 50px;
|
|
}
|
|
.inquirybox input.inquirycalendar {
|
|
background: #fff url(//data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px;
|
|
padding-left: 50px;
|
|
}
|
|
.inquirybox input[type="text"], textarea {
|
|
width: 100%;
|
|
}
|
|
.inquirybox input, textarea {
|
|
background-color: #fff;
|
|
border: medium none;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 2px #999;
|
|
color: #333;
|
|
font-size: 14px;
|
|
padding: 10px;}
|
|
.highlights_selection {
|
|
width: 62.5%;
|
|
float: left;
|
|
padding: 0 15px;
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-left: 55px;
|
|
padding-top: 10px;
|
|
}
|
|
.highlights_selection+.InquiryBox {
|
|
width: 33.3333333%;
|
|
float: left;
|
|
position: relative;
|
|
min-height: 1px;
|
|
}
|
|
.imagebottom {margin-top: 30px;}
|
|
.citycontent ul {color:#b1b1b1;}
|
|
.museumhead {
|
|
position: absolute;
|
|
left: 0px;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
text-align: center;
|
|
height: 270px;
|
|
top: calc(50% - 172px);
|
|
color: rgb(255, 255, 255);
|
|
font-size: 40px;
|
|
}
|
|
.museumsub { position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
text-align: center;
|
|
height: 270px;
|
|
top: calc(50% - 110px);
|
|
color: #fff;
|
|
font-size: 22px;
|
|
font-weight: 300;}
|
|
.museumtopinfo {position: relative;
|
|
display: block;
|
|
top: calc(100% - 225px);}
|
|
.coupletopinfo {position: relative;
|
|
display: block;
|
|
top: calc(100% - 280px);}
|
|
.museumvideo { display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 70px;}
|
|
.couplecity { position: absolute;
|
|
background: #a31022;
|
|
top: 20px;
|
|
color: #fff;
|
|
width: 130px;
|
|
padding: 5px 10px;
|
|
font-size: 15px; height: auto; text-transform: uppercase;border-radius: 0 4px 4px 0;}
|
|
.couplecity .fa { margin-right: 8px;
|
|
font-size: 17px;}
|
|
.hiimage { margin-top: 10px;} |