|
|
|
@ -8,37 +8,41 @@ |
|
|
|
<style> |
|
|
|
<style> |
|
|
|
html{background:url('himalaya_bg_small.jpeg') repeat-x top center;min-height:722px;background-color:#224b6f;color:#444} |
|
|
|
html{background:url('himalaya_bg_small.jpeg') repeat-x top center;min-height:722px;background-color:#224b6f;color:#444} |
|
|
|
body,*{margin:0;padding:0} |
|
|
|
body,*{margin:0;padding:0} |
|
|
|
strong{font-size: 120%;} |
|
|
|
strong{font-size:120%} |
|
|
|
body{max-width:68%;margin: 10px auto 30px auto;opacity: 0.8;padding: 10px;border-radius: 8px;line-height: 1.618;} |
|
|
|
body{max-width:68%;margin:10px auto 30px auto;opacity:0.8;padding:10px;border-radius:8px;line-height:1.618} |
|
|
|
h1{color:#FFF;margin:1.6em 0} |
|
|
|
h1{color:#FFF;margin:1.6em 0} |
|
|
|
h2{margin-top: 1.8em;margin-bottom: 0.3em;color: darkblue;} |
|
|
|
h2{margin-top:1.8em;margin-bottom:0.3em;color:darkblue} |
|
|
|
li{margin-left:1em} |
|
|
|
li{margin-left:1em} |
|
|
|
.mod{background-color: #FFF;padding: 10px;border-radius: 5px;box-shadow: 3px 4px #89c3f0;} |
|
|
|
.head{float:left} |
|
|
|
|
|
|
|
.logo{background-color:#FFF;border-radius:6px} |
|
|
|
|
|
|
|
.mod{background-color:#FFF;padding:10px;border-radius:5px;box-shadow:3px 4px #89c3f0} |
|
|
|
.core{font-size:120%;box-shadow:3px 4px #3c9fe2;color:#333} |
|
|
|
.core{font-size:120%;box-shadow:3px 4px #3c9fe2;color:#333} |
|
|
|
.white{color:#FFF} |
|
|
|
.white{color:#FFF} |
|
|
|
.qr{border-radius: 5px;} |
|
|
|
.qr{border-radius:5px} |
|
|
|
.float-right{float:right;margin-left:10px} |
|
|
|
.float-right{float:right;margin-left:10px} |
|
|
|
.float-left{float:left;margin-right:10px} |
|
|
|
.float-left{float:left;margin-right:10px} |
|
|
|
.clearfix::after {display: block;content: "";clear: both;} |
|
|
|
.clearfix::after{display:block;content:"";clear:both} |
|
|
|
.video{width:56%} |
|
|
|
.video{width:56%} |
|
|
|
.media{width: 48%;} |
|
|
|
.media{width:48%} |
|
|
|
.icons svg{width:80px;height:80px;margin:4px} |
|
|
|
.icons svg{width:80px;height:80px;margin:4px} |
|
|
|
@media only screen and (max-width:768px){ |
|
|
|
@media only screen and (max-width:768px){ |
|
|
|
body{max-width: 90%;} |
|
|
|
body{max-width:90%} |
|
|
|
h1 small{display: block;} |
|
|
|
h1 small{display:block} |
|
|
|
.video,.media{width:100%;float:none;margin:0} |
|
|
|
.video,.media{width:100%;float:none;margin:0} |
|
|
|
.icons svg{width: 60px;height: 60px;} |
|
|
|
.icons svg{width:60px;height:60px} |
|
|
|
|
|
|
|
.head{float:none;text-align:center} |
|
|
|
|
|
|
|
.logo{width:80px} |
|
|
|
} |
|
|
|
} |
|
|
|
@media only screen and (max-width:480px){ |
|
|
|
@media only screen and (max-width:480px){ |
|
|
|
.mob-white{color:#FFF} |
|
|
|
.mob-white{color:#FFF} |
|
|
|
.hidden-xs{display: none;} |
|
|
|
.hidden-xs{display:none} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<body> |
|
|
|
|
|
|
|
|
|
|
|
<div class="head"> |
|
|
|
<div class="head"> |
|
|
|
<img src="logo_jialuoma.png" alt="嘉洛马，一个2022年10月份成立，专注于图片、视频相关的PC网站、H5网站、Web App、社群运营、私域运营工具开发的小团队" width="120"> |
|
|
|
<img src="logo_jialuoma.png" alt="嘉洛马，一个2022年10月份成立，专注于图片、视频相关的PC网站、H5网站、Web App、社群运营、私域运营工具开发的小团队" width="120" class="logo"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="mod core clearfix"> |
|
|
|
<div class="mod core clearfix"> |
|
|
|
|
