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.
49 lines
4.0 KiB
CSS
49 lines
4.0 KiB
CSS
6 years ago
|
@charset "utf-8";
|
||
|
|
/* CSS Document */
|
||
|
|
.traditions { background: #e7e8ea; padding-bottom: 20px; padding-top: 40px; margin-bottom: 50px; }
|
||
|
|
.traditions h2 { color: #0c6197; font-size: 30px; }
|
||
|
|
h2 { font-size: 30px; text-align: center; margin-bottom:20px; font-weight:300; }
|
||
|
|
.withBg { background:rgba(0,0,0,.6); padding: 15px 0 20px; display: block; position:absolute; bottom:0; left:0; width:100%; color:#fff;}
|
||
|
|
.title { display: block; }
|
||
|
|
.title p { color:#fff;}
|
||
|
|
.title h1 { font-size: 40px; border-bottom: none; color:#fff; position:absolute; top:-70px; text-shadow: 0 0 4px #333;}
|
||
|
|
.performing { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; padding-bottom: 20px; top: 55px; padding-top: 10px; border-radius: 4px; }
|
||
|
|
ul.None { line-height: 24px; font-size: 14px; }
|
||
|
|
ul.NewTriangle { margin-top: 15px;}
|
||
|
|
ul.NewTriangle li { background:url(https://data.chinahighlights.com/pic/white-arrow.png) no-repeat scroll 0 5px; font-size: 15px; padding-left: 22px; line-height:25px; margin-bottom:10px; }
|
||
|
|
ul.NewTriangle li a { color:#fff;}
|
||
|
|
.PerformingArts h2 { color: #fff; font-size: 35px; margin-bottom: 30px; }
|
||
|
|
ul.white li { background: rgba(0, 0, 0, 0) url("/image/travelguide/culture/index/white.png") no-repeat scroll 20px center; font-size: 18px; margin-bottom: 10px; padding-left: 45px; }
|
||
|
|
.toptitle { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; color: #fff; font-size: 16px; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; position: absolute; text-align: center; width: 100%; left: 0; border-radius: 0 0 4px 4px; height: 55px; }
|
||
|
|
.toparticle { position: relative; margin-bottom: 30px; border-radius: 4px 4px 4px 4px; }
|
||
|
|
.topthingstodo { padding-bottom: 40px; padding-top: 10px; margin-bottom: 10px; margin-top: 10px; }
|
||
|
|
.topdestination { background-color: #f0f0f0; padding-bottom: 40px; padding-top: 10px; margin-top: 30px; }
|
||
|
|
ul.gray li { background: rgba(0, 0, 0, 0) url(/image/travelguide/attraction-guide/list.jpg) no-repeat scroll 20px center; font-size: 14px; padding-left: 40px; }
|
||
|
|
ul.gray { line-height: 24px; margin-left: -20px; }
|
||
|
|
ul.gray li a:hover { color: #a31022; }
|
||
|
|
ul.gray li a { text-decoration: none; }
|
||
|
|
ul.cityList li { font-size: 14px; padding-left: 0; line-height:25px; }
|
||
|
|
.destinations { top: 100px; }
|
||
|
|
.yztour { margin-bottom: 30px; }
|
||
|
|
.moreTipBox { display: table; height:425px;}
|
||
|
|
.moreTipBox .moreTips { display: table-cell; vertical-align: middle; text-align:center; font-size:20px;}
|
||
|
|
.moreTipBox .moreTips .fa { font-size:140%; margin-left:10px;}
|
||
|
|
.yztour img { border-radius: 4px 4px 0 0; }
|
||
|
|
.tour { background: #f1f1f1; height: 180px; padding-left: 15px; padding-right: 10px; padding-top: 5px; border-radius: 0 0 4px 4px; }
|
||
|
|
.tour span.tourname { display: block; font-size: 20px; height: 30px; margin-bottom: 5px; margin-top: 10px; }
|
||
|
|
.tips { background: #fff; height: 250px; padding-left: 15px; padding-right: 10px; padding-top: 5px; border-radius: 0 0 4px 4px; }
|
||
|
|
.tips span.tourname { display: block; font-size: 20px; height: 30px; margin-bottom: 10px; margin-top: 5px; }
|
||
|
|
ul.white li a { color: #fff; text-decoration: none; }
|
||
|
|
ul.white li a:hover { color: #fff; text-decoration: underline; }
|
||
|
|
.things { padding: 0; position: relative; }
|
||
|
|
.idea { background: #f0f0f0; padding:25px 0; margin:0 0 30px; }
|
||
|
|
.things img { width: 100%; }
|
||
|
|
.attractionmap { margin-bottom: 60px; }
|
||
|
|
.tour span.view { background: rgba(0, 0, 0, 0) url("/image/yangtzeriver/cruise/arrow.png") no-repeat scroll right center; font-size: 16px; padding-right: 25px; text-align: right; top: 0; }
|
||
|
|
.tour span.tourdetail { border-bottom: 1px dotted #919191; display: block; font-size: 16px; margin-bottom: 15px; padding-bottom: 20px; }
|
||
|
|
/* fixed main menu */
|
||
|
|
#header { position: fixed !important; z-index: 9999; width: 100%; }
|
||
|
|
.PerformingArts { display: block; margin-bottom: 20px; padding-top: 110px; position:relative; }
|
||
|
|
.moreBest { display: block; margin:40px 0 35px; text-align:center; font-size:18px;}
|
||
|
|
.moreBest .fa { font-size:130%; margin-left:5px;}
|
||
|
|
.photoBy { display: block; position:absolute; right:20px; bottom:20px; font-style: italic; color:#d1d1d1;}
|