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.
72 lines
10 KiB
CSS
72 lines
10 KiB
CSS
/* CSS Document */
|
|
h1 { border: none; color: #a31022; font-size: 26px; font-weight: normal; margin: 0; float: left; width: 100%; padding: 0; }
|
|
h2 { margin: 0; padding: 0; }
|
|
p.descript { font-size: 14px; font-family: Verdana, Geneva, sans-serif; color: #3f3f3f; padding-top: 5px; float: left; width: 100%; }
|
|
#maintop { height: auto; background: #f4f4f4; padding: 15px; position: relative; margin-bottom: 15px; }
|
|
#maintop .guidetopbg { width: 100%; height: auto; }
|
|
#maintop .guidetopbg img { width: 100%; }
|
|
@media(max-width:750px) {
|
|
#maintop .guidecontent { display: none !important; }
|
|
}
|
|
#maintop .guidecontent { position: absolute; z-index: 100; width: 276px; height: 282px; top: 15px; right: 16px; padding: 15px 10px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDRjdENzAzMjcwQTJFMjExOEU0NkExQkYxNDM3MTg0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOUMyOTNGOUE0QzIxMUUyQTQ4RkMwNThFMDIxNEU3OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOUMyOTNGOEE0QzIxMUUyQTQ4RkMwNThFMDIxNEU3OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBODJENEFFRDc5QTJFMjExOEU0NkExQkYxNDM3MTg0RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjdENzAzMjcwQTJFMjExOEU0NkExQkYxNDM3MTg0RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkLTCacAAAAwSURBVHja7M5BAQAABAQw9C8g7YnhsyVYJ9l6NPVMQEBAQEBAQEBAQEBAQEDgBBgA4fcD1pyExLAAAAAASUVORK5CYII="); +background:url(https://data.chinahighlights.com/css/images/guide/white-tran.png);
|
|
}
|
|
#maintop .guidecontent span { font-size: 18px; color: #a31022; width: 100%; float: left; }
|
|
#maintop .guidecontent ul { list-style: none; float: left; width: 100%; height: auto; margin-top: 15px; color: #000; font-size: 14px; }
|
|
#maintop .guidecontent ul li { float: left; background: url("https://data.chinahighlights.com/css/images/merge/csg-city-info-diytour.png") no-repeat -280px -59px; width: 90%; padding: 0 0 10px 25px; }
|
|
#maintop .guidecontent a.tmt { background: url("https://data.chinahighlights.com/css/images/merge/csg-city-info-diytour.png") no-repeat scroll 0 -89px rgba(0, 0, 0, 0); display: block; height: 28px; margin-left: 26px; width: 154px; }
|
|
#infocontent { width: 100%; height: auto; margin-top: 15px; }
|
|
#infocontent h1 { color: #a31022; font-size: 22px; }
|
|
#infocontent .discovery, #infocontent .highlights { margin: 5px 0 10px 0; padding-top: 15px; border-top: 1px solid #f2f2f2; width: 100%; float: left; height: auto; }
|
|
@media(max-width:750px) {
|
|
#infocontent .discovery .discont, #infocontent .highlightscont, #infocontent .discovery .disphoto, #infocontent .highlightscont .tourlist { float: none !important; width: auto !important; margin-right: 0 !important; }
|
|
#infocontent .highlightscont .tourdesample { width: auto !important; }
|
|
#infocontent .highlightscon { border: none !important; }
|
|
}
|
|
#infocontent .discovery .disphoto { float: left; width: 456px; }
|
|
#infocontent .discovery .disphoto img { max-width: 100%; }
|
|
#infocontent .discovery .disphoto span { display: block; margin: 8px 0 0 0; font-size: 14px; }
|
|
#infocontent .discovery .discont { float: right; width: 470px; height: auto; }
|
|
#infocontent .discovery .discont p { padding-bottom: 5px; line-height: 150%; }
|
|
#infocontent .discovery .discont span.distitle { color: #006699; font-size: 18px; padding: 5px 0 10px 0; float: left; width: 100%; }
|
|
#infocontent .highlights h2 { font-weight: normal; width: 100%; float: left; font-size: 20px; color: #006699; padding-bottom: 10px; }
|
|
#infocontent .highlightscont p { padding: 5px 0; }
|
|
#infocontent .highlightscont .tourlist { margin-bottom: 10px; }
|
|
#infocontent .highlightscont .tourlist img { width: 100%; display: block; margin-bottom: 10px; }
|
|
#infocontent .highlightscont .tourdefault { overflow: hidden; height: 330px; }
|
|
#infocontent .highlightscont .tourdescript { overflow: hidden; }
|
|
#infocontent .highlightscont .tourdesample { overflow: hidden; height: 300px; }
|
|
#infocontent .highlightscont .tourlist span { font-size: 16px; color: #069; }
|
|
#infocontent .highlightsright { width: 390px; float: right; height: auto; }
|
|
#infocontent .highlightsright span.title { color: #069; padding: 10px 0; font-size: 16px; width: 100%; float: left }
|
|
#infocontent .highlightsright .chooicelist { width: 232px; position: relative; height: auto; margin-bottom: 20px; float: left }
|
|
#infocontent .highlightsright .chooicelist span { position: absolute; left: 0; bottom: 0; color: #FFF; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpDRjdENzAzMjcwQTJFMjExOEU0NkExQkYxNDM3MTg0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5QjZCMTM4RkE0REIxMUUyOUUwOUU5RkNGNTMxMjI1MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5QjZCMTM4RUE0REIxMUUyOUUwOUU5RkNGNTMxMjI1MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBODJENEFFRDc5QTJFMjExOEU0NkExQkYxNDM3MTg0RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDRjdENzAzMjcwQTJFMjExOEU0NkExQkYxNDM3MTg0RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqb/qj8AAAAoSURBVHja7M1BAQAgDAChm8mNbor5ggJMdVt2+kAikUgkEolE0hNgAO09ALJM+DyiAAAAAElFTkSuQmCC"); +background:url(https://data.chinahighlights.com/css/images/guide/black-tran.png);
|
|
width: 222px; height: 40px; line-height: 40px; float: left; padding-left: 10px; }
|
|
ul.earthquakeSummary { margin: 0 }
|
|
ul.earthquakeSummary li { list-style: none; line-height: 20px; margin-bottom: 8px; }
|
|
#questionBox { background: #f1f1f1; margin: 0 0 15px 0; padding: 1px 20px; border: 1px solid #d1d1d1; border-radius: 4px; box-shadow: 0 0 02px #d5d5d5; position: relative }
|
|
#questionBox .couponPromo { display: block; background: url(https://data.chinahighlights.com/pic/30-coupon-icon.png) no-repeat; width: 129px; height: 61px; position: absolute; right: -7px; top: 2px; cursor: pointer }
|
|
#questionBox .couponTip { border: 1px solid #d1d1d1; border-radius: 4px; width: 200px; position: absolute; right: -18px; top: 30px; padding: 5px; background: #fff; z-index: 8888; font-size: 11px; box-shadow: 0 0 3px #555; display: none; }
|
|
#questionBox .couponTip ol li { line-height: 16px; }
|
|
#questionBox .couponTip .arrowUp { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEhSURBVHjarFOxaoRAEJ1dtLAQrCwDIgiK4AeE+5bUgcBBqpAicE2uOjhIkTa/olxpoZWF36GN4mSeXCAheiZyD4ZhZ957zLKzKk1TWsCrxL3Eu8TzEplgyMyTIb1jVVXcdR0j4zzH/YpZQ6nvyrLkYRgYQC6KAqa7S4Z6auosyx4ty3oJw5CUUmMNOYoiQh39uRvrCbM70zQPcRyT5B89nM/1A3iLhkLaaK0/IJJJJidAHX3whH87ayjNG6QgCMi27YsPiT54gtNZNznhk+d55Lou/QXggQ/dr7WReKvrmtcAuu/rhAn3juM8+L5PawCd6Ldy9f24DXmec5IkZBgGrUXf9yQ7S03TbFXbtjz3ov+B+JAMR4rH/3I9aLoyPgUYANiMCEWbnVZZAAAAAElFTkSuQmCC") no-repeat; +background:url(https://data.chinahighlights.com/pic/arrow-up-20x14.png) no-repeat;
|
|
display: block; width: 20px; height: 12px; position: absolute; top: -12px; right: 15px; }
|
|
#questionBox .interested { font-size: 25px; color: #a31022; display: block; margin: 5px 0; }
|
|
#questionBox .interest-label { font-size: 12px; color: #333; display: block; margin-bottom: 40px }
|
|
#questionBox .infoRequired { text-align: center; margin: 22px 0 0 0; display: block; }
|
|
#questionBox .infoRequired input, textarea { width: 100%; height: 37px; font-size: 12px; font-family: Verdana, Geneva, sans-serif; padding: 5px; background-color: #fff; margin-bottom: 10px; border-color: #D1D1D1 #999999 #999999 #D1D1D1; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 2px 2px 2px #d1d1d1; cursor: text }
|
|
#questionBox .infoRequired input:focus, textarea:focus { border-color: #0074CC; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.075) inset, 0 0 8px #0074CC; }
|
|
#questionBox .infoRequired textarea { height: 100px; }
|
|
#questionBox .sendButton { margin: 20px 50px; display: block; padding: 4px 25px 6px 25px; cursor: pointer }
|
|
#questionBox .infoRequired p { display: none; }
|
|
#questionBox .infoRequired p { +left: 660px;
|
|
}
|
|
#questionBox .infoRequired p { margin: 0; line-height: 20px !important; margin-bottom: 0px !important; position: relative; text-align: center; }
|
|
#questionBox .infoRequired p label { padding: 0; margin: 0; position: absolute; top: 9px; left: 20px; cursor: text }
|
|
#questionBox .infoRequired .des label { text-align: left; }
|
|
/* submit checking */
|
|
#questionBox .infoRequired p .arrowDownTest label { line-height: 20px; position: relative; left: 0; margin: 0; padding: 0; top: 0; }
|
|
#questionBox .infoRequired p .arrowDownTest { background-color: #FFFFFF; border: 1px solid #999999; color: #A31022; display: block; padding: 3px 4px; position: absolute; z-index: 11000; left: 10px; top: -22px; }
|
|
#questionBox .infoRequired p .arrowDown { left: 4px; position: absolute; top: 26px; }
|
|
#questionBox #Aquestion { resize: none; }
|
|
#questionBox .sendButton { background: #a31022; cursor: pointer; display: block; margin: 20px 50px; padding: 5px; text-align: center; border-radius: 4px; font-size: 17px; color: #fff; }
|
|
#questionBox .sendButton::after { content: "Send" }
|