@charset "UTF-8";
/* 重置样式--strat */
* {
  margin: 0;
  padding: 0; }

html {
  color: #333;
  overflow-y: scroll; }

body {
  font-size: 14px;
  background-color: #fff;
  font: 14px 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5b8b\4f53, sans-serif; }

button,
input {
  font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5b8b\4f53, sans-serif;
  outline: none; }

li {
  list-style: none; }

a {
  color: #666;
  text-decoration: none; }

img {
  border: 0;
  /*ie6*/
  vertical-align: middle; }

.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: '.';
  height: 0; }

.clearfix {
  *zoom: 1; }

.clear {
  clear: both; }

.fl {
  float: left; }

.fr {
  float: right; }

.wrap {
  width: 1200px;
  margin: 0 auto; }

/* 重置样式--end */
/* 公共样式--start */
/* 媒体查询--字体大小适应不同屏幕 */
@media screen and (min-width: 320px) {
  html {
    font-size: 2.80702px; } }

@media screen and (min-width: 360px) {
  html {
    font-size: 3.15789px; } }

@media screen and (min-width: 375px) {
  html {
    font-size: 3.28947px; } }

@media screen and (min-width: 384px) {
  html {
    font-size: 3.36842px; } }

@media only screen and (width: 393px) {
  html {
    font-size: 3.44737px; } }

@media screen and (min-width: 400px) {
  html {
    font-size: 3.50877px; } }

@media screen and (min-width: 414px) {
  html {
    font-size: 3.63158px; } }

@media screen and (min-width: 424px) {
  html {
    font-size: 3.7193px; } }

@media screen and (min-width: 480px) {
  html {
    font-size: 4.21053px; } }

@media screen and (min-width: 540px) {
  html {
    font-size: 4.73684px; } }

@media screen and (min-width: 720px) {
  html {
    font-size: 6.31579px; } }

@media screen and (min-width: 750px) {
  html {
    font-size: 6.57895px; } }

@media screen and (min-width: 1140px) {
  html {
    font-size: 10px; } }

/* 字体大小 10~50 */
.u-font-10 {
  font-size: 10px; }

.u-font-11 {
  font-size: 11px; }

.u-font-12 {
  font-size: 12px; }

.u-font-13 {
  font-size: 13px; }

.u-font-14 {
  font-size: 14px; }

.u-font-15 {
  font-size: 15px; }

.u-font-16 {
  font-size: 16px; }

.u-font-17 {
  font-size: 17px; }

.u-font-18 {
  font-size: 18px; }

.u-font-19 {
  font-size: 19px; }

.u-font-20 {
  font-size: 20px; }

.u-font-21 {
  font-size: 21px; }

.u-font-22 {
  font-size: 22px; }

.u-font-23 {
  font-size: 23px; }

.u-font-24 {
  font-size: 24px; }

.u-font-25 {
  font-size: 25px; }

.u-font-26 {
  font-size: 26px; }

.u-font-27 {
  font-size: 27px; }

.u-font-28 {
  font-size: 28px; }

.u-font-29 {
  font-size: 29px; }

.u-font-30 {
  font-size: 30px; }

.u-font-31 {
  font-size: 31px; }

.u-font-32 {
  font-size: 32px; }

.u-font-33 {
  font-size: 33px; }

.u-font-34 {
  font-size: 34px; }

.u-font-35 {
  font-size: 35px; }

.u-font-36 {
  font-size: 36px; }

.u-font-37 {
  font-size: 37px; }

.u-font-38 {
  font-size: 38px; }

.u-font-39 {
  font-size: 39px; }

.u-font-40 {
  font-size: 40px; }

.u-font-41 {
  font-size: 41px; }

.u-font-42 {
  font-size: 42px; }

.u-font-43 {
  font-size: 43px; }

.u-font-44 {
  font-size: 44px; }

.u-font-45 {
  font-size: 45px; }

.u-font-46 {
  font-size: 46px; }

.u-font-47 {
  font-size: 47px; }

.u-font-48 {
  font-size: 48px; }

.u-font-49 {
  font-size: 49px; }

.u-font-50 {
  font-size: 50px; }

/* 文字省略号 一行/多行 */
.u-line-1 {
  width: 100%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* 多行不兼容ie,必须写个高度控制超出隐藏 */
.u-line-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }

.u-line-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; }

.u-line-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden; }

.u-line-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden; }

