公用样式

h1,

h2,

h3,

h4,

h5,

h6,

div,

p,

ul,

ol,

span,

section,

a,

i,

b,

label {

  margin: 0;

  padding: 0;

  line-height: 1;

  font-weight: 400;

}

h2 {

  font-size: 44px;

}

h3 {

  font-size: 24px;

}

h4 {

  font-size: 22px;

}

h5 {

  font-size: 18px;

}

h6 {

  font-size: 16px;

}

body {

  color: #888;

  background: #FFF;

  font-size: 14px;

}

img {

  max-width: 100%;

  height: auto;

}

a,

a:hover,

a:link {

  text-decoration: none;

  color: #333;

  outline-style: none;

  -moz-outline-style: none;

}

li {

  list-style: none;

}

em,

i,

label {

  font-style: normal;

  font-weight: normal;

}

input,

button {

  border: none;

  outline: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  padding: 0;

}

textarea {

  resize: vertical;

  border: 0;

}

table {

  border-collapse: collapse;

}

input::-webkit-input-placeholder {

  color: #C0C4CC;

}

input::-moz-placeholder {

  color: #C0C4CC;

}

input::-moz-placeholder {

  color: #C0C4CC;

}

input:-ms-input-placeholder {

  color: #C0C4CC;

}

dl {

  margin-bottom: 0;

}

/*文字超出省略号*/

.ellipsis {

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  -icab-text-overflow: ellipsis;

  -khtml-text-overflow: ellipsis;

  -moz-text-overflow: ellipsis;

  -webkit-text-overflow: ellipsis;

}

/*处理遮罩下面的元素无法触发点击事件*/

.pointer-events {

  pointer-events: none;

}

/*兼容IE,未知高度文字垂直居中*/

.vertical-box {

  display: table;

  height: 100%;

  /*必需给最外层设置高度*/

  *position: relative;

  /*针对IE的hack*/

}

.vertical-box .vertical-box-sub {

  display: table-cell;

  vertical-align: middle;

  *position: absolute;

  /*针对IE的hack*/

  *top: 50%;

}

.vertical-box .vertical-box-container {

  *position: relative;

  /*针对IE的hack*/

  *top: -50%;

  margin: 0 auto;

}

/* Let's get this party started */

.scroll-style::-webkit-scrollbar {

  width: 8px;

  background-color: #fff;

}

/* Track */

.scroll-style::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  -webkit-border-radius: 8px;

  border-radius: 8px;

}

/* Handle */

.scroll-style::-webkit-scrollbar-thumb {

  -webkit-border-radius: 8px;

  border-radius: 8px;

  background: #ccd5df;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);

}

.scroll-style::-webkit-scrollbar-thumb:window-inactive {

  background: #ccd5df;

}

.no-padding{

  padding: 0;

}

.no-margin{

  margin: 0;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。