新版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