zhaobiao/public/pc/css/index.css

/*清除样式*/

body, ol, ul, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea,select{
    margin: 0;
    padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}


body,html{
    position: relative;
    margin: 0 auto;
    font-size: 62.5%;
    padding: 0;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
[v-cloak]{
    display: none;
}

/* 谷歌 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    margin: 0;
}
/* 火狐 */
input{
    -moz-appearance:textfield;
    border:0;
}
input[type="number"]{
    -moz-appearance:textfield !important;
}
input[disabled]{
    color:#333333;
background: white;
opacity: 1;
-webkit-text-fill-color: #333333;
}

body {
    position: relative;
    font-size: 14px;
    font-family: Helvetica, Tahoma, Arial,'微软雅黑','苹方字体',"PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    background: #fff;
    
    color: #282828;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
    font-size: 14px;
}

a {
    color: #333;
    text-decoration: none;
    transition: color .2s ease-out;
}
   
   
   
a:hover {
    text-decoration: none;
}

em, i {
    font-style: normal;
}

ol, ul, dl, li, dt, dd {
    list-style: none
}

img {
    border: 0;
    vertical-align: middle;
    /* width: 100%; */
}
i{
    display: flex;
    align-items: center;
    justify-content: center;
}
i>img{
    width: 100%;
}

.boxShadow{
    box-shadow: 0 0 .18rem 0 rgba(0,0,0,0.1);
}

a,a:hover,a:active,a:visited,a:link,a:focus,li,li:focus,li:hover,li:active,li:visited,li:link{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

    -webkit-user-select: none;
    
    -moz-user-focus: none;
    
    -moz-user-select: none;
}
a ,img ,button{
    border: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
input, textarea,button {
    font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    outline: none;
    padding: 0px;
    margin: 0;
}



/*透明度渐变*/
.opacity{
    -webkit-animation: opacity 0.3s linear;
    animation: opacity 0.3s linear;
}
@-webkit-keyframes opacity {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes opacity {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/*清除浮动*/
.clearfloat{
    zoom:1
}
.clearfloat:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
}
/*居中*/
.center{
    margin: 0 auto;
}


/*加载完毕提示*/
.complete{
    font-size: .14rem;
    color:#999;
    padding: 0.1rem 0;
    text-align: center;
  }
  .complete>i{
    width: .12rem;
    font-size: 0;
  }
  
  
  /*自定义class*/
  
  /* 单排显示，超出隐藏 */
  
  .text_overflow {
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  
  .clamp1 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
  }
  
  /* 两排显示超出部分隐藏 */
  
  .clamp2 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
  }
  
  /* 三排显示超出部分隐藏 */
  
  .clamp3 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
  }
  
  /* 四排显示超出部分隐藏 */
  
  .clamp4 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
  }
  /* box布局 */
  .flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .flex_start {
      display: -webkit-flex;
      display: flex;
      justify-content: flex-start;
  }
  
  .flex_end {
      display: -webkit-flex;
      display: flex;
      justify-content: flex-end;
  }
  
  .flex_center {
      display: -webkit-flex;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .flex_around {
      display: -webkit-flex;
      display: flex;
      justify-content: space-around;
  }
  
  .flex_between {
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .flex_warp {
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      overflow: hidden;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  
  
  .flex1 {
      flex: 1;
  }
  
  .flex2 {
      flex: 2;
  }
  
  .flex_items {
      align-items: center;
  }
  
  .self_start {
      align-self: flex-start;
  }
  
  .self_center {
      align-self: center;
  }
  
  .self_end {
      align-self: flex-end;
  }
  
  .flex_column {
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
  }
  
  .flex_shrink {
      -webkit-flex-shrink: 0;
      flex-shrink: 0;
  }
  
  .box_b {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
  }
  /*背景*/
  .cover_img{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: #f6f6f6;
    overflow: hidden;
  }
  .contain_img{
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-color: #f6f6f6;
    background-position: center !important;
      overflow: hidden;
  }


  
  [v-cloak]{
      display: none;
  }
  /* @media (min-width: 980px){
    #index{
        padding-top:60px;
    }
	.main.wrap{
		min-height: 80vh;
	}
}
@media (max-width: 980px){
    #index .min_index{
        padding-top:50px;
        padding-bottom: 48px;
    }
	.main.wrap{
		min-height: 80vh;
	}
} */

.reove{
    display: inline-block;
    margin: .2rem auto 0 auto;
    opacity: .2;
}