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.
373 lines
12 KiB
CSS
373 lines
12 KiB
CSS
6 years ago
|
/* 积分板块样式 */
|
||
|
|
.hotPoint {
|
||
|
|
position:absolute;
|
||
|
|
width:72px;
|
||
|
|
left: 260px;
|
||
|
|
top: 130px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 滚动图片样式 */
|
||
|
|
.recommendTheme {
|
||
|
|
width:552px;
|
||
|
|
height:319px;
|
||
|
|
float: left;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/tour/bg-tour-recommend.png) no-repeat;
|
||
|
|
margin: 5px 0 -78px 0!important;
|
||
|
|
padding: 7px 8px;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
/*.recommendTheme .bigPhoto { position:relative;}
|
||
|
|
.recommendTheme .bigPhoto img { width:552px; height:319px;}width: 336px; height:87px;*/
|
||
|
|
|
||
|
|
.recommendTheme .strollPhotos { background:url(https://data.chinahighlights.com/css/images/tour/bg-photo-stroll.png) no-repeat!important; width: 336px; height:87px;}
|
||
|
|
|
||
|
|
/*.recommendTheme .bigPhoto .strollPhotos img { width:auto; height:auto}
|
||
|
|
.recommendTheme .bigPhoto .strollPhotos .part1 { float: left; width:24px; text-align:right; padding-top:35px;}
|
||
|
|
.recommendTheme .bigPhoto .strollPhotos .part2 { float: left; width:285px; padding-top:9px; padding-left:3px;}
|
||
|
|
.recommendTheme .bigPhoto .strollPhotos .part2 ul { margin-left:0; padding-left:0;}
|
||
|
|
.recommendTheme .bigPhoto .strollPhotos .part2 ul li { float: left; list-style: none; margin: 0 4px; border:1px solid #fff; height:68px;}
|
||
|
|
.recommendTheme .bigPhoto .strollPhotos .part2 ul li.active { border:1px solid #333;}
|
||
|
|
.recommendTheme .bigPhoto .strollPhotos .part2 ul li:hover { border:1px solid #333;}
|
||
|
|
.recommendTheme .bigPhoto .strollPhotos .part2 ul li.active img { border: none;}
|
||
|
|
.recommendTheme .bigPhoto .strollPhotos .part2 ul li img { width: 84px; height:68px;}
|
||
|
|
.recommendTheme .bigPhoto .strollPhotos .part3 { float: right; width:24px; text-align: left; padding-top:35px;}*/
|
||
|
|
|
||
|
|
#pointer { position:absolute!important; top: 243px!important; left: 13px; background:url(https://data.chinahighlights.com/css/images/tour/bg-photo-stroll.png) no-repeat;}
|
||
|
|
.filmstrip img {/*FILTER: Blur(direction=150);*/}
|
||
|
|
|
||
|
|
/*图片样式*/
|
||
|
|
ul.pointList{
|
||
|
|
height: auto;
|
||
|
|
margin-bottom:5px;
|
||
|
|
}
|
||
|
|
ul.pointList li{
|
||
|
|
list-style:none;
|
||
|
|
display:block;
|
||
|
|
width:200px;
|
||
|
|
float:left;
|
||
|
|
text-align:center;
|
||
|
|
margin-bottom:20px;
|
||
|
|
}
|
||
|
|
ul.pointList li .pointPic{
|
||
|
|
width:181px;
|
||
|
|
height:115px;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/faq/faq-bg.gif) no-repeat;
|
||
|
|
padding:16px 0 12px 0;
|
||
|
|
margin:0 0 0 12px;
|
||
|
|
}
|
||
|
|
/*产品框样式*/
|
||
|
|
.pointHeader { background:url("https://data.chinahighlights.com/css/images/community/bg-content-box.gif") repeat-x scroll left top #E5E5E5; height:40px; margin-top:1px;}
|
||
|
|
.pointHeader h3 {
|
||
|
|
float:left;
|
||
|
|
padding:12px 15px 10px;
|
||
|
|
font-size:17px;
|
||
|
|
color:#222222;
|
||
|
|
font-weight:bold;
|
||
|
|
}
|
||
|
|
.pointContent { width: auto; height: 100%; border-top:1px solid #cccccc; font-size:13px; padding:20px;}
|
||
|
|
.pointBox { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #CCCCCC; margin: 0 0 20px;-moz-border-radius: 6px;}
|
||
|
|
#billboard {
|
||
|
|
width: 660px;
|
||
|
|
margin-top:20px;
|
||
|
|
overflow: hidden;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
|
||
|
|
#billboard .container {
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
#billboard .container img { width:646px; border:7px solid #3e3724}
|
||
|
|
|
||
|
|
#billboard ul.navigation {
|
||
|
|
float: right;
|
||
|
|
margin-top: 0px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#billboard ul.navigation li {
|
||
|
|
width: 14px;
|
||
|
|
height: 14px;
|
||
|
|
float: left;
|
||
|
|
cursor: pointer;
|
||
|
|
list-style: none;
|
||
|
|
background: url(https://data.chinahighlights.com/css/images/circle.gif) no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
#billboard ul.navigation li a {
|
||
|
|
width: 14px;
|
||
|
|
height: 14px;
|
||
|
|
cursor: pointer;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#billboard ul.navigation li.ui-tabs-selected {
|
||
|
|
background: url(https://data.chinahighlights.com/css/images/circle-current.gif) no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-tabs-hide {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/* 礼物图片样式 */
|
||
|
|
.pointGift { width:330px; padding:10px 10px 10px 0; margin:10px 10px 10px 0; float:left;}
|
||
|
|
.pointGift ul { margin: 0 0 0 0;}
|
||
|
|
.pointGift ul li { float: left; list-style:none; margin-right:5px; width:65px; height:51px; padding: 14px 0 0 4px;}
|
||
|
|
.pointGift ul li.active { background:url(https://data.chinahighlights.com/css/images/empty.png) no-repeat; width:65px; height:51px; padding: 14px 0 0 4px;}
|
||
|
|
.pointGift ul li:hover { background:url(https://data.chinahighlights.com/css/images/empty.png) no-repeat; width:65px; height:51px; padding: 14px 0 0 4px;}
|
||
|
|
.pointGift .des { border-bottom:1px dashed #545454; padding: 5px;}
|
||
|
|
.pointGift .des strong { font-weight:bold; color:#307abe;}
|
||
|
|
.pointDes { width:660px; font-size:14px; line-height:18px;}
|
||
|
|
.pointDes h2{ font-size:18px; font-weight:bold; padding:10px 0}
|
||
|
|
|
||
|
|
/*积分历史表格样式*/
|
||
|
|
table.pointStyle{width:100%;
|
||
|
|
margin:0;}
|
||
|
|
table.pointStyle th {
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/community/bg-orders-table.gif) repeat-x bottom #ededed;
|
||
|
|
border-bottom:1px solid #bbbbbb;
|
||
|
|
border-top:1px solid #d5d5d5;
|
||
|
|
color:#000;
|
||
|
|
text-align:left;
|
||
|
|
font-size:12px;
|
||
|
|
border-left:1px solid #F2F2F2;
|
||
|
|
border-right:1px solid #D5D5D5;
|
||
|
|
text-shadow:0 1px 0 #FFFFFF;
|
||
|
|
padding:16px 10px 10px 10px;}
|
||
|
|
table.pointStyle td{
|
||
|
|
padding: 10px;
|
||
|
|
line-height: 1.3em;
|
||
|
|
border-bottom:1px solid #d1d1d1;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
table.pointStyle tr.categories{ padding:5px 10px 5px 10px;}
|
||
|
|
table.pointStyle .orderClass{
|
||
|
|
margin:2px 0 2px 0;
|
||
|
|
padding:5px 8px 5px 0;
|
||
|
|
text-align:right;
|
||
|
|
}
|
||
|
|
table.pointStyle a{ text-decoration:none; border-bottom:1px solid #cccccc; line-height:22px;}
|
||
|
|
|
||
|
|
/* 积分问答样式 */
|
||
|
|
ol.faqIntro { margin-left:0px;}
|
||
|
|
ol.faqIntro li {
|
||
|
|
font-size:14px;
|
||
|
|
line-height:18px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
margin-left:5px;
|
||
|
|
padding-left: 15px;
|
||
|
|
list-style-position: outside;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
/* 贺卡发送样式 */
|
||
|
|
.cardBox {
|
||
|
|
padding:20px 15px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
.cardBox img {
|
||
|
|
border:#333 1px solid;
|
||
|
|
}
|
||
|
|
.cardBox img:hover {
|
||
|
|
border:#a31022 1px solid;
|
||
|
|
}
|
||
|
|
h3 { font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#545454; padding:0px; margin-bottom:5px; }
|
||
|
|
/*----填写评论----*/
|
||
|
|
.wirteReview {padding:0 0 18px 10px; font-family:Verdana, Geneva, sans-serif; -moz-border-radius:4px; border:#d1d1d1 1px solid; font-size:12px; margin:15px 0; display:none;}
|
||
|
|
.wirteReview .comm { width:60%; float:left; margin: 10px 0 0 0; }
|
||
|
|
.wirteReview .comm textarea { width:99%; height:110px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#6b6b6b; -moz-border-radius:4px; border:1px #d1d1d1 solid; background-color:#FAFAFA; background-image:url(images/bg-input.gif); background-repeat:repeat-x; padding:5px; }
|
||
|
|
.wirteReview .login { width:31%; margin:10px 0 0 18px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#6b6b6b; float:left; }
|
||
|
|
.wirteReview .login .space { height:90px; width:auto; }
|
||
|
|
.textfield1 { width:99%; -moz-border-radius:4px; border:1px #d1d1d1 solid; padding:5px 0 5px 5px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#6b6b6b; margin-bottom:10px; background-color:#FAFAFA; background-image:url(images/bg-input.gif); background-repeat:repeat-x; }
|
||
|
|
.textfield2 { margin:5px; }
|
||
|
|
.textfield3 { width:160px; -moz-border-radius:4px; border:1px #d1d1d1 solid; padding:3px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#6b6b6b; background-color:#FAFAFA; background-image:url(images/bg-input.gif); background-repeat:repeat-x; }
|
||
|
|
.wirteReview .clickReview { width:99%; margin:0px; }
|
||
|
|
.rate { width:99%; border:#d1d1d1 1px solid; -moz-border-radius:4px; }
|
||
|
|
.rate ul { list-style:none; margin:0px; padding:0px; }
|
||
|
|
.rate ul li { float:left; display:block; border-right:#d1d1d1 1px solid; padding:2px 20px 2px 20px; margin:3px 0 3px 0; font-size:11px; font-weight:bold; }
|
||
|
|
#content p.top { position:relative; height:20px; margin-right:10px; background:url(https://data.chinahighlights.com/pic/toTop.gif) no-repeat left; width:40px; clear:both; margin-left:580px;}
|
||
|
|
#content p.top a{ display:block; text-indent:-2500px;}
|
||
|
|
.buttun01 { font-weight:bold; text-align:center; color: #A31022; cursor:pointer; }
|
||
|
|
.buttun01 a { display:block; -moz-border-radius:5px; -moz-border-radius:5px; border:#D1D1D1 1px solid; background-color:#fff; background-image:url(https://data.chinahighlights.com/css/images/bg-click.GIF); background-repeat:repeat-x; background-position:bottom; padding:6px 12px; text-decoration:none; color:#a31022;}
|
||
|
|
.buttun01 a:hover { display:block; padding:6px 12px; background-color:#fff; background-image:url(images/bg-click-hover.GIF); background-repeat:repeat-x; background-position:bottom; }
|
||
|
|
/*Thankyou Page Css Style*/
|
||
|
|
#thankyou {
|
||
|
|
float:left;
|
||
|
|
width: 660px;
|
||
|
|
}
|
||
|
|
#thankyou p {
|
||
|
|
line-height:20px;
|
||
|
|
margin:10px 0;
|
||
|
|
}
|
||
|
|
.submitDone {
|
||
|
|
width:auto;
|
||
|
|
background: url(https://data.chinahighlights.com/css/images/bg-thankyou.png) no-repeat;
|
||
|
|
padding: 30px 10px 30px 80px;
|
||
|
|
font-size: 22px;
|
||
|
|
font-weight: bold;
|
||
|
|
margin: 20px 0 15px 0;
|
||
|
|
color:#527e0b;
|
||
|
|
}
|
||
|
|
.submitFail {
|
||
|
|
width:auto;
|
||
|
|
background: url(https://data.chinahighlights.com/css/images/bg-thankyou.png) no-repeat;
|
||
|
|
padding: 30px 10px 30px 80px;
|
||
|
|
font-size: 22px;
|
||
|
|
font-weight: bold;
|
||
|
|
margin: 20px 0 15px 0;
|
||
|
|
color:#527e0b;
|
||
|
|
}
|
||
|
|
#thankyou #thankyouContent {
|
||
|
|
margin:10px 0;
|
||
|
|
padding-left:10px;
|
||
|
|
}
|
||
|
|
#thankyou #thankyouContent ul {
|
||
|
|
margin-left:5px;
|
||
|
|
}
|
||
|
|
#thankyou #thankyouContent ul li {
|
||
|
|
list-style: none;
|
||
|
|
background:url(https://data.chinahighlights.com/css/images/list-style-thankyou.png) no-repeat left 6px;
|
||
|
|
padding-left:25px;
|
||
|
|
line-height:25px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
}
|
||
|
|
#thankyou ul {
|
||
|
|
margin: 5px 0 5px 8px;
|
||
|
|
}
|
||
|
|
#thankyou ul li {
|
||
|
|
padding-left: 15px;
|
||
|
|
line-height: 20px;
|
||
|
|
margin-left: 5px;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
list-style-image: url(https://data.chinahighlights.com/pic/arrow-r.GIF);
|
||
|
|
}
|
||
|
|
#thankyou ol {
|
||
|
|
margin-left:10px;
|
||
|
|
padding-left:5px;
|
||
|
|
}
|
||
|
|
#thankyou ol li {
|
||
|
|
padding-left:0px;
|
||
|
|
margin-left:5px;
|
||
|
|
list-style-position:outside;
|
||
|
|
line-height:18px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
text-align: justify;
|
||
|
|
}
|
||
|
|
#thankyou .note {
|
||
|
|
margin: 20px 0 30px 20px;
|
||
|
|
padding: 8px 5px;
|
||
|
|
background-color:#f3f5e9;
|
||
|
|
border: 1px solid #d1d1d1;
|
||
|
|
font-size: 11px;
|
||
|
|
}
|
||
|
|
.qp_wrap {
|
||
|
|
margin: 10px 0;
|
||
|
|
font-size:12px;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
.qp_wrap h2 {
|
||
|
|
font-size: 16px;
|
||
|
|
font-weight: bold;
|
||
|
|
border-bottom:1px solid #f1f1f1;
|
||
|
|
padding-bottom:2px;
|
||
|
|
margin:0 0 10px 0;
|
||
|
|
;
|
||
|
|
}
|
||
|
|
.qp_wrap form {
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.qp_wrap label {
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.rowWrap {
|
||
|
|
padding-left:5px;
|
||
|
|
margin: 8px 0 0 0;
|
||
|
|
}
|
||
|
|
.rowWrap select {
|
||
|
|
font-size:11px;
|
||
|
|
background:#fff;
|
||
|
|
border:1px solid #d1d1d1;
|
||
|
|
-moz-border-radius: 4px;
|
||
|
|
padding:3px;
|
||
|
|
}
|
||
|
|
.rowWrap select option {
|
||
|
|
width: 90px;
|
||
|
|
padding-left: 5px;
|
||
|
|
border-bottom:1px dashed #f1f1f1;
|
||
|
|
}
|
||
|
|
/*兑换表单样式 */
|
||
|
|
.giftInfo {
|
||
|
|
width:35%;
|
||
|
|
margin:5px;
|
||
|
|
padding:5px;
|
||
|
|
float:left;
|
||
|
|
border:1px #d1d1d1 solid;
|
||
|
|
}
|
||
|
|
.giftInfo .giftimg { width:200px;margin:15px auto;}
|
||
|
|
.giftInfo .giftimg img {width:200px; border:0;}
|
||
|
|
.desinfo { margin: 5px 5px 0 5px; padding-left:5px;}
|
||
|
|
.desinfo strong { font-weight:bold; color:#307abe;}
|
||
|
|
|
||
|
|
.contactInfo {
|
||
|
|
width:55%;
|
||
|
|
margin:5px;
|
||
|
|
padding:5px 0 5px 10px;
|
||
|
|
float:left;
|
||
|
|
border:1px #d1d1d1 solid;
|
||
|
|
}
|
||
|
|
.contactInfo input {
|
||
|
|
background:#fff;
|
||
|
|
border:1px solid #7E9DB9;
|
||
|
|
-moz-border-radius:5px;
|
||
|
|
padding:3px 5px;
|
||
|
|
font-family:Verdana, Geneva, sans-serif;
|
||
|
|
font-size:12px;
|
||
|
|
width:200px;
|
||
|
|
}
|
||
|
|
.contactInfo input.radio {border:none; width:auto; padding:0;}
|
||
|
|
.contactInfo textarea {background:#fff; border:1px solid #7E9DB9; -moz-border-radius:5px; padding:3px 5px;font-family:Verdana, Geneva, sans-serif; font-size:12px; height:50px;}
|
||
|
|
.contactInfo strong { font-weight:bold; color:#307abe;}
|
||
|
|
.confirmInfo {
|
||
|
|
margin:5px;
|
||
|
|
padding:5px 10px;
|
||
|
|
float:left;
|
||
|
|
border:1px #d1d1d1 solid;
|
||
|
|
}
|
||
|
|
/*Table上方标签页样式*/
|
||
|
|
.item-list-hd {
|
||
|
|
padding:10px 0 0 0px; height:55px; position:relative;
|
||
|
|
}
|
||
|
|
.viewOrderLab ul{
|
||
|
|
float:left;
|
||
|
|
width:100%;
|
||
|
|
margin-bottom:0;
|
||
|
|
padding:0;
|
||
|
|
overflow:hidden;
|
||
|
|
}
|
||
|
|
.viewOrderLab li {
|
||
|
|
width:auto;
|
||
|
|
float:left;
|
||
|
|
margin-right:5px;
|
||
|
|
padding:15px 25px 15px 25px;
|
||
|
|
background:#666;
|
||
|
|
font-size:16px;
|
||
|
|
-moz-border-radius-topleft:5px;
|
||
|
|
-moz-border-radius-topright:5px;
|
||
|
|
list-style:none outside none;
|
||
|
|
}
|
||
|
|
.viewOrderLab li a, .viewOrderLab li{ text-decoration:none; color:#fefefe;}
|
||
|
|
.viewOrderLab .current{
|
||
|
|
background:#fff;
|
||
|
|
border-left:1px solid #d1d1d1;
|
||
|
|
border-right:1px solid #d1d1d1;
|
||
|
|
border-top:1px solid #d1d1d1;
|
||
|
|
color:#333333;
|
||
|
|
padding:15px 25px 15px 25px;font-size:16px;
|
||
|
|
}
|
||
|
|
.viewOrderLab .current a {
|
||
|
|
background-color:transparent;
|
||
|
|
background-position:right -75px;
|
||
|
|
margin-top:-3px;
|
||
|
|
padding-top:3px;
|
||
|
|
color:#333333;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
.divFFF{background:#fff; border:1px solid #d1d1d1; padding:10px; position:relative; border-top:none;}
|
||
|
|
.divFFF h2{font-size:18px; font-weight:bold; margin-top:15px; color:#555;}
|