新版PC样式
CandiceSong
5 years ago
parent
375f8000b4
commit
93fe716a6e
@ -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;}
|
||||
|
||||
}
|
||||
Loading…
Reference in New Issue