/* 文字对齐--left、right、center */
.u-text-left {
  text-align: left; }

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

.u-text-right {
  text-align: right; }

/* 内外边距 */
/* 上下左右 */
.u-m-5 {
  margin: 5px; }

.u-p-5 {
  padding: 5px; }

.u-m-10 {
  margin: 10px; }

.u-p-10 {
  padding: 10px; }

.u-m-15 {
  margin: 15px; }

.u-p-15 {
  padding: 15px; }

.u-m-20 {
  margin: 20px; }

.u-p-20 {
  padding: 20px; }

.u-m-l-2 {
  margin-left: 2px; }

.u-m-b-2 {
  margin-bottom: 2px; }

.u-m-r-2 {
  margin-right: 2px; }

.u-m-t-2 {
  margin-top: 2px; }

.u-p-l-2 {
  margin-left: 2px; }

.u-p-b-2 {
  margin-bottom: 2px; }

.u-p-r-2 {
  margin-right: 2px; }

.u-p-t-2 {
  margin-top: 2px; }

.u-m-l-5 {
  margin-left: 5px; }

.u-m-b-5 {
  margin-bottom: 5px; }

.u-m-r-5 {
  margin-right: 5px; }

.u-m-t-5 {
  margin-top: 5px; }

.u-p-l-5 {
  margin-left: 5px; }

.u-p-b-5 {
  margin-bottom: 5px; }

.u-p-r-5 {
  margin-right: 5px; }

.u-p-t-5 {
  margin-top: 5px; }

.u-m-l-8 {
  margin-left: 8px; }

.u-m-b-8 {
  margin-bottom: 8px; }

.u-m-r-8 {
  margin-right: 8px; }

.u-m-t-8 {
  margin-top: 8px; }

.u-p-l-8 {
  margin-left: 8px; }

.u-p-b-8 {
  margin-bottom: 8px; }

.u-p-r-8 {
  margin-right: 8px; }

.u-p-t-8 {
  margin-top: 8px; }

.u-m-l-10 {
  margin-left: 10px; }

.u-m-b-10 {
  margin-bottom: 10px; }

.u-m-r-10 {
  margin-right: 10px; }

.u-m-t-10 {
  margin-top: 10px; }

.u-p-l-10 {
  margin-left: 10px; }

.u-p-b-10 {
  margin-bottom: 10px; }

.u-p-r-10 {
  margin-right: 10px; }

.u-p-t-10 {
  margin-top: 10px; }

.u-m-l-12 {
  margin-left: 12px; }

.u-m-b-12 {
  margin-bottom: 12px; }

.u-m-r-12 {
  margin-right: 12px; }

.u-m-t-12 {
  margin-top: 12px; }

.u-p-l-12 {
  margin-left: 12px; }

.u-p-b-12 {
  margin-bottom: 12px; }

.u-p-r-12 {
  margin-right: 12px; }

.u-p-t-12 {
  margin-top: 12px; }

.u-m-l-15 {
  margin-left: 15px; }

.u-m-b-15 {
  margin-bottom: 15px; }

.u-m-r-15 {
  margin-right: 15px; }

.u-m-t-15 {
  margin-top: 15px; }

.u-p-l-15 {
  margin-left: 15px; }

.u-p-b-15 {
  margin-bottom: 15px; }

.u-p-r-15 {
  margin-right: 15px; }

.u-p-t-15 {
  margin-top: 15px; }

.u-m-l-16 {
  margin-left: 16px; }

.u-m-b-16 {
  margin-bottom: 16px; }

.u-m-r-16 {
  margin-right: 16px; }

.u-m-t-16 {
  margin-top: 16px; }

.u-p-l-16 {
  margin-left: 16px; }

.u-p-b-16 {
  margin-bottom: 16px; }

.u-p-r-16 {
  margin-right: 16px; }

.u-p-t-16 {
  margin-top: 16px; }

.u-m-l-20 {
  margin-left: 20px; }

.u-m-b-20 {
  margin-bottom: 20px; }

.u-m-r-20 {
  margin-right: 20px; }

.u-m-t-20 {
  margin-top: 20px; }

.u-p-l-20 {
  margin-left: 20px; }

.u-p-b-20 {
  margin-bottom: 20px; }

.u-p-r-20 {
  margin-right: 20px; }

.u-p-t-20 {
  margin-top: 20px; }

/* 公共样式--end */