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.
124 lines
12 KiB
CSS
124 lines
12 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
body { background:url(https://data.chinahighlights.com/css/images/forms/bg-thankyou.jpg) repeat-x bottom; color:#545454; padding-bottom:20px; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
|
|
p { line-height:18px; margin-bottom:8px; }
|
|
a { color:#545454; }
|
|
a:hover { color:#a31022; text-decoration: none; }
|
|
img { border:none; }
|
|
h1 { font-size:28px; font-weight: normal; margin: 0 0 15px 15px; }
|
|
h2 { font-size:20px; font-weight: normal;}
|
|
.roundCorner { -moz-border-radius:4px;}
|
|
.clear { clear:both; }
|
|
@media(max-width:750px) {
|
|
#mainContent { width: auto !important; }
|
|
#banner { width:100% !important; height:100px !important}
|
|
}
|
|
#mainContent { width:855px; margin:-10px auto 0; }
|
|
#banner { background:url(https://data.chinahighlights.com/css/images/feedback/banner-feedback-detail.jpg) no-repeat; height:218px; padding: 25px 0 0 30px; position:relative;background-size:100%; }
|
|
.backHome { width:195px; height:31px; position:absolute; right:20px; bottom:20px; }
|
|
#content { box-shadow:0 0 2px #999; border-radius:0 0 4px 4px; width:99%; padding:15px; margin:-5px auto 0; overflow:hidden; }
|
|
.bottom { background:url(https://data.chinahighlights.com/css/images/forms/bg-thankyou-bottom.png) no-repeat; height:14px; }
|
|
#footer {margin: 15px auto; background: none !important; color: #555; border: none !important; }
|
|
#footer .CHinfo { text-align:center; }
|
|
.featureBox { background:url(https://data.chinahighlights.com/css/images/forms/bg-features.png) no-repeat; width:234px; height:234px; float: left; margin: 15px 10px 20px 10px; padding:5px 10px; }
|
|
.featureBox .featureTitle { font-size:20px; }
|
|
.last { margin-right:0; }
|
|
.promoAds { width:254px; height:244px; margin: 15px 0 20px 10px; float: left; }
|
|
.members { margin-top:10px; }
|
|
.iata { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -105px; display: block; float: left; width: 45px; height:30px; margin: 10px 20px 0 0; }
|
|
.ustoa { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -155px; display: block; float: left; width:103px; height:21px; margin: 10px 10px 0 0; }
|
|
.pata { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -196px; display: block; float: left; width:70px; height:30px; margin: 10px 10px 0 0; }
|
|
.asta { background-image: url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position: -10px -246px; display: block; float: left; width:48px; height:30px; margin: 10px 10px 0 0; }
|
|
.tips { color:#666; line-height:18px; width:830px; margin:5px auto; font-size:10px; }
|
|
/* header */
|
|
#header { position:relative; background: none !important; overflow:hidden; margin-top:10px; }
|
|
.aboutInfo { background:url(https://data.chinahighlights.com/css/images/feedback/bg-about.png) no-repeat; width:216px; height:28px; position:absolute; right:0; top:0; color:#fff; font-weight: bold; text-align:center; padding-top:5px; }
|
|
.aboutInfo a { color:#fff; text-decoration: none; }
|
|
.aboutInfo a:hover { text-decoration: underline; }
|
|
#logo { width:109px; height:70px; float: left; margin-right:10px; }
|
|
.slogan { width:469px; height:25px; float: left; border-left:1px solid #d1d1d1; padding:25px 0 10px 10px; margin-top:10px; }
|
|
/* main content */
|
|
.essenceWords { background:url(https://data.chinahighlights.com/css/images/feedback/quote-left.jpg) no-repeat; padding-left:25px; line-height:18px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; text-align:justify; margin-bottom:15px; }
|
|
.essenceWords .essenceContent { background:url(https://data.chinahighlights.com/css/images/feedback/quote-right.jpg) no-repeat right bottom; padding-right:25px; }
|
|
.customerInfo { background:#f1f1f1; border:1px solid #d1d1d1; padding:8px 10px; font-size:11px; margin-bottom:15px; }
|
|
.customerInfo td { padding:2px; }
|
|
.customerPhoto { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #D1D1D1; float: right; margin: 0 0 5px 5px; padding: 5px; width: auto; }
|
|
.feedbackVideo { width:537px;}
|
|
.feedbackVideo h5 { font-size:16px; font-weight: normal; margin: 0 0 5px 0;}
|
|
|
|
/* travel advisor info */
|
|
.rightContent { width:276px; float: right;}
|
|
.travelAdvisor { background:url(https://data.chinahighlights.com/css/images/feedback/bg-advisor.jpg) no-repeat top; width:276px; height:289px; padding:60px 15px 20px 45px; font-size:11px; }
|
|
.travelAdvisor .personalImg { float: right; width:80px; height:80px;}
|
|
.travelAdvisor .personalImg img { width:80px; height:80px;}
|
|
.travelAdvisor ul { margin-left:0; padding-left:0}
|
|
.travelAdvisor ul li { list-style: none; line-height:18px; }
|
|
.travelAdvisor ul li.name { font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight: bold; margin-bottom:8px;}
|
|
.travelAdvisor ul li.name a { text-decoration: none; color:#a31022}
|
|
.formTop { background:url(https://data.chinahighlights.com/css/images/citytour/bg-beijing-tour-top-825.jpg) no-repeat top; width:100%; height:51px; padding-top:7px; overflow: hidden; background-size:100%; }
|
|
.formTop ul { margin: 0 0 0 10px; padding-left:0 }
|
|
.formTop ul li { background:url(https://data.chinahighlights.com/css/images/citytour/bg-li-80.png) no-repeat; width:80px; height:25px; float: left; margin-right:5px; font-size:14px; font-weight: bold; list-style: none; padding:7px 0 0 0; text-align:center; cursor:pointer; font-family:Arial, Helvetica, sans-serif; display: block; margin-bottom:20px; }
|
|
.formTop ul li.current, .formTop ul li:hover { background: url(https://data.chinahighlights.com/css/images/citytour/bg-li-80-active.png) no-repeat; color:#a31022; }
|
|
.formTop ul li a { text-decoration: none; font-family:Arial, Helvetica, sans-serif }
|
|
|
|
/*feedback upload样式*/
|
|
.uploadComm { margin-top:3px; border:1px #d1d1d1 solid; background:url(https://data.chinahighlights.com/css/images/story/blog-settings.gif) repeat-y scroll left top; }
|
|
.uploadComm #sections { background-color:#f1f1f1; float:left; width:116px; height:100%; }
|
|
.uploadComm #sections div { border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; cursor:pointer; display:block; padding:20px 10px; text-align:center; }
|
|
.uploadComm #sections div a { color:#545454; }
|
|
.uploadComm #sections div a:hover { color:#a31022; text-decoration: none; }
|
|
.uploadComm #sections div:hover { font-weight:bold; }
|
|
.uploadComm #sections div.current { background-color:#FFF; border-right:0 none; font-weight:bold; color:#af0000; }
|
|
.uploadComm #sections div.last { border-bottom:0 none; cursor:auto; height:100%; overflow:hidden; }
|
|
/*文本层定位样式*/
|
|
.uploadComm .contentTable {background:#fff; padding:8px; }
|
|
/*表格内样式*/
|
|
.uploadComm table.attractionSty { width:100%; margin-bottom:10px; }
|
|
.uploadComm .feedbacktitle { font-size:16px; margin-bottom:10px; }
|
|
.uploadComm table.guideComment { border-top:1px #d1d1d1 solid; width:100%; background:#FFF; margin-bottom:10px; }
|
|
.uploadComm table.guideComment tr td { padding:5px 5px 5px 5px; border-bottom:1px #d1d1d1 solid; }
|
|
.uploadComm table.guideComment tr td.title { width:90px; font-size:11px; font-weight:bold; border-right:1px solid #d1d1d1; background:#f1f1f1; }
|
|
.uploadComm table.guideComment tr td.title a { display:block; width:90px; background:url(https://data.chinahighlights.com/css/images/story/more-detail.gif) right top no-repeat; padding:2px 0 2px 0; color:#545454; }
|
|
.uploadComm table.guideComment tr td.title a:hover, .uploadComm table.guideComment tr td.hotelName a:hover { color:#af0000; }
|
|
.uploadComm table.guideComment tr td.hotelName { width:90px; font-size:11px; font-weight:bold; border-right:1px solid #d1d1d1; background:#f1f1f1; }
|
|
.uploadComm table.guideComment tr td.hotelName a { color:#545454; }
|
|
.uploadComm table.guideComment tr td.attractionList { width:187px; font-size:11px; border-right:1px solid #d1d1d1; }
|
|
.uploadComm table.guideComment tr td.attractionList a { color:#545454; }
|
|
.uploadComm table.guideComment tr td.customerrate { width:105px; font-size:11px; border-right:1px solid #d1d1d1; }
|
|
.uploadComm table.guideComment tr td.commentTyle { width:160px; font-size:11px; border-right:1px solid #d1d1d1; }
|
|
.uploadComm table.guideComment tr td.commentButton { width:130px; font-size:11px; border-left:1px solid #d1d1d1; }
|
|
.uploadComm table.guideComment tr td.commentButton img { margin:5px; }
|
|
.uploadComm table.guideComment tr td.hotelnameLink { width: 200px; border-right:1px solid #d1d1d1;}
|
|
|
|
/*质量反馈表信息*/
|
|
.feedbackInfo { margin:5px 0; width:100%; background:url(https://data.chinahighlights.com/css/images/story/feedback-top.gif) no-repeat top left; padding:36px 0 3px 0; }
|
|
.feedbackInfo h5 { font-size:17px; margin-left:40px; margin-bottom:0; margin-top:0; }
|
|
.feedbackInfo .feedbackDetial { background:url(https://data.chinahighlights.com/css/images/story/feedback-mid.gif) repeat-y top left; width:627px; padding:1px 20px; margin-top:5px; }
|
|
.feedbackInfo .feedbackDetial h6 { font-size:14px; margin:10px 0; }
|
|
.feedbackInfo .bottomstyle { width:647px; background:url(https://data.chinahighlights.com/css/images/story/feedback-bottom.gif) no-repeat bottom; height:10px; }
|
|
.feedbackInfo .feedbackDetial table.feedbackTable1 { border:1px solid #d1d1d1; width:597px; margin-bottom:15px; }
|
|
.feedbackInfo .feedbackDetial table.feedbackTable1 tr td { padding:5px 5px 3px 10px; }
|
|
.feedbackInfo .feedbackDetial table.feedbackTable1 tr td.title { background:#d1d1d1; width:130px; font-size:12px; font-weight:bold; }
|
|
.feedbackInfo .feedbackDetial table.feedbackTable1 tr td.title a { display:block; width:130px; background:url(https://data.chinahighlights.com/css/images/story/more-detail.gif) right top no-repeat; padding:2px 0 2px 0; color:#545454; }
|
|
.feedbackInfo .feedbackDetial table.feedbackTable1 tr td.title a:hover { color:#af0000; }
|
|
.feedbackInfo .feedbackDetial table.feedbackTable1 tr td.comment, .uploadComm table.guideComment tr td.comment { font-style:italic; font-size:11px; line-height:18px; }
|
|
.uploadComm table.guideComment tr td a { color:#545454; font-size:11px; }
|
|
|
|
/* question box for feedback detail */
|
|
.questionFormTitle { font-size:17px; font-weight: normal; display: block; margin: 5px 0 8px 5px; color:#a31022 }
|
|
.questionForm { width:278px; height:273px; margin: 15px 0 0 10px; background:url(https://data.chinahighlights.com/css/images/tour/bg-question.jpg) no-repeat left; border: none; padding:5px 5px 5px 10px; }
|
|
.questionForm .replyTips { font-size:11px; }
|
|
.questionForm label { font-size:11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
|
|
.questionForm input { border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; width:190px; padding:3px; }
|
|
.questionForm textarea {border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; height:80px; width:260px; padding:5px; font-size:12px; line-height:18px; }
|
|
.buttun01 { font-weight:bold; text-align:center; color:#A31022; cursor:pointer; width:130px; margin:20px auto 0 auto; }
|
|
.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; }
|
|
.questionForm label { font-size:11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; float: left; width:74px; }
|
|
.arrowDownTest { border:#999 1px solid; padding:3px 4px; display:block; position:absolute; background-color:#FFF; color:#a31022; z-index:11000; -moz-border-radius:4px; }
|
|
.arrowDown { position:absolute; top:21px; left:4px; }
|
|
@media(max-width:750px) {
|
|
.hidden-xs { display: none !important}
|
|
.formTop { display: none !important;}
|
|
.contentTable { display: none !important;}
|
|
} |