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.
438 lines
10 KiB
CSS
438 lines
10 KiB
CSS
6 years ago
|
@charset "utf-8";
|
||
|
|
/* CSS Document */
|
||
|
|
#multimedia h2 {
|
||
|
|
font-size:18px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
h2.chinaVideo {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/china-video.png) no-repeat left;
|
||
|
|
padding: 15px 0 0 70px;
|
||
|
|
width:660px;
|
||
|
|
height:55px;
|
||
|
|
}
|
||
|
|
.chinaPhoto {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/china-photo.png) no-repeat left;
|
||
|
|
padding: 15px 0 0 70px;
|
||
|
|
width:660px;
|
||
|
|
height:58px;
|
||
|
|
}
|
||
|
|
.chinaCard {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/china-card.png) no-repeat left;
|
||
|
|
padding: 15px 0 0 70px;
|
||
|
|
width:280px;
|
||
|
|
height:44px;
|
||
|
|
}
|
||
|
|
.chinaWallpaper {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/china-wallpaper.png) no-repeat left;
|
||
|
|
padding: 15px 0 0 70px;
|
||
|
|
width:280px;
|
||
|
|
height:43px;
|
||
|
|
}
|
||
|
|
.mediaArea {
|
||
|
|
width:290px;
|
||
|
|
position:relative;
|
||
|
|
-moz-border-radius:6px;
|
||
|
|
border:#d1d1d1 1px solid;
|
||
|
|
line-height:5px;
|
||
|
|
margin:5px;
|
||
|
|
padding:10px;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.videoArea {
|
||
|
|
width:315px;
|
||
|
|
position:relative;
|
||
|
|
-moz-border-radius:6px;
|
||
|
|
border:#d1d1d1 1px solid;
|
||
|
|
padding:10px 5px;
|
||
|
|
margin:5px;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
.videoDetailList2{ font-size:11px; margin-bottom:5px; padding:5px; color:#c2c2c2;}
|
||
|
|
ul.videoDetailList2 li{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/drop-1.GIF) no-repeat 0 10px;
|
||
|
|
line-height:20px;
|
||
|
|
padding:3px 3px 3px 10px;
|
||
|
|
display:block;
|
||
|
|
width:100%;
|
||
|
|
float:left;
|
||
|
|
list-style:none;
|
||
|
|
}
|
||
|
|
/*列表页面的图片样式*/
|
||
|
|
.topCitySight .leftDiv .cityphotoStyle,{
|
||
|
|
width:100%;
|
||
|
|
margin-top:5px;
|
||
|
|
}
|
||
|
|
.topCitySight .leftDiv .cityphotoStyle, .videoHot{ text-align:center; }
|
||
|
|
.topCitySight .leftDiv .cityphotoStyle .photoStyleIn{
|
||
|
|
color:#6b6b6b;
|
||
|
|
float:left;
|
||
|
|
padding:0 3px;
|
||
|
|
text-align:center;
|
||
|
|
width:112px;
|
||
|
|
}
|
||
|
|
.videoHot{
|
||
|
|
width:auto;
|
||
|
|
height:auto
|
||
|
|
}
|
||
|
|
.photoStyleIn{
|
||
|
|
color:#6b6b6b;
|
||
|
|
float:left;
|
||
|
|
text-align:center;
|
||
|
|
width:135px;
|
||
|
|
font-size:11px;
|
||
|
|
margin:2px;
|
||
|
|
}
|
||
|
|
.photoStyleIn img {
|
||
|
|
width:130px;
|
||
|
|
height:90px
|
||
|
|
}
|
||
|
|
/*线路长线首页Highlights样式*/
|
||
|
|
#content #tourHighlightBox {
|
||
|
|
width:645px;
|
||
|
|
margin:5px 0 0 0;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/-click.GIF) repeat-x bottom #333;
|
||
|
|
float:left;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #highlightsImg {width: 450px; float:left; position: relative;}
|
||
|
|
#content #tourHighlightBox #highlightsImg .description {
|
||
|
|
width:430px;
|
||
|
|
height: 50px;
|
||
|
|
background-color: #333;
|
||
|
|
filter:alpha(opacity=60);/*IE*/
|
||
|
|
-moz-opacity: 0.6;/*FF*/
|
||
|
|
opacity: 0.6;/*all broswer*/
|
||
|
|
position: absolute;
|
||
|
|
top: 230px;
|
||
|
|
color: #fff;
|
||
|
|
left: 0px;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #highlightsRight {
|
||
|
|
width:190px;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
#content #tourHighlightBox #highlightsRight .listImg {
|
||
|
|
width:80px;
|
||
|
|
height: 60px;
|
||
|
|
float: left;
|
||
|
|
margin: 15px 0px 0px 10px;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #highlightsRight .listImg .videoIcon {
|
||
|
|
width: 46px;
|
||
|
|
height:32px;
|
||
|
|
background: url(https://data.chinahighlights.com/pic/play.png) no-repeat center;
|
||
|
|
top: 18px;
|
||
|
|
left:5px;
|
||
|
|
position:absolute
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox .preNext {
|
||
|
|
width: 150px;
|
||
|
|
float:left;
|
||
|
|
margin: 25px 0 0 28px;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox .viewmore {
|
||
|
|
width: 160px;
|
||
|
|
float:left;
|
||
|
|
margin: 15px 0 0 15px;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox .viewmore a { color: #fff; text-decoration: none; background: url(https://data.chinahighlights.com/pic/arrow-.GIF) no-repeat left 50%; padding-left: 10px;}
|
||
|
|
#content #tourHighlightBox .viewmore a:hover { background: url(https://data.chinahighlights.com/pic/arrow-.GIF) no-repeat left 50%; padding-left: 0px; font-weight: bold;}
|
||
|
|
|
||
|
|
#content #tourHighlightBox #HighlightsImage {
|
||
|
|
width:310px;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #HighlightsImage #image {
|
||
|
|
width:300px;
|
||
|
|
height:230px;
|
||
|
|
margin:8px;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #HighlightsImage #play {
|
||
|
|
width:300px;
|
||
|
|
height:20px;
|
||
|
|
margin:0 5px;
|
||
|
|
text-align:center;
|
||
|
|
padding-bottom:3px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #HighlightsImage #play img {
|
||
|
|
margin-left:10px;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #HighlightsDesc {
|
||
|
|
width:320px;
|
||
|
|
float:right;
|
||
|
|
padding-right: 5px;
|
||
|
|
margin-left: 5px;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #HighlightsDesc ul {
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #HighlightsDesc ul li,#tourHighlightBox > ul li {
|
||
|
|
border-bottom:1px solid #fff;
|
||
|
|
font-size:12px;
|
||
|
|
padding:8px 0 8px 25px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/drop-2.gif) 10px no-repeat;
|
||
|
|
list-style:none;
|
||
|
|
border-bottom: 1px solid #d1d1d1;
|
||
|
|
}
|
||
|
|
#tourHighlightBox > ul li{
|
||
|
|
float:left;
|
||
|
|
width: 250px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#content #tourHighlightBox #HighlightsDesc ul li a:link, #content #tourHighlightBox #HighlightsDesc ul li a:visited ,#tourHighlightBox > ul li a:link,#tourHighlightBox > ul li a:visited {
|
||
|
|
color:#666;
|
||
|
|
text-decoration:none;
|
||
|
|
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #HighlightsDesc ul li.active a:link, #content #tourHighlightBox #HighlightsDesc ul li.active a:visited, #content #tourHighlightBox #HighlightsDesc ul li a:hover {
|
||
|
|
color:#a31022;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #HighlightsDesc ul li.active, #content #tourHighlightBox #HighlightsDesc ul li:hover ,#tourHighlightBox > ul li.active, #tourHighlightBox > ul li:hover {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/bg-gray.gif) no-repeat;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #HighlightsDesc #more {
|
||
|
|
width:60px;
|
||
|
|
|
||
|
|
position:relative;
|
||
|
|
float:right;
|
||
|
|
margin-top:5px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
#content #tourHighlightBox #HighlightsDesc #count {
|
||
|
|
width:80px;
|
||
|
|
position:relative;
|
||
|
|
float:left;
|
||
|
|
font-size:12px;
|
||
|
|
color:#666;
|
||
|
|
margin-top:5px;
|
||
|
|
padding-left:25px;
|
||
|
|
}
|
||
|
|
#content #tourTypeBox {
|
||
|
|
width:625px;
|
||
|
|
background:#f1f1f1;
|
||
|
|
margin:15px 0;
|
||
|
|
font-size:12px;
|
||
|
|
color:#666;
|
||
|
|
line-height:18px;
|
||
|
|
border-left:#a31022 5px solid;
|
||
|
|
padding:8px 8px 5px 10px;
|
||
|
|
margin: 0 0 10px 0px;
|
||
|
|
}
|
||
|
|
/*------以下是壁纸样式-------*/
|
||
|
|
.thumb_slider{
|
||
|
|
width:950px;
|
||
|
|
position:relative;
|
||
|
|
height:138px;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
.thumb_slider .slider_previous{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/photo/photo-nav.gif) 10px 11px;
|
||
|
|
display:block;
|
||
|
|
height:90px;
|
||
|
|
left:0;
|
||
|
|
position:absolute;
|
||
|
|
text-indent:-9999px;
|
||
|
|
top:38px;
|
||
|
|
width:40px;
|
||
|
|
}
|
||
|
|
.thumb_slider .slider_previous:hover{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/photo/photo-nav.gif) 10px -139px;}
|
||
|
|
.thumb_slider .slider_next{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/photo/photo-nav.gif) 48px 11px;
|
||
|
|
display:block;
|
||
|
|
height:90px;
|
||
|
|
left:905px;
|
||
|
|
position:absolute;
|
||
|
|
text-indent:-9999px;
|
||
|
|
top:38px;
|
||
|
|
width:40px;
|
||
|
|
}
|
||
|
|
.thumb_slider .slider_next:hover{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/photo/photo-nav.gif) 48px -139px;}
|
||
|
|
.thumb_slider .slider_track{
|
||
|
|
height:104px;
|
||
|
|
left:43px;
|
||
|
|
position:absolute;
|
||
|
|
width:843px;
|
||
|
|
top: 6px;
|
||
|
|
background:#f6f6f6;
|
||
|
|
border:1px #cccccc solid;
|
||
|
|
padding:17px 5px;
|
||
|
|
}
|
||
|
|
.thumb_slider .slider_track ul li{
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
list-style:none;
|
||
|
|
text-align:center;
|
||
|
|
margin:5px;
|
||
|
|
}
|
||
|
|
.thumb_slider .slider_track ul li img{
|
||
|
|
width:122px;
|
||
|
|
height:90px;
|
||
|
|
border:4px solid #c2c2c2;}
|
||
|
|
.thumb_slider .slider_track ul li img.active{
|
||
|
|
border:4px solid #333;}
|
||
|
|
.wallpaper_slider{
|
||
|
|
width:660px;
|
||
|
|
position:relative;
|
||
|
|
height:138px;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
.wallpaper_slider .slider_previous{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/photo/photo-nav.gif) 10px 11px;
|
||
|
|
display:block;
|
||
|
|
height:90px;
|
||
|
|
left:-5px;
|
||
|
|
position:absolute;
|
||
|
|
text-indent:-9999px;
|
||
|
|
top:20px;
|
||
|
|
width:40px;
|
||
|
|
}
|
||
|
|
.wallpaper_slider .slider_previous:hover{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/photo/photo-nav.gif) 10px -139px;}
|
||
|
|
.wallpaper_slider .slider_next{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/photo/photo-nav.gif) 48px 11px;
|
||
|
|
display:block;
|
||
|
|
height:90px;
|
||
|
|
left:574px;
|
||
|
|
position:absolute;
|
||
|
|
text-indent:-9999px;
|
||
|
|
top:20px;
|
||
|
|
width:40px;
|
||
|
|
}
|
||
|
|
.wallpaper_slider .slider_next:hover{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/photo/photo-nav.gif) 48px -139px;}
|
||
|
|
.wallpaper_slider .slider_track{
|
||
|
|
height:108px;
|
||
|
|
left:0px;
|
||
|
|
position:absolute;
|
||
|
|
width:580px;
|
||
|
|
top: 6px;
|
||
|
|
background:#f6f6f6;
|
||
|
|
border:1px #cccccc solid;
|
||
|
|
padding:10px 15px;
|
||
|
|
margin-left:25px;
|
||
|
|
}
|
||
|
|
.wallpaper_slider .slider_track ul li{
|
||
|
|
display:block;
|
||
|
|
float:left;
|
||
|
|
list-style:none;
|
||
|
|
text-align:center;
|
||
|
|
margin:5px;
|
||
|
|
}
|
||
|
|
.wallpaper_slider .slider_track ul li img{
|
||
|
|
width:122px;
|
||
|
|
height:90px;
|
||
|
|
border:4px solid #c2c2c2;}
|
||
|
|
.wallpaper_slider .slider_track ul li img.active{
|
||
|
|
border:4px solid #333;}
|
||
|
|
/*------以下是壁纸详细页面样式-------*/
|
||
|
|
#wallpaparContent {
|
||
|
|
width:950px;
|
||
|
|
margin:auto;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
.wallpaperLarge{
|
||
|
|
width:950px;
|
||
|
|
background:#dcdcdc;
|
||
|
|
position:relative;
|
||
|
|
height:auto;
|
||
|
|
margin-bottom:15px;
|
||
|
|
}
|
||
|
|
.wallpaperLarge .slider_previous{
|
||
|
|
background-image:url("https://data.chinahighlights.com/css/images/photo/pre-b.gif");
|
||
|
|
display:block;
|
||
|
|
height:90px;
|
||
|
|
left:1px;
|
||
|
|
position:absolute;
|
||
|
|
text-indent:-9999px;
|
||
|
|
top:200px;
|
||
|
|
width:100px;
|
||
|
|
}
|
||
|
|
.wallpaperLarge .slider_previous:hover{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/photo/pre-b.gif) 0 -134px;
|
||
|
|
}
|
||
|
|
.wallpaperLarge .slider_next{
|
||
|
|
background-image:url(https://data.chinahighlights.com/css/images/photo/nex-b.gif);
|
||
|
|
display:block;
|
||
|
|
height:90px;
|
||
|
|
left:847px;
|
||
|
|
position:absolute;
|
||
|
|
text-indent:-9999px;
|
||
|
|
top:200px;
|
||
|
|
width:100px;
|
||
|
|
}
|
||
|
|
.wallpaperLarge .slider_next:hover{
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/photo/nex-b.gif) 0 -134px;
|
||
|
|
}
|
||
|
|
.wallpaperLarge .wallpaperList{
|
||
|
|
width:730px;
|
||
|
|
text-align:center;
|
||
|
|
margin:0 100px 10px 110px;
|
||
|
|
padding:15px 0 15px 0;
|
||
|
|
}
|
||
|
|
#detail { width:auto}
|
||
|
|
#detail .imgdetail{
|
||
|
|
background:url(/community/wallpaper/css_new.jpg) no-repeat;
|
||
|
|
width:130px;
|
||
|
|
height:80px;
|
||
|
|
}
|
||
|
|
#wallpaper {
|
||
|
|
width:660px;
|
||
|
|
color: #6b6b6b;
|
||
|
|
line-height: 18px;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
#wallpaper img {
|
||
|
|
width: 106px;
|
||
|
|
height: 78px;
|
||
|
|
margin-right:14px;
|
||
|
|
}
|
||
|
|
#wallpaper .top {
|
||
|
|
background-color:#8c8c8c;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
#wallpaper .top img { border:2px solid #8c8c8c;}
|
||
|
|
#wallpaper .top img:hover { border:2px solid #a31022;}
|
||
|
|
/*图片相册样式*/
|
||
|
|
ul.photo-list {
|
||
|
|
height:1%;
|
||
|
|
overflow:hidden;
|
||
|
|
padding:12px 0 0;
|
||
|
|
margin:0 0 12px;
|
||
|
|
list-style:none;
|
||
|
|
}
|
||
|
|
ul.photo-list li {
|
||
|
|
float:left;
|
||
|
|
width:172px;
|
||
|
|
padding:0 27px 0 0;
|
||
|
|
}
|
||
|
|
.photo-holder {width:172px;}
|
||
|
|
.photo-box img {
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
ul.photo-list p a:hover {text-decoration:underline;}
|
||
|
|
.photo-holder {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-top.gif) no-repeat top left;
|
||
|
|
padding-top:10px;
|
||
|
|
}
|
||
|
|
.photo-box {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-bg-l.gif) repeat-y scroll 0 0 transparent;
|
||
|
|
height:1%;
|
||
|
|
overflow:hidden;
|
||
|
|
padding-left:8px;
|
||
|
|
}
|
||
|
|
.photo-holder2 {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/travel-story/photo-btm-l.gif) no-repeat bottom left;
|
||
|
|
padding-bottom:10px;
|
||
|
|
}
|
||
|
|
.photoListAttraction{
|
||
|
|
background:#f8f8f8;
|
||
|
|
padding:0 18px 8px 18px;
|
||
|
|
}
|