From 93fe716a6e74633de7bffc6dd33b110aba18d19f Mon Sep 17 00:00:00 2001 From: CandiceSong Date: Fri, 27 Nov 2020 15:59:06 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E7=89=88PC=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/pc-template.css | 187 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 187 insertions(+) create mode 100644 css/pc-template.css diff --git a/css/pc-template.css b/css/pc-template.css new file mode 100644 index 0000000..80d999b --- /dev/null +++ b/css/pc-template.css @@ -0,0 +1,187 @@ +/*pc底部*/ +.aboutusleft {width: 50%; float: left; display: inline-block;} +.bottomaboutus {margin-bottom: 50px;} +.bottompctitle { font-size: 16px; + text-transform: uppercase; + color: #797979; + font-weight: bold; + display: block; + width: 23%; + height: 115px; + float: left; + padding-top: 5px;} +.aboutusinfo {font-size: 16px; + line-height: 25px; padding-right: 50px;} + .aboutusinfo a {color: #fff; text-decoration: underline;} +.bottomfollowus ul { padding-left: 10px; + display: inline-block; + margin-left: -15px; + margin-top: 0;} + .bottomfollowus ul li {list-style: none;float: left; margin-right: 20px; + margin-bottom: 25px; + font-size: 14px; + text-transform: uppercase;} + .bottomfollowus ul li a { color: #fff; + font-size: 14px; + text-transform: uppercase;} + .bottomfollowus ul li a .fa { color: #fff; + background: #757570; + margin-right: 10px; + width: 35px; + height: 25px; + text-align: center; + padding-top: 9px; + border-radius: 50%; + font-size: 20px;} +.aboutusright {width: 50%; display: inline-block;} +img.bottomfeature {margin-left: 15px;} +.bottomaboutuslinks { border-top: 1px solid #797979; + margin-top: 50px;} +.bottomlinksleft { width: 70%; + float: left; + display: inline-block;} +ul.withBorder { padding: 10px 0;} +ul.withBorder li { display: inline; margin-right: 20px;} +ul.withBorder li a { color: #b1b1b1; + text-decoration: none; + font-size: 14px;} +.languageSwitch {display: block; + margin: 20px 0 25px;} + .languageSwitch a {text-decoration: none; + width: 30px; + height: 17px; + overflow: hidden; + display: inline-block; + margin-right: 10px;} + .languageSwitch a.asia {background: url(https://data.chinahighlights.com/pic/ah-icon.png) no-repeat 0 1px;} + .languageSwitch a.germany {background: url(https://data.chinahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1200px no-repeat;} + .languageSwitch a.french {background: url(https://data.chinahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1134px no-repeat;} + .languageSwitch a.spanish {background: url(https://data.chinahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1475px no-repeat;} + .languageSwitch a.italy {background: url(https://data.chinahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1542px no-repeat;} + .languageSwitch a.russia {background: url(https://data.chinahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1410px no-repeat;} + .languageSwitch a.japanese {background: url(https://data.chinahighlights.com/css/images/merge/nav-mere-20130723.png) -9px -1269px no-repeat;} +.bottommembers { width: 30%; + display: inline-block; + padding-top: 15px;} + .bottommembers img { display:inline-block;} +.memberIcons {text-align: right; + display: block; + padding-top: 15px;} +.bottomlogo { background: none; + height: 71px; + background-color: #1e1e1e; + padding: 0;} +img.bottomlogopc {float: left; margin-right: 30px;} +.bottomcopyright {font-size: 16px; + display: inline-block; + padding-top: 30px;} +.bottomprivacy {display: inline-block; + float: right; + padding-top: 30px; + font-size: 16px;} + .bottomprivacy a {color:#fff;} + + +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +.row { + margin-left: -15px; + margin-right: -15px; +} + +@media (min-width:1200px) { + .container { + width: 1140px; +} + .headerbar { padding: 0 20px; + height: 83px; + background-color: #fff; + } +.chinatourspc, .destinationspc, .travelguidepc, .culturepc, .searchpc {position: relative; height: 1000px; } +img.topnavipic {position: absolute; + top: 0;} +ul.list-reset {background: none; + padding-left: 0; + position: absolute; + left: 0; + top: 100px; +width: 100%;} +ul.list-reset li.sub-nav-item {list-style: none; + text-align: center; + margin-bottom: 25px; +padding-left: 30px;} +li.sub-nav-item a { color: #fff; + font-size: 40px; + font-weight: 700; + width: 100%; + display: block;} + .siteSearch { border-radius: 4px; padding: 2px 2px 2px 0; + background: #fff; display: block; + border: 1px solid #d1d1d1; + height: 60px; + margin: auto; + width: 40%; + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0;} + a.nav-link {font-size: 50px;} + a.nav-link:hover {color: #fff;} + h3.navimore {padding-left: 0; + color: #efefef; + text-transform: uppercase; + font-weight: 700; + line-height: normal; + margin-top: 0; + margin-bottom: 0; + width: 100%; + display: block; + text-align: center; + font-size: 60px; + position: absolute; + top: calc(100% - 215px);} + .siteSearch .strkeys {background: #fff; + border: 0; + float: left; + display: inline-block; + width: 195px; + margin-top: -1px; + color: #666; + height: 60px; + font-size: 30px; + padding-left: 30px; + font-weight: 300;} + .siteSearch .submits {display: block; + float: right; + padding-top: 7px; + padding-right: 5px; + width: 45px;} + img.chinahighlightslogo {padding-left: 0;} + ul.pctopnavi{display: inline-block; position: relative; + top: -10px; padding-left: 15px;} + ul.pctopnavi li {list-style: none; text-transform: uppercase; color: #000; float: left; margin-right: 30px; font-size: 16px; font-weight: 600;} + .pcnavibutton {float: right; + display: inline-block; width: 17%;} + .topnavitailor {margin-top: 22px; + float: left; + margin-right: 25px; + background: #000; + width: 145px; + height: 40px; + text-align: center;} + .topnavitailor a {color: #fff; + border: none; + + display: inline-block; + padding-top: 13px; + font-size: 16px;} +.websearchpc {float: left; + margin-top: 30px; + padding-right: 10px;} + +} \ No newline at end of file