|
|
|
|
@ -1495,9 +1495,324 @@ h1.tourdetailh1 {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
/* 集合页元素 */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*促销*/
|
|
|
|
|
.smallgroup {
|
|
|
|
|
background: #eee;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
padding: 40px;
|
|
|
|
|
position: relative;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin-bottom: 50px;
|
|
|
|
|
margin-top: 100px;
|
|
|
|
|
}
|
|
|
|
|
.grouptag {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -65px;
|
|
|
|
|
left: -12px;
|
|
|
|
|
}
|
|
|
|
|
.contactinfo {
|
|
|
|
|
width: 50%;
|
|
|
|
|
color: #000;
|
|
|
|
|
font-size: 22px;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
border-right: 2px solid #d9d9d9;
|
|
|
|
|
float: left;
|
|
|
|
|
margin-right: 70px;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
}
|
|
|
|
|
.contactcode {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: #000;
|
|
|
|
|
padding-top: 20px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
.contactcode img {
|
|
|
|
|
margin-right: 20px;
|
|
|
|
|
}
|
|
|
|
|
.grouptours {
|
|
|
|
|
margin-bottom: 40px;
|
|
|
|
|
float: left;
|
|
|
|
|
margin-right: 40px;
|
|
|
|
|
margin-top: 40px;
|
|
|
|
|
}
|
|
|
|
|
.grouptours img {
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
float: left;
|
|
|
|
|
margin-right: 20px;
|
|
|
|
|
}
|
|
|
|
|
.groupname {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #000;
|
|
|
|
|
display: table;
|
|
|
|
|
line-height: 25px;
|
|
|
|
|
}
|
|
|
|
|
p.groupcontact {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
|
|
|
|
p.groupcontact a {
|
|
|
|
|
color: #000;
|
|
|
|
|
}
|
|
|
|
|
p.groupcontact .fa {
|
|
|
|
|
color: #a31022;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
}
|
|
|
|
|
/*线路1大两小*/
|
|
|
|
|
.tourleft { position: relative; float: left; margin-right: 25px; width: 50%; }
|
|
|
|
|
.tourleftinfo {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
padding: 0 10px;
|
|
|
|
|
}
|
|
|
|
|
.recotourname {
|
|
|
|
|
font-size: 40px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
color: #fff;
|
|
|
|
|
display: block;
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
padding: 0 15px;
|
|
|
|
|
line-height: 45px;
|
|
|
|
|
}
|
|
|
|
|
.recotourname a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.destinationtop {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
color: #fff;
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 0 15px;
|
|
|
|
|
}
|
|
|
|
|
ul.expatstourtag {
|
|
|
|
|
margin: 15px 0 0 30px;
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
|
|
|
|
ul.expatstourtag li {
|
|
|
|
|
color: #fff;
|
|
|
|
|
float: left;
|
|
|
|
|
list-style: square;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
margin-right: 30px;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
}
|
|
|
|
|
.tourbutton {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
color: #fff;
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
padding-left: 15px;
|
|
|
|
|
float: left;
|
|
|
|
|
margin-bottom: 30px;
|
|
|
|
|
}
|
|
|
|
|
.tourbutton a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.tourbutton a .fa {
|
|
|
|
|
margin-left: 8px;
|
|
|
|
|
font-size: 19px;
|
|
|
|
|
}
|
|
|
|
|
.righttour {
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
height: 250px;
|
|
|
|
|
}
|
|
|
|
|
.righttour img {
|
|
|
|
|
float: left;
|
|
|
|
|
width: 300px;
|
|
|
|
|
}
|
|
|
|
|
.rightinfo {
|
|
|
|
|
background: #fff;
|
|
|
|
|
border: 1px solid #cecece;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
border-left: none;
|
|
|
|
|
display: table;
|
|
|
|
|
height: 186px;
|
|
|
|
|
}
|
|
|
|
|
.rightname {display: block; font-size: 20px; color: #000; margin-bottom: 10px; line-height: 24px;}
|
|
|
|
|
.rightname a { text-decoration: none; color: #000; }
|
|
|
|
|
.rightdestination {font-size: 16px; color: #000; line-height: 22px;}
|
|
|
|
|
.tourbuttonright {font-size: 16px; font-weight: 400; color:#000; display: block; margin-top: 10px;
|
|
|
|
|
text-align: right;}
|
|
|
|
|
.tourbuttonright a {text-decoration: none;
|
|
|
|
|
color: #ad1818;}
|
|
|
|
|
/*线路一行三个*/
|
|
|
|
|
.listtour { display: flex;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
justify-content: center;}
|
|
|
|
|
.expatstour {
|
|
|
|
|
height: 510px;
|
|
|
|
|
background: #fff;
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
margin-bottom: 30px;
|
|
|
|
|
width: 30%;
|
|
|
|
|
margin: 0 20px 30px 0;}
|
|
|
|
|
.tourdetailinfo { padding: 20px;}
|
|
|
|
|
.expatstourname {display: block;
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
margin-bottom: 15px; font-weight: 600; line-height: 30px;}
|
|
|
|
|
.expatstourname a { color: #000;
|
|
|
|
|
text-decoration: none;}
|
|
|
|
|
/*contact us按钮*/
|
|
|
|
|
.moretour {color: #000; font-size: 26px; text-align: center; font-weight: 600; margin-bottom: 45px; margin-top: 60px; font-style: italic;}
|
|
|
|
|
.moretour a { text-decoration: none; color: #000;}
|
|
|
|
|
.moretour .fa { margin-left: 10px;}
|
|
|
|
|
.InquiryButtonTour {display: block;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
background: #a31022;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
margin-top: -10px;
|
|
|
|
|
margin-bottom: 70px;
|
|
|
|
|
width: 30%;}
|
|
|
|
|
.InquiryButtonTour a {
|
|
|
|
|
padding: 10px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
display: block;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
}
|
|
|
|
|
.InquiryButtonTour .fa {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
margin-left: 30px;
|
|
|
|
|
}
|
|
|
|
|
/*目的地推荐*/
|
|
|
|
|
.PopCity {
|
|
|
|
|
position: relative;
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
}
|
|
|
|
|
.PopCity a {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
.CityName {
|
|
|
|
|
width: 100%;
|
|
|
|
|
font-size: 33px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
text-shadow: 5px 5px 5px #000;
|
|
|
|
|
position: absolute;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-transform: uppercase;
|
|
|
|
|
top: 80px;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
.CityTag {
|
|
|
|
|
width: 97%;
|
|
|
|
|
display: block;
|
|
|
|
|
top: 120px;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: #fff;
|
|
|
|
|
position: absolute;
|
|
|
|
|
text-shadow: 0 0 2px #333;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
/*TA*/
|
|
|
|
|
.valuecontent {border-right: 1px solid #cecece;
|
|
|
|
|
padding-right: 50px;
|
|
|
|
|
margin-right: 80px;
|
|
|
|
|
width: 37%;
|
|
|
|
|
float: left;}
|
|
|
|
|
.valuetitle {display: block;
|
|
|
|
|
text-transform: capitalize;
|
|
|
|
|
color: #000;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
font-size: 22px;}
|
|
|
|
|
.comment p { font-size: 17px;}
|
|
|
|
|
.commentop {background:url(https://www.chinahighlights.com/image/tour-detail/china-tour/china-tours-2020-feedback-bg-left.png) no-repeat left top; margin-bottom: 30px;}
|
|
|
|
|
.commentbottom {background:url(https://www.chinahighlights.com/image/tour-detail/china-tour/china-tours-2020-feedback-bg-right.png) no-repeat right bottom;}
|
|
|
|
|
.commentname {color: #717171; }
|
|
|
|
|
/*trip notes折叠*/
|
|
|
|
|
#expandAll {
|
|
|
|
|
float: right;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
color: #a31022;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
padding-right: 15px;
|
|
|
|
|
}
|
|
|
|
|
.tripnotes {
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 70px 15px 20px 15px;
|
|
|
|
|
font-size: 23px;
|
|
|
|
|
clear: both;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
border-top: 1px solid #d1d1d1;
|
|
|
|
|
padding-top: 20px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
.tripnotes .CloseIcon {
|
|
|
|
|
background: url(//data.chinahighlights.com/pic/close-icon-bj-1.png) no-repeat;
|
|
|
|
|
height: 20px;
|
|
|
|
|
width: 20px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: relative;
|
|
|
|
|
float: right;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
.tripnotes .OpenIcon {
|
|
|
|
|
background: url(//data.chinahighlights.com/pic/open-icon-bj-1.png?20180227) no-repeat;
|
|
|
|
|
height: 20px;
|
|
|
|
|
width: 20px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: relative;
|
|
|
|
|
float: right;
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
@media (max-width:750px) {
|
|
|
|
|
.smallgroup { padding: 20px;}
|
|
|
|
|
.contactinfo { width: auto;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
border-right: none;
|
|
|
|
|
float: none;
|
|
|
|
|
margin-right: 0px;
|
|
|
|
|
padding: 20px;
|
|
|
|
|
line-height: 25px;}
|
|
|
|
|
.contactcode { text-align: center;}
|
|
|
|
|
.contactcode img {margin: 0 auto;
|
|
|
|
|
display: block;
|
|
|
|
|
margin-bottom: 15px;}
|
|
|
|
|
.tourleft { float: none;
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
width: auto;
|
|
|
|
|
margin-bottom: 30px;}
|
|
|
|
|
.righttour img { float: none; width: 100%;}
|
|
|
|
|
.righttour {
|
|
|
|
|
margin: 0 15px 30px 15px;
|
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
.rightinfo { height: auto;
|
|
|
|
|
padding: 20px 15px;
|
|
|
|
|
border-left: 1px solid #cecece;
|
|
|
|
|
display: block;}
|
|
|
|
|
.recotourname { font-size: 30px; line-height: 35px;}
|
|
|
|
|
.listtour { display: block;}
|
|
|
|
|
.expatstour {width: auto;
|
|
|
|
|
margin: 0 15px 30px 15px;
|
|
|
|
|
height: auto;}
|
|
|
|
|
.valuecontent {width: auto;
|
|
|
|
|
border-right: none;
|
|
|
|
|
padding: 0 15px;
|
|
|
|
|
float: none;
|
|
|
|
|
display: block;
|
|
|
|
|
margin-right: 0;}
|
|
|
|
|
.comment { padding: 0 15px;}
|
|
|
|
|
.InquiryButtonTour { width: 70%;}
|
|
|
|
|
.PopCity { padding: 0;}
|
|
|
|
|
}
|
|
|
|
|
/* 集合页元素 结束 */
|
|
|
|
|
|
|
|
|
|
/* menu begin */
|
|
|
|
|
@ -2412,6 +2727,7 @@ img.highlightsimgtop {
|
|
|
|
|
/*pc style end */
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
p { padding: 0;}
|
|
|
|
|
.tournavi {top: 139px;
|
|
|
|
|
width: 1100px;
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
CandiceSong
5 years ago