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.
35 lines
3.6 KiB
CSS
35 lines
3.6 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
@font-face { font-family: 'quicksand'; src: url('/pic/font/lhandw.eot'); src: local('fontName Regular'), local('fontName'), url('/pic/font/lhandw.woff') format('woff'), url('/pic/font/quicksand_bold.ttf') format('truetype'), url('/pic/font/lhandw.svg#handwriting') format('svg'); }
|
|
@font-face { font-family: 'american'; src: url('/pic/font/lhandw.eot'); src: local('fontName Regular'), local('fontName'), url('/pic/font/lhandw.woff') format('woff'), url('/pic/font/americantypewriternormal.ttf') format('truetype'), url('/pic/font/lhandw.svg#handwriting') format('svg'); }
|
|
#yourStyle { background:#a31022; border-radius:4px; padding:20px 40px; margin:20px 0 5px; color:#fff}
|
|
.pageTitle { background:url(https://data.chinahighlights.com/css/images/tour/detail/china-your-way.png) no-repeat; text-align:center; display: block; margin:0 auto; width:950px; height:246px;}
|
|
@media(max-width:750px) {
|
|
.pageTitle { background-size:100%; height:100px !important; width:auto !important;}
|
|
.comfortStyle, .discoveryStyle, .essentialStyle { width: auto !important; background:none !important; padding-left:0 !important; margin-bottom:50px;}
|
|
#styleCompare { width:auto !important;}
|
|
#yourStyle { padding:20px !important;}
|
|
#styleCompare .compareBlock { padding:20px 0 !important;}
|
|
#styleCompare h2 { font-size:25px !important; margin-bottom:20px !important;}
|
|
}
|
|
.summaryText { display: block; margin:15px 0;}
|
|
.summaryText p { font-family:quicksand; font-size:22px; line-height:25px; margin-bottom:20px;}
|
|
.comfortStyle { display: block; width:600px; margin:15px auto; background:url(https://data.chinahighlights.com/css/images/tour/detail/comfort-icon.png) no-repeat left; padding-left:120px; margin-bottom:50px;}
|
|
.comfortStyle p { font-family:american; font-size:25px; line-height:30px;}
|
|
.comfortStyle .titleText { background:url(https://data.chinahighlights.com/css/images/tour/detail/comfort-text-200.png) no-repeat; display:block; width:200px; height:95px; margin-bottom:-20px;}
|
|
.discoveryStyle { display: block; width:600px; margin:15px auto; background:url(https://data.chinahighlights.com/css/images/tour/detail/discover-icon.png) no-repeat left; padding-left:120px; margin-bottom:50px;}
|
|
.discoveryStyle p { font-family:american; font-size:25px; line-height:30px;}
|
|
.discoveryStyle .titleText { background:url(https://data.chinahighlights.com/css/images/tour/detail/discovery-text-200.png) no-repeat; display:block; width:200px; height:50px;}
|
|
.essentialStyle { display: block; width:600px; margin:15px auto; background:url(https://data.chinahighlights.com/css/images/tour/detail/essential-icon.png) no-repeat left; padding-left:120px; margin-bottom:50px;}
|
|
.essentialStyle p { font-family:american; font-size:25px; line-height:30px;}
|
|
.essentialStyle .titleText { background:url(https://data.chinahighlights.com/css/images/tour/detail/essential-text-200.png) no-repeat; display:block; width:200px; height:50px;}
|
|
|
|
#styleCompare { display: block; margin:25px auto; width:840px;}
|
|
#styleCompare h2 { font-family:quicksand; font-size:60px; display: block; margin:0 0 50px; font-weight: normal; color:#fff;}
|
|
#styleCompare .compareBlock { background:#666; border:3px solid #d1d1d1; border-radius:4px; padding:20px 50px;}
|
|
#styleCompare .compareBlock table { width:100%;}
|
|
#styleCompare .compareBlock table td.title { color:#999; font-size:30px; padding:20px 0 30px}
|
|
#styleCompare .compareBlock table td { text-align: center; color:#fff; font-family:american; font-size:22px;}
|
|
|
|
.yourWay { background:url(https://data.chinahighlights.com/css/images/tour/detail/your-way-900.png) no-repeat; display: block; width:900px; height:298px;}
|