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.
82 lines
5.0 KiB
CSS
82 lines
5.0 KiB
CSS
/*basic*/
|
|
h1 {color: #333;font-weight: 300;border: 0;font-size: 40px; margin-bottom:10px;}
|
|
h2 { font-weight:300; font-size:30px; color:#a31022}
|
|
h3 { font-size:24px;}
|
|
a { text-decoration:none;}
|
|
.red { color:#a31022;}
|
|
.font22 { font-size:22px;}
|
|
.mbottom30 { margin-bottom:30px;}
|
|
.mbottom50 { margin-bottom:50px;}
|
|
.relative { position:relative;}
|
|
.thumbnailbox { padding:50px 0;}
|
|
.bg-gary { background:#f1f1f1;}
|
|
.caption { padding:1px 15px; background:#fff; }
|
|
.caption h3 { font-size:20px; text-align:center;}
|
|
/*banner*/
|
|
.video-banner { position:relative;height:600px; overflow:hidden; }
|
|
.video-banner video {object-fit:fill;width:100%; height:auto; position:absolute; left:0;right:0; bottom:-120px;}
|
|
.ban-text { position:absolute; left:10%; right:10%; display:block; text-align:center;top:35%;color: #fff;text-shadow: 0 1px 10px rgba(0,0,0,.8);}
|
|
.ban-text p{ color:#fff; font-size:20px;}
|
|
.ban-text p.title { color:#fff; font-size:60px; font-weight:400; line-height:1em; margin-bottom:30px;}
|
|
.ban-text p.font30 { font-size:30px; margin-bottom:24px;}
|
|
@media (max-width:1125px) {
|
|
.video-banner { position:relative; height:auto; overflow: inherit; }
|
|
.video-banner video {object-fit:fill;width:100%; height:auto; position: static; left:0;right:0; bottom:auto; top:0;}
|
|
.ban-text { top:auto; bottom:40px; left:0; right:0;}
|
|
.ban-text p.title {font-size:32px;}
|
|
}
|
|
/*slogan*/
|
|
.sloganbox { margin-top:40px; margin-bottom:30px;}
|
|
.slogan-col { margin-bottom:20px; text-align:center;}
|
|
.slogan-fa { background:#e4e4e4; width:110px; height:110px; display:inline-block; border-radius:50%; margin-bottom:20px; text-align:center; line-height:110px; color:#a31022; font-size:40px;}
|
|
.slogan-title {color:#a31022; font-size:20px; margin-bottom:15px;}
|
|
/*list 5*/
|
|
.col-list { float:left; width:20%; padding-left:15px; padding-right:15px; margin-bottom:30px;}
|
|
.col-list img {cursor: pointer;transition: all 0.6s;}
|
|
.col-list img:hover{transform: scale(1.2);}
|
|
@media (max-width:768px) {
|
|
.col-list { float:none; width:100%;}
|
|
.col-list img:hover{transform: scale(1);}
|
|
}
|
|
/*tour list*/
|
|
.caption h3 { font-size:20px; text-align:center; margin-bottom:15px;}
|
|
.caption-price { padding-top:20px; border-top: dashed 1px #ccc;}
|
|
.caption-price .red { display:inline-block; margin-bottom:10px; font-size:26px; margin-top:10px;}
|
|
.btn-red {background: #a31022; border-radius: 4px; text-align: center; color:#fff; padding:8px 20px; display:inline-block; font-size:18px;}
|
|
.btn-red:hover { color:#fff;}
|
|
.caption-price .btn-red { margin-bottom:20px;}
|
|
.orange-tag {position: absolute;font-size: 14px;padding:10px 20px; color: #fff;background: #e43; text-shadow: 0px 1px 2px #bbb;box-shadow: 0px 2px 4px #888; left:-15px; top:20px;}
|
|
.orange-tag:after{content: ' '; position: absolute; width: 0;height: 0; left: 0px;top: 100%;border-width:5px 8px; border-style: solid;border-color: #a31022 #a31022 transparent transparent;}
|
|
.orange-tag:before{content: ' ';position: absolute; width: 0;height: 0;right: -8px; top: 0px;border-color: transparent #fff transparent transparent;}
|
|
/*reviews*/
|
|
.reviews-list p{ margin-bottom:10px; font-size:14px;}
|
|
.reviews-left { text-align:center;}
|
|
.reviews-left p { font-size:13px; margin-bottom:0px; color:#333; line-height:1.2em;}
|
|
.member img {border-radius:50%; margin-top:40px; margin-bottom:10px;}
|
|
.reviews-arrow { position:absolute;display: inline-block;width: 0;height: 0; left:-15px; top:30px;vertical-align: middle; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 15px solid #f2f2f2;}
|
|
.green { color:#00a680; margin-top:8px;}
|
|
.green a { color:#00a680; font-size:12px; margin-right:8px;}
|
|
.green a i{ font-size:13px; margin-right:2px;}
|
|
.green a i.fa-thumbs-up { margin-top:-2px; margin-right:0px;}
|
|
.ratingdate { font-size:13px; color:#888;}
|
|
.ui_bubble_rating { margin-left:10px; margin-right:10px;}
|
|
.reviews-info { padding:20px 20px 10px 20px; background:#f2f2f2; position:relative; border-radius:12px;}
|
|
.reviews-info a { color:#333;}
|
|
.reviews-info p { font-size:14px;}
|
|
.reviews-info p.reviews-title { border-bottom:solid 1px #fff; font-size:20px; font-size:600; padding-bottom:12px;}
|
|
.reviews-page {width: 100%;text-align: center;z-index: 1000; margin-top:30px;}
|
|
.reviews-page li {margin: 0 2px; display: inline-block;}
|
|
.reviews-page li a{width: 13px;height: 13px;display: block;cursor: pointer;text-indent: -9999px;background: #a31022;border: 1px solid #a31022;border-radius:50%;}
|
|
.reviews-page li a.active{background: #fff;border: 1px solid #888;}
|
|
/*form*/
|
|
input, textarea {background-color: #fff; border: medium none; border-radius: 4px; box-shadow: 0 0 2px #999; color: #333; font-size: 16px; padding:15px 10px; width:100%;}
|
|
input.FullName {background: #fff url(//data.chinahighlights.com/pic/input-name.png) no-repeat 15px; padding-left: 50px;}
|
|
input.EmailAddress {background: #fff url(//data.chinahighlights.com/pic/input-email.png) no-repeat 15px; padding-left: 50px;}
|
|
.text-right { text-align:right;}
|
|
button {border:medium none;}
|
|
button.btn-red{font-size: 18px;padding: 12px 50px;text-align: center; box-shadow:0;}
|
|
button .fa {margin-left: 20px;font-size: 24px;}
|
|
/*footer*/
|
|
#footer { margin-top:0;}
|
|
|