MxWeiXinPF.Web/weixin/test/css/common6.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*-----------------------------全局样式-------------------------------------*/
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,span,a,input,textarea,p,blockquote,th,td,header,nav,footer,article,section,aside,time,figure{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal}
ul{list-style:none}
legend{display:none}
fieldset,img{border:none;vertical-align:middle}
em,cite,i{font-style:normal}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:Microsoft YaHei}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
html{height:100%;-webkit-text-size-adjust:none;overflow:hidden}
body{font:12px/18px Microsoft YaHei;position:relative;margin:0 auto;color:#000;min-width:320px;word-break:break-all;height:100%;background:#000c20;overflow:hidden;color:#fff;max-width:360px}
body a{color:#fff;text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}
/*-----------------------------框架-------------------------------------*/
#wrapper{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;overflow:hidden}
.iScrollVerticalScrollbar{position:absolute;right:0;top:0;height:100%;width:4px}
.iScrollIndicator{position:absolute;right:0;background:rgba(255,255,255,0.2);width:4px;border-radius:2px}
.page{width:100%;position:relative;overflow:hidden;height:100%}
.full-img img{width:100%;display:block}
.auto-x{left:0;right:0;position:absolute;margin:auto}
.auto-y{top:0;bottom:0;position:absolute;margin:auto}
.swiper-container{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;overflow:hidden}
.swiper-slide{height:100%;position:relative;overflow:hidden}
.up{position:absolute;left:0;right:0;bottom:0;width:22px;height:34px;margin:auto;display:none;z-index:1000}
.ups{width:22px;height:14px;background:url(http://dn-h6app.qbox.me/static/images/pingwest/up.png) no-repeat;background-size:100%;z-index:100;animation:up 1s ease-in infinite;-moz-animation:up 1s ease-in infinite;-webkit-animation:up 1s ease-in infinite;position:absolute;left:0;bottom:10px}
@-keyframes up{0%{bottom:0;opacity:0}50%{bottom:10px;opacity:1}100%{bottom:20px;opacity:0}}
@-moz-keyframes up{0%{bottom:0;opacity:0}50%{bottom:10px;opacity:1}100%{bottom:20px;opacity:0}}
@-webkit-keyframes up{0%{bottom:0;opacity:0}50%{bottom:10px;opacity:1}100%{bottom:20px;opacity:0}}
/*-----------------------------音乐-------------------------------------*/
#music{position:absolute;width:24px;height:24px;right:8px;top:8px;z-index:400}
.music{width:100%;height:100%;background:url(http://dn-h6app.qbox.me/static/images/pingwest/music.png) no-repeat center center;background-size:100%;z-index:10;position:relative}
.play{animation:rotate 1.2s linear infinite;-webkit-animation:rotate 1.2s linear infinite}
#music>span{color:#fff;position:absolute;left:-60px;top:0;line-height:24px;font-size:14px;opacity:0;-webkit-transition:all 0.3s linear;transition:all 0.3s linear}
#music>span.zshow{left:-30px;opacity:1}
@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
/*-----------------------------首页-------------------------------------*/
/*----------------第一屏---------------------*/
#page-1 .title{width:195px;height:45px;top:75px}
.tel{width:195px;height:409px;bottom:-60px;background:url(http://dn-h6app.qbox.me/static/images/pingwest/tel.png) no-repeat;background-size:100%}
.tel:after{position:absolute;content:"";width:187px;height:141px;background:url(http://dn-h6app.qbox.me/static/images/pingwest/tels.png) no-repeat;background-size:100%;top:37px;left:0;z-index:100}
.paper{width:94px;height:235px;position:absolute;left:76px;top:13px}
.paper-animate{animation:paper-animate 2s linear infinite;-webkit-animation:paper-animate 2s linear infinite}
@keyframes paper-animate{0%{transform:translate(0,0)}100%{transform:translate(0,-50px)}}
@-webkit-keyframes paper-animate{0%{-webkit-transform:translate(0,0)}100%{-webkit-transform:translate(0,-50px)}}
/*----------------第二屏---------------------*/
#page-2{background:url(http://dn-h6app.qbox.me/static/images/pingwest/map.jpg) no-repeat;background-size:100%}
.point{width:36px;height:56px;position:absolute;top:268px;left:112px}
.point:after{position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;background:url(http://dn-h6app.qbox.me/static/images/pingwest/point.png) no-repeat;background-size:100%;content:"";z-index:10}
.point h3{position:absolute;color:#ff4f28;font-size:12px;left:32px;top:38px;width:6em}
.bo{background:#ff4f28;width:10px;height:10px;border-radius:5px;left:12px;top:42px;position:absolute}
.leida{animation:leida 2s linear infinite;-webkit-animation:leida 2s linear infinite}
@keyframes leida{0%{transform:scale(1,1);opacity:1}100%{transform:scale(12,12);opacity:0}}
@-webkit-keyframes leida{0%{-webkit-transform:scale(1,1);opacity:1}100%{-webkit-transform:scale(12,12);opacity:0}}
.note{width:127px;height:227px;left:0;top:0;position:absolute}
/*----------------第三屏---------------------*/
#page-3 .title{width:239px;height:43px;top:50px}
#page-3 .title-2{width:219px;height:36px;top:274px}