@charset "utf-8";
/**外部字体**/
@font-face {
    font-family: "KanitBold";
}

@font-face {
    font-family: "KanitBlack";
    src: url("/lib/fonts/Kanit-Font/Kanit-Black.eot?#iefix") format('embedded-opentype');
    src: url("/lib/fonts/Kanit-Font/Kanit-Black.ttf") format('truetype');
}

@font-face {
    font-family: "KanitLight";
    src: url("/lib/fonts/Kanit-Font/Kanit-Light.eot?#iefix") format('embedded-opentype');
    src: url("/lib/fonts/Kanit-Font/Kanit-Light.ttf") format('truetype');
}

@font-face {
    font-family: "KanitMedium";
    src: url("/lib/fonts/Kanit-Font/Kanit-Medium.eot?#iefix") format('embedded-opentype');
    src: url("/lib/fonts/Kanit-Font/Kanit-Medium.ttf") format('truetype');
}

@font-face {
    font-family: "KanitRegular";
    src: url("/lib/fonts/Kanit-Font/Kanit-Regular.eot?#iefix") format('embedded-opentype');
    src: url("/lib/fonts/Kanit-Font/Kanit-Regular.ttf") format('truetype');
}

@font-face {
    font-family: "KanitSemiBold";
    src: url("/lib/fonts/Kanit-Font/Kanit-SemiBold.eot?#iefix") format('embedded-opentype');
    src: url("/lib/fonts/Kanit-Font/Kanit-SemiBold.ttf") format('truetype');
}

@font-face {
    font-family: "Roboto";
    src: url("/lib/fonts/roboto-android/Roboto-Regular.eot?#iefix") format('embedded-opentype');
    src: url('/lib/fonts/roboto-android/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: "RobotoRegular";
    src: url("/lib/fonts/roboto-android/Roboto-Regular.eot?#iefix") format('embedded-opentype');
    src: url("/lib/fonts/roboto-android/Roboto-Regular.ttf") format('truetype');
}

@font-face {
    font-family: "RobotoMedium";
    src: url("/lib/fonts/roboto-android/Roboto-Medium.eot?#iefix") format('embedded-opentype');
    src: url("/lib/fonts/roboto-android/Roboto-Medium.ttf") format('truetype');
}

@font-face {
    font-family: "RobotoBold";
    src: url("/lib/fonts/roboto-android/Roboto-Bold.eot?#iefix") format('embedded-opentype');
    src: url("/lib/fonts/roboto-android/Roboto-Bold.ttf") format('truetype');
}

/**外部字体end**/

body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, textarea, p {
    margin: 0px;
    padding: 0px;
    font-family: KanitLight;
    color: #000;
}

body {
    background: #ffffff;
}

ul {
    list-style: none;
}

img, a img {
    border: 0px;
    border: none;
}

a, a:hover, a.active {
    text-decoration: none;
}

a.hidefocus {
    outline: none
}

input, textarea {
    border: 0;
    outline: none; /*去除蓝色边框*/
}

a:hover, a:focus {
    /*text-decoration: underline;*/
    text-decoration: none;
}

.box {
    display: -webkit-box;
    /* : Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;
    /* : Firefox (buggy) */
    display: -ms-flexbox;
    /* : IE 10 */
    display: -webkit-flex;
    /*Chrome 21+ */
    display: flex;
    /*  Opera 12.1, Firefox 22+ */
    box-sizing: border-box;
  }
  .box.row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
  }
  .box.row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .box.col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .box.col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .box.nowrap {
    flex-wrap: nowrap;
  }
  .box.wrap {
    flex-wrap: wrap;
  }
  .box.wrap-resverse {
    flex-wrap: wrap-reverse;
  }
  .box.justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .box.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .box.justify-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
  .box.justify-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .box.justify-around {
    justify-content: space-around;
  }
  .box.align-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .box.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .box.align-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .box.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .box .cell-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
  .box .cell-2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
  }
  .box .cell-3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3;
  }