/*标签样式重置*/
*{
  box-sizing: border-box;
  margin:0px;
  padding:0px;
}
body{
  font-size: 14px;
  font-family: "PingFang SC","Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

input[type='text']::-webkit-input-placeholder{color:#999999}
input[type='text']::-moz-placeholder{color:#999999}
input[type='text']:-moz-placeholder{color:#999999}
input[type='text']:-ms-input-placeholder{color:#999999}/*IE10+*/

/*公共背景颜色*/
.bgf8f8f8{background-color: #f8f8f8;}

/* 公共字体颜色 */

/*公共按钮样式*/


/*公共布局样式*/
.com-full-screen{/*相对于屏幕定位 铺满全屏*/
  position: fixed;
  top:0px;
  right: 0px;
  bottom: 0px;
  left:0px;
}
.com-position-center{/*使用绝对定位居中*/
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
}

.row-h{
  overflow: hidden;
  width:100%;
  padding:10px 10px 0px 10px;
}
.col-h-sm1,.col-h-md1,.col-h-lg1,
.col-h-sm2,.col-h-md2,.col-h-lg2,
.col-h-sm3,.col-h-md3,.col-h-lg3,
.col-h-sm4,.col-h-md4,.col-h-lg4,
.col-h-sm5,.col-h-md5,.col-h-lg5,
.col-h-sm6,.col-h-md6,.col-h-lg6,
.col-h-sm7,.col-h-md7,.col-h-lg7,
.col-h-sm8,.col-h-md8,.col-h-lg8,
.col-h-sm9,.col-h-md9,.col-h-lg9,
.col-h-sm10,.col-h-md10,.col-h-lg10,
.col-h-sm11,.col-h-md11,.col-h-lg11,
.col-h-sm12,.col-h-md12,.col-h-lg12,
.col-h-sm13,.col-h-md13,.col-h-lg13,
.col-h-sm14,.col-h-md14,.col-h-lg14,
.col-h-sm15,.col-h-md15,.col-h-lg15,
.col-h-sm16,.col-h-md16,.col-h-lg16,
.col-h-sm17,.col-h-md17,.col-h-lg17,
.col-h-sm18,.col-h-md18,.col-h-lg18,
.col-h-sm19,.col-h-md19,.col-h-lg19,
.col-h-sm20,.col-h-md20,.col-h-lg20,
.col-h-sm21,.col-h-md21,.col-h-lg21,
.col-h-sm22,.col-h-md22,.col-h-lg22,
.col-h-sm23,.col-h-md23,.col-h-lg23,
.col-h-sm24,.col-h-md24,.col-h-lg24{
  float: left;
}

/* 小型设备（平板电脑，768px 起） */
@media screen and (min-width: 768px) {
  .col-h-sm1{ width:4.16666667%;}
  .col-h-sm2{ width:8.33333334%;}
  .col-h-sm3{ width:12.50000001%;}
  .col-h-sm4{ width:16.66666668%;}
  .col-h-sm5{ width:20.83333335%;}
  .col-h-sm6{ width:25.00000002%;}
  .col-h-sm7{ width:29.16666669%;}
  .col-h-sm8{ width:33.33333336%;}
  .col-h-sm9{ width:37.50000003%;}
  .col-h-sm10{ width:41.66666670%;}
  .col-h-sm11{ width:45.83333337%;}
  .col-h-sm12{ width:50.00000004%;}
  .col-h-sm13{ width:54.16666671%;}
  .col-h-sm14{ width:58.33333338%;}
  .col-h-sm15{ width:62.50000005%;}
  .col-h-sm16{ width:66.66666672%;}
  .col-h-sm17{ width:70.8333333%;}
  .col-h-sm18{ width:75.00000006%;}
  .col-h-sm19{ width:79.16666673%;}
  .col-h-sm20{ width:83.33333340%;}
  .col-h-sm21{ width:87.50000007%;}
  .col-h-sm22{ width:91.66666674%;}
  .col-h-sm23{ width:95.83333341%;}
  .col-h-sm24{ width:100%;}
}

/* 中型设备（台式电脑，992px 起） */
@media screen and (min-width: 992px) {
  .col-h-md1{ width:4.16666667%;}
  .col-h-md2{ width:8.33333334%;}
  .col-h-md3{ width:12.50000001%;}
  .col-h-md4{ width:16.66666668%;}
  .col-h-md5{ width:20.83333335%;}
  .col-h-md6{ width:25.00000002%;}
  .col-h-md7{ width:29.16666669%;}
  .col-h-md8{ width:33.33333336%;}
  .col-h-md9{ width:37.50000003%;}
  .col-h-md10{ width:41.66666670%;}
  .col-h-md11{ width:45.83333337%;}
  .col-h-md12{ width:50.00000004%;}
  .col-h-md13{ width:54.16666671%;}
  .col-h-md14{ width:58.33333338%;}
  .col-h-md15{ width:62.50000005%;}
  .col-h-md16{ width:66.66666672%;}
  .col-h-md17{ width:70.8333333%;}
  .col-h-md18{ width:75.00000006%;}
  .col-h-md19{ width:79.16666673%;}
  .col-h-md20{ width:83.33333340%;}
  .col-h-md21{ width:87.50000007%;}
  .col-h-md22{ width:91.66666674%;}
  .col-h-md23{ width:95.83333341%;}
  .col-h-md24{ width:100%;}
}

/* 大型设备（大台式电脑，1200px 起） */
@media screen and (min-width: 1200px) {
  .col-h-lg1{ width:4.16666667%;}
  .col-h-lg2{ width:8.33333334%;}
  .col-h-lg3{ width:12.50000001%;}
  .col-h-lg4{ width:16.66666668%;}
  .col-h-lg5{ width:20.83333335%;}
  .col-h-lg6{ width:25.00000002%;}
  .col-h-lg7{ width:29.16666669%;}
  .col-h-lg8{ width:33.33333336%;}
  .col-h-lg9{ width:37.50000003%;}
  .col-h-lg10{ width:41.66666670%;}
  .col-h-lg11{ width:45.83333337%;}
  .col-h-lg12{ width:50.00000004%;}
  .col-h-lg13{ width:54.16666671%;}
  .col-h-lg14{ width:58.33333338%;}
  .col-h-lg15{ width:62.50000005%;}
  .col-h-lg16{ width:66.66666672%;}
  .col-h-lg17{ width:70.8333333%;}
  .col-h-lg18{ width:75.00000006%;}
  .col-h-lg19{ width:79.16666673%;}
  .col-h-lg20{ width:83.33333340%;}
  .col-h-lg21{ width:87.50000007%;}
  .col-h-lg22{ width:91.66666674%;}
  .col-h-lg23{ width:95.83333341%;}
  .col-h-lg24{ width:100%;}
}

.col-h-main{
  width:100%;
  padding:10px;
}

/*内容为空时的占位内容*/
.com-null-wrap{
  width: 100%;
  margin: auto;
  padding-top:3%;
  padding-bottom: 30px;
  text-align: center;
}
.com-null-wrap img{
  width: 120px;
}
.com-null-wrap p{
  line-height: 32px;
  color:#999999;
}


/*layui样式覆盖*/

/*layui-按钮*/
.layui-btn{
  /*background-color:#4c89ee;*/
  /*border-radius: 3px;*/
}