html{font-size:100%;}
html,body{width: 100%;height: 100%;position: relative;}
*{margin: 0;padding: 0;font-family: helvetica, Arial,"PingFang SC","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu","PingFang SC";word-wrap:break-word;}
body {background: #f5f8fd;margin: 0;padding: 0;min-width: 1200px;}
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,label{margin:0px;padding:0px;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;margin: 0;}
i,em{font-style: normal;}
section, article, aside, header, footer, nav, dialog, figure {display: block;}
a{text-decoration:none;outline: medium none;color: inherit;}
a:hover{text-decoration:none;}
ul,ol,li{list-style:none;box-sizing: border-box;}
input, button, select, textarea{outline: none;background:none;border: 0 none;-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family: helvetica, Arial,"PingFang SC","Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","MingLiu","PingFang SC";word-wrap:break-word;}
input::placeholder ,textarea::placeholder{color: #CCCCCC;font-weight: initial;}
table{border-collapse: collapse;border-color: #EEEEEE;}
.fb{font-weight: bold;}
.fr{float: right;}
.clear{clear:both;overflow: hidden;}

/*修改滚动条样式*/
body::-webkit-scrollbar{width:5px;height:5px;}
body::-webkit-scrollbar-track{background: #efefef;}
body::-webkit-scrollbar-thumb{background: #bfbfbf;}
body::-webkit-scrollbar-corner{background: #333;}
textarea::-webkit-scrollbar{width:8px;}
textarea::-webkit-scrollbar-thumb{background: #DDDDDD;border-radius: 4px;}
textarea::-webkit-scrollbar-track{background: #F2F2F2;border-radius: 4px;}
.auto_scrollbar::-webkit-scrollbar{width:4px;}
.auto_scrollbar::-webkit-scrollbar-thumb{background: #DDDDDD;border-radius: 4px;}
.auto_scrollbar::-webkit-scrollbar-track{background: #F2F2F2;border-radius: 4px;}
/*单选多选
<label class="la">
	<div class="chkbox">
		<input class="ckb" type="checkbox" />
		<span class="sp"><i class="iconfont icon-gouxuan"></i></span>
	</div>
	text
</label>
*/
.flex{
  display: flex;
}
.flex-c{
  display: flex;
  align-items: center;
}
.flex-cc{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-cb{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-sb{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.flex-ca{
  display: flex;
  align-items: center;
  justify-content: space-around;
}
:root {
  font-size: 14px;
  color: #212121;
  font-family: '微软雅黑', 'PingFangSC-Regular', Helvetica, monospace;
}
.content {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.1);
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.1);
}
.main-content{
  width: 1200px;
  margin: 0 auto;
  position: relative;
  flex: 1;
}
.btn {
    cursor: pointer;
    border: none;
    outline: 0;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    padding: 0 10px;
    display: inline-block;
}
.btn-main {
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: linear-gradient(180deg,#0080FF 0,#0080FF 100%);
}
.btn-sm {
    line-height: 25px;
    height: 25px;
}
.wrap{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  }