``` /*全局华文细黑字体 */ body{font-family: roboto condensed,PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;} @media only screen and (max-width: 800px){ .do-nav-mwp { height: 56px; } .do-slide-text h1 span,.do-slide-text h1 { font-size: 10px!important; } h5 { font-size: 10px!important; } .do-title .title{font-size:10px;} } .do-banner{z-index:1} ul { padding: 0; margin: 0; } p { margin:0; } .hm-no-arrow .swiper-button-white{display:none;} .hm-no-arrow .swiper-pagination{display:none;} .hm-no-a .do-element-buttons {} @media only screen and (min-width: 800px) { .hm-duan { max-width: 75%; margin: auto; }} ``` ``` .do-element-swiper .bgimg{width: 97%; margin: auto; bottom: 0; right: 0; } @media only screen and (max-width: 800px){ .do-nav-m ul li em{display:none;} .do-nav-m-bar ul li a{text-align:center;}} .do-logo img { max-width: none!important; max-height: 100%; } .do-area-bg-conter { left: 0; top: 0; right: 0; bottom: 0; } ``` ##### 去掉自带返回顶部 `.do-gotop{display:none!important;}` JS ``` <script> $(".do-developers").remove();</script> <script> $(document).ready(function(){ $(".hm-no-a a").click(function(){ return false; }) }); </script> ``` ##### 伪类元素（添加小段文字、图标） > content填充文本内容；可配合CSS定位 ``` 任何元素:after{content:""} 任何元素:before{content:""} ``` ##### 缓冲动画(初始值、最终值需设置好) transition: all 0.3s; ###### 悬浮加入下划线效果 ``` .xxx:hover{ text-decoration:underline;} ``` 白色导航点 ``` .swiper-pagination-bullet{ background:rgba(255, 255, 255, 0.7); } .swiper-pagination-bullet-active{ background:rgb(255, 255, 255);} ```