@charset "utf-8";
// 定义基础颜色变量。这个可以扩展
$red:#f00  !default;
$orange:#f60 !default;
$blue:#00d !default;
$colorBorder:#ccc !default;
// 公共样式 CSS 
*{ margin:0; padding:0;}
html{  -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
table{ border-collapse:collapse;border-spacing:0;}
th{ font-weight:normal;}
fieldset,a img{ border:0;}
iframe{ display:block;}
ol,ul,li,p{ list-style:none;padding:0;margin:0;}
del{ text-decoration:line-through; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bolder;margin:0;}
q:before,q:after {content:'';}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
a,a:focus,textarea,input,button,input:focus,input:hover{outline:none; color:#333;}
ins,a{ text-decoration:none;}
textarea{ resize:none;  overflow-y:auto;}
em,i{ font-style:normal;}
li,input,img,textarea,select{ vertical-align:middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
audio,canvas,video{ display: inline-block;*display: inline;*zoom: 1;}
abbr,acronym{ border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:500;}
::-webkit-input-placeholder {
  font-size: 14px; }
::-moz-placeholder {font-size: 14px;}
:-ms-input-placeholder {font-size: 14px; }
input:-moz-placeholder { font-size: 14px; }
.clearfix:after,.row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ".";
  clear: both;
  height: 0;
  overflow: hidden;
}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
.cl {clear: left;}
.cr {clear: right; }
.cb {clear: both;}
.clears{ clear:both; line-height:0; overflow:hidden; font-size:0; height:0;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.hide {display:none;}
.show{ display:block;}
.ovh{ overflow: hidden;}
.d_b{ display:block;}
.d_ib{ display:inline-block;}
.v_m{ vertical-align:middle;}
.abs {position: absolute;}
.rel {position: relative;}
.fix {position: fixed;}
 
.m_auto{ margin-left: auto;margin-right: auto;}
 
.fwb{ font-weight:bolder;}
.fwn{ font-weight:normal;}
.nowrap {white-space: nowrap;overflow: hidden}
 
.t_center{ text-align:center;}
.t_right{ text-align:right;}
.t_left{ text-align:left;}
.t_underline{ text-decoration:underline;}
 
// 常用颜色设置
.c_fff{ color:#fff;}
.c_fff a{ color:#fff;}
.c_fff a:hover{ text-decoration:underline;}
.c_000{ color:#000;}
.c_333{ color:#333;}
.c_666{ color:#666;}
.c_999{ color:#999;}
.c_ccc{ color:#ccc;}
.c_orange{ color:$orange;}
.c_red{ color:$red;}
.c_blue{ color:$blue;}
 
.btn{ cursor:pointer; border:0; overflow:visible;}
.inputs{ border:1px $colorBorder solid; padding-left:10px; padding-right:10px; }
.textarea{ border:1px $colorBorder solid; padding: 10px;}
 
//width  setting
@for $i from 4 through 100 {
  .w#{$i}0 {
    width: (10 * $i)+px;
  }
}
// font-size setting
@for $fz from 5 through 25{
  .f#{$fz*2}{
    font-size:(2*$fz)+px;
  }
}
// padding,margin setting
@for $pd from 1 through 8{
  .pd#{$pd*5}{
    padding:$pd*5+px;
  }
  .pl#{$pd*5}{
    padding-left:$pd*5+px;
  }
  .pr#{$pd*5}{
    padding-right:$pd*5+px;
  }
  .pt#{$pd*5}{
    padding-top:$pd*5+px;
  }
  .pb#{$pd*5}{
    padding-bottom:$pd*5+px;
  }
  .ml#{$pd*5}{
    margin-left:$pd*5+px;
  }
  .mr#{$pd*5}{
    margin-right:$pd*5+px;
  }
  .mb#{$pd*5}{
    margin-bottom:$pd*5+px;
  }
  .mt#{$pd*5}{
    margin-top:$pd*5+px;
  }
}
 
html{background:#fff; color:#333;}
body{font-family:Verdana,Arial,"Microsoft Yahei","Pingfang SC","SimSun";font-size:14px;margin:0;padding:0;}
input,textarea,select{
    font-family:Verdana,Arial,"Microsoft Yahei","Pingfang SC","SimSun";
}