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.
70 lines
6.4 KiB
CSS
70 lines
6.4 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
h2 { margin: 50px 0 20px !important; font-size: 25px !important; }
|
|
.service { display: inline-block; font-size: 130%; text-transform: uppercase; margin: 5px 25px 15px 0; }
|
|
.service .fa { color: #a31022; font-size: 130%; }
|
|
.makeEasy { margin-bottom: 5px; }
|
|
.makeEasy img { margin-bottom: 10px; }
|
|
.makeEasy .title { font-size: 16px; display: block; margin-bottom: 15px; }
|
|
.teamPhoto { display: block; float: right; margin: 0 0 10px 15px; }
|
|
.advantage li { line-height:18px; margin-bottom:10px; font-size:14px; background:url("https://data.chinahighlights.com/pic/green-mark.png") no-repeat scroll 0 4px; padding-left:30px;}
|
|
/* question box */
|
|
#reservForm { margin: 10px 0 15px; position: relative; border-radius: 6px; border:2px solid #a31022; padding: 10px 20px; z-index:9999; }
|
|
#reservForm .questionContent { display: block; padding: 10px 20px; background: #d1d1d1; border-radius: 6px; }
|
|
#reservForm .interested { font-size: 22px; display: block; text-align: center; margin: 5px 0 16px; text-transform: uppercase; font-weight: bold; color: #a31022 }
|
|
#reservForm .interest-label { font-size: 14px; text-align: center; display: block; margin-bottom: 25px; }
|
|
#reservForm .infoRequired { text-align: center; margin: 22px 0 0 0; display: block; }
|
|
#reservForm input, textarea, select { width: 100%; font-size: 14px !important; padding:5px 10px; background-color: #fff; margin-bottom: 10px !important; border-radius: 4px; border: none; color: #333; box-shadow: 0 0 2px #999 }
|
|
#reservForm input:focus, textarea:focus { border-color: #a31022; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.075) inset, 0 0 8px #000; transition: all 0.5s ease-in-out; border-radius: 10px; }
|
|
#reservForm textarea { height: 150px; }
|
|
#reservForm .sendButton { margin: 15px 0; display: block; background: #a31022; border: none; color: #fff; text-shadow: 0 0 2px #000; text-align: center; border-radius: 4px; padding: 10px; font-size: 15px; width: 100%; }
|
|
#reservForm .infoRequired p { display: none; }
|
|
#reservForm .infoRequired p { +left: 660px;
|
|
}
|
|
#reservForm .infoRequired p { margin: 0; line-height: 20px !important; margin-bottom: 0px !important; position: relative; text-align: center; }
|
|
#reservForm .infoRequired p label { padding: 0; margin: 0; position: absolute; top: 10px; left: 10px; cursor: text; font-size: 14px; color: #777; }
|
|
#reservForm .infoRequired .des label { text-align: left; }
|
|
#reservForm .infoRequired p select { padding-left: 10px 0 10px 5px; font-size: 14px; margin-bottom: 10px; }
|
|
/* submit checking */
|
|
#reservForm .infoRequired p .arrowDownTest label { line-height: 20px; position: relative; left: 0; margin: 0; padding: 0; top: 0; }
|
|
#reservForm .infoRequired p .arrowDownTest { background-color: #FFFFFF; border: 1px solid #999999; color: #A31022; display: block; padding: 3px 4px; position: absolute; z-index: 11000; left: 10px; top: -22px; }
|
|
#reservForm .infoRequired p .arrowDown { left: 4px; position: absolute; top: 26px; }
|
|
/* tour list */
|
|
.tripList { position: relative; border: 1px solid #999; border-radius: 4px; margin-bottom: 25px; }
|
|
.tripList .number { background: #a31022; text-align: center; color: #fff; width: 30px; height: 30px; display: block; position: absolute; left: -1px; top: -1px; border-radius: 6px 0 6px 0; font-size: 150%; }
|
|
.tripList img { border-radius: 4px 4px 0 0; max-width: 100%; margin-bottom: 10px; width: 100%; }
|
|
.tripList .tripInfo { background: #fff; display: block; padding: 0 10px; position: relative; border-radius: 0 0 4px 4px; }
|
|
.tripList .tripInfo .likeIt { text-align: center; background: #a31022; background: -moz-linear-gradient(center top, #d2172e 0%, #b21226 50%, #a31022 100%) repeat; background: -webkit-gradient(linear, left top, left bottom, from(#d2172e), to(#a31022)); padding: 5px 10px 7px 10px; border-radius: 4px; color: #fff; cursor: pointer; position: absolute; bottom: 13px; left: 20px; font-weight: bold; }
|
|
.tripList .tripInfo .likeIt:hover { background: #a31022; }
|
|
.tripList .tripInfo .likeIt a { color: #fff; text-decoration: none; }
|
|
.tripList .tripName { display: block; font-size: 15px; margin: 0 10px 15px }
|
|
.tripList .duration { display: none; }
|
|
.tripList .difficulty { display: inline-block; font-size: 12px; }
|
|
.tripList .route { display: block; margin: 5px 0 10px 0; color: #a4a4a4; }
|
|
.tripList .route .arrow { background: url(https://data.chinahighlights.com/css/images/greatwall/arrow.png) no-repeat; width: 12px; height: 8px; display: inline-block; }
|
|
.tripInfo { margin: 20 0 20 0 }
|
|
/*customer's say*/
|
|
|
|
.whatSay { display: block; margin: 10px 0; font-size: 14px; font-family: Verdana, Tahoma, Geneva, sans-serif }
|
|
.whatSay h2 { display: block; margin: 15px 0; font-weight: normal; }
|
|
.whatSay .quoteBegin { display: block; width: 40px; height: 30px; display: inline-block; background: url(https://data.chinahighlights.com/pic/quotation-begin.png) no-repeat; float: left; margin-right: 5px; }
|
|
.whatSay .personalInfo { display: block; font-size: 12px; text-align: right; margin-bottom: 20px; font-style:italic; color:#999; }
|
|
/* footer features */
|
|
#footerFeature { margin: 60px auto 0; height: 100%; overflow: hidden; border-top:1px solid #d1d1d1; padding-top:15px; }
|
|
#footerFeature .featureDetail {padding: 0 10px 10px 0; }
|
|
#footerFeature .featureDetail.last { background: none; padding-right: 0; margin-right: 0; }
|
|
#footerFeature .featureDetail.last img { border-radius: 4px; }
|
|
#footerFeature .featureDetail .featureTitle { font-size: 20px; display: block; margin: 0 0 15px; color: #545454; }
|
|
#footerFeature .featureDetail .featureTitle .more { font-size: 11px; }
|
|
#footerFeature .featureDetail ul { margin-left: 0; }
|
|
#footerFeature .featureDetail ul li { list-style: none; background: url(https://data.chinahighlights.com/pic/green-mark.png) no-repeat 0 6px; padding-left: 25px; font-size: 12px; line-height: 22px; margin-bottom: 10px; }
|
|
#footerFeature .featureDetail ul { margin-left: 0; }
|
|
#footerFeature .featureDetail.first li { margin-bottom: 8px!important; }
|
|
#footerFeature .featureDetail ul li.last { background: none; padding-left: 0; text-align: right; margin-right: 15px; }
|
|
.howHelp { display: block; font-size:160%; margin: 0 0 15px;}
|
|
/* cooperation */
|
|
.cooperate { background:#d1d1d1; padding:20px 0; margin:25px 0;}
|
|
.cooperate h2 { margin:60px 0 40px !important; font-size:250% !important;}
|
|
.cooperate li { line-height:25px; margin-bottom:25px; font-size:14px; margin-left:10px; padding-left:15px;}
|
|
.cooperate .fa { color:#a31022; font-size:430%; transform:rotate(-183deg); margin-top:215px;}
|
|
.photoBlock400 { display: block; float: right; margin:5px 0 15px 20px;} |