@charset "utf-8";
//base
@baseColor: #333;
* {
  margin: 0;
  padding: 0;

  :focus {
    outline: 0;
  }
}

ul, li, ol {
  list-style: none
}

a {
  color: @baseColor;
  text-decoration: none;
}

i, em {
  font-style: normal
}

a, button, input, select, img, label, li,div {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: medium none;
}

html, body, select, input ,textarea{
  font-family: "SC-Bold,PingFang SC Bold, Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif;
}
html, body {
  position: relative;
}
input, button, select, textarea {
  outline: none;
  border: 0;
}

::-webkit-input-placeholder{ /* WebKit browsers */
  color: #ababab;
  vertical-align: middle;
  line-height: normal;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ababab;
  vertical-align: middle;
  line-height: normal;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #ababab;
  vertical-align: middle;
  line-height: normal;
}

//清除浮动
.clearfix {
  display: block;
  zoom: 1;

  &:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}

//圆角
.border-radius(@radius:4px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}

//css3
.css3(@style,@frames) {
  -webkit-@{style}: @frames;
  -moz-@{style}: @frames;
  -ms-@{style}: @frames;
  -o-@{style}: @frames;
    @{style}: @frames;
}
.transition(@time:.2s){
  transition: all @time linear 0s;
  -webkit-transition: all @time linear 0s;
  -moz-transition: all @time linear 0s;
  -o-transition: all @time linear 0s;
}
//逐帧动画
.keyframes(@name,@frames) {
  @-webkit-keyframes @name { @frames();
  }
  @-moz-keyframes @name { @frames();
  }
  @-ms-keyframes @name { @frames();
  }
  @-o-keyframes @name { @frames();
  }
  @keyframes @name { @frames();
  }
}

.fl() {
  float: left;
}

.fr() {
  float: right;
}

.pr() {
  position: relative;
}

.pa() {
  position: absolute;
}

.pf() {
  position: fixed;
}

.com-width(@width:1204px) {
  .pr();
  width: @width;
  margin: 0 auto;
}

.position-lt(@left:0,@top:0) {
  left: @left;
  top: @top;
}
.gray(@num:100%) {
    -webkit-filter: grayscale(@num);
    -moz-filter: grayscale(@num);
    -ms-filter: grayscale(@num);
    -o-filter: grayscale(@num);
    filter: grayscale(@num);
}
.hide {
  display: none;
}

.show {
  display: block;
}

.fs(@size:16px,@color:#fff) {
  font-size: @size;
  color: @color;
}

.lh(@height){
  height: @height;
  line-height: @height;
}
.ells() {
  .css3(text-overflow, ellipsis);
  white-space: nowrap;
  overflow: hidden;
}

.manyells(@line:2) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;
  overflow: hidden;
}

.wh(@width:10px,@height:10px){
  width: @width;
  height: @height;
}
.m-img {
  width: 100%;
  display: block;
}
.dil{
  display: inline-block;
}
.tc{
  text-align: center;
}
.btn{
  height: 1.38rem;
  background: #0099ff;
  .fs(.52rem,#ffffff);
  border-radius: .66rem;
  cursor: pointer;
  box-shadow: 0 6px 10px rgba(0,153,255,.34);
  &.btn-small{
    height: 1.06rem;
    font-size: .48rem;
  }
}
