123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153 |
- * {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- body {
- margin: 0;
- padding: 0;
- background: $body-bg;
- color: $text;
- font-family: $font-family;
- font-size: $font-size;
- line-height: $line-height;
- -webkit-font-smoothing: antialiased;
- }
- article,aside,dialog,footer,header,section,footer,nav,figure,menu {
- display: block
- }
- a,a:focus,a:hover{
- text-decoration: none !important;
- }
- dl {
- margin-bottom: $md-pad;
- }
- dd {
- margin-left: $xlg-pad;
- }
- ul,
- ol {
- margin: 0;
- padding: 0;
- vertical-align: baseline;
- list-style: none;
- -webkit-padding-start: 0;
- -webkit-margin-before: 0;
- -webkit-margin-after: 0;
- }
- main,
- header,
- footer,
- article,
- section,
- aside,
- details,
- summary {
- margin: 0 auto;
- width: 100%;
- }
- a.nuxt-link-active {
- cursor: pointer;
- text-decoration: none;
- color: $text;
- transition: color .2s ease;
- outline: 0;
- &:hover,&:active {
- text-decoration: none;
- color: $skin-bg;
- }
- }
- a.header-link {
- cursor: pointer;
- text-decoration: none;
- color: #fff;
- transition: color .2s ease;
- outline: 0;
- &:hover {
- text-decoration: underline;
- }
- }
- img {
- outline: 0;
- border: none;
- vertical-align: middle;
- }
- .f12{
- font-size: $font-size-small
- }
- .f14{
- font-size: $font-size;
- }
- .f16{
- font-size: $font-size-large;
- }
- .text-right{
- text-align: right;
- }
- .icon-left-arrow{
- display:inline-block;
- position:relative;
- top:0;
- width:10px;
- height:10px;
- background: url(../../static/icon/left-arrow.png)no-repeat;
- }
- .icon-info{
- display:inline-block;
- position:relative;
- top:0;
- width:20px;
- height:20px;
- background: url(../../static/icon/info.png)no-repeat;
- }
- .icon-trumpet{
- display:inline-block;
- position:relative;
- top:5px;
- width:20px;
- height:20px;
- background: url(../../static/icon/trumpet.png)no-repeat;
- }
- .icon-qq{
- display:inline-block;
- position:relative;
- top:5px;
- width:20px;
- height:20px;
- background: url(../../static/icon/qq.png)no-repeat;
- }
- .icon-space{
- display:inline-block;
- position:relative;
- top:5px;
- width:20px;
- height:20px;
- background: url(../../static/icon/space.png)no-repeat;
- }
- .icon-weibo{
- display:inline-block;
- position:relative;
- top:5px;
- width:20px;
- height:20px;
- background: url(../../static/icon/weibo.png)no-repeat;
- }
- .icon-link{
- display:inline-block;
- position:relative;
- top:5px;
- width:20px;
- height:20px;
- background: url(../../static/icon/link.png)no-repeat;
- }
|