/*
 * @Descripttion: 基础css 类，全局类名以 -g 结尾来区分
 * @Author: TM丶
 * @LastEditors: 小明丶
 * @Date: 2019-03-11 21:02:51
 * @LastEditTime: 2020-04-24 15:56:39
 */

 html,body{
   height: 100%;
 }

 body {
  font-size: @font-14;
  color: @c-333;
  scroll-behavior: smooth;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
  margin: 0;
}



.font-11-g{
  font-size: @font-11;
}

.font-12-g{
  font-size: @font-12;
}

.font-14-g{
  font-size: @font-14;
}


.font-16-g{
  font-size: @font-16;
}



.height-44-g{
  height: 44px;
  width: 100%;
}
.height-20-g{
  height: 20px;
  width: 100%;
}



.c-text-999-g{
  color: @c-text-999;
}

.c-text-666-g{
  color: @c-text-666;
}

hr{
  border: none;
}

.h-100-g{
  min-height: 100%;
}

.w-100-g{
  width: 100%;
}

.fl-g {
  float: left;
}

.fr-g {
  float: right;
}


.clearfix-g {
  zoom: 1;

  &:after {
    content: "";
    display: block;
    clear: both;
  }
}

.text-center-g{
  text-align: center;
}

.img-fluid-g {
  max-width: 100%;
  height: auto;
}

.p-center-g{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.hidden-g {
  display: none;
}

.flex-start-g {
  .flex(flex-start);
}

.flex-center-g {
  .flex(center);
}

.flex-between-g {
  .flex(space-between);
}

.flex-around-g {
  .flex(space-around);
}

.flex-end-g {
  .flex(flex-end);
}

.flex-1-g{
  flex:1;
}

/*单行溢出*/
.text-clip-g {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// 滚动条样式
::-webkit-scrollbar {
  max-width: 5px;
  max-height: 8px;
}


::-webkit-scrollbar-thumb {
  background-color: #C9CAD3;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

// placeholder样式控制
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: @c-999;
  font-size: @font-14;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: @c-999;
  font-size: @font-14;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: @c-999;
  font-size: @font-14;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: @c-999;
  font-size: @font-14;
}