body{ background: #eff0f4; font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimHei,WenQuanYi Micro Hei,sans-serif; font-size: 12px; color: #101d37;}
html,body{ height: 100%;}
*{ padding: 0; margin: 0; outline:none;}
*,::after,::before{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
ul, ol, dl{ margin: 0; list-style: none;}
img{ display: inline-block; vertical-align: middle;}
a,a:hover{ text-decoration: none; cursor: pointer;}
input,textarea{ font-family:"Microsoft Yahei;"; }
.form-group{ margin-bottom: 20px;}
.form-control{ line-height: 16px;font-size: 12px;padding: 4px 10px;border: 1px solid #e0e6ed;box-sizing: border-box;color: #383838;}
.form-control.form-inline{ display: inline-block;}
textarea.form-control{ resize: none;}
.form-control:focus{ outline:none;box-shadow:none; border-color:#04bd88; color: #383838;}
.form-control::-webkit-input-placeholder{color:#999;opacity:1}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999;opacity:1}
.form-control::-ms-input-placeholder{color:#999;opacity:1}
.form-control::placeholder{color:#999;opacity:1}
.form-control[disabled]{ background: #f5f5f5; border-color: transparent !important;}
svg {display:block}
p{ margin-bottom: 0;}
em{ font-style: normal;}
.text-overflow{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.scroll::-webkit-scrollbar-track{background-color:transparent;}
.scroll::-webkit-scrollbar{width:6px;height:6px;background-color:transparent;}
.scroll::-webkit-scrollbar-corner{ background: transparent;}
.scroll::-webkit-scrollbar-thumb{ background-color: #dfdfe3;border-radius: 999rem;}
.scroll::-webkit-scrollbar-thumb:hover{background: #d5d6d8;}
/*清除浮动*/
.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.pull-left{ float: left;}
.pull-right{ float: right;}

.text-left{ text-align: left;}
.text-center{ text-align: center;}
.text-right{ text-align: right;}

.text-base{ font-size: 14px;}
.text-sm{ font-size: 12px;}

.inline{ display: inline-block !important;}
.block{ display: block !important;}

/* 颜色 */
.text-gray{color:#d8d8d8;}
.text-white{color:#fff;}
.text-blue{color:#3568ff;}
.text-green{color:#04bd88;}
.text-yellow{color:#f5a212;}
.text-red{color:#ed4014;}
.text-black{color:#2d2d2d}
.text-pink{ color: #e7325b !important;}
.text-black65{ color: rgba(0,0,0,.65);}
.text-black45{ color: rgba(0,0,0,.45);}
a.text-blue:hover{ color: #3796c9;}
a.text-red:hover{color:#d04a3c;}
a.text-yellow:hover{color:#f39b03;}

/*鼠标手势*/
.curp{cursor: pointer;}
.curm{cursor: move;}
.curd{cursor: default;}

.w-xxs{width: 60px;}
.w-xs{width: 90px;}
.w-s{width: 110px;}
.w-s3{width: 130px;}
.w-sm{width: 150px;}
.w{width: 200px;}
.w-md{width: 240px;}
.w-lg{width: 280px;}
.w-xl{width: 320px;}
.w-xxl{width: 360px;}
.w-xxxl{width: 460px;}
.w-full{width: 100%;}
.w60{ width: 60px;}
.w70{ width: 70px;}
.w80{ width: 80px;}
.w90{ width: 90px;}
.w100{ width: 100px;}
.w120{ width: 120px;}
.w140{ width: 140px;}
.w200{ width: 200px;}
.w220{ width: 220px;}
.w240{ width: 240px;}
.w300{ width: 300px;}
.w350{ width: 350px;}
.w400{ width: 400px;}
.w420{ width: 420px;}
.w450{ width: 450px;}
.w500{ width: 500px;}
.w550{ width: 550px;}
.w600{ width: 600px;}
.w650{ width: 650px;}
.w700{ width: 700px;}
.w760{ width: 760px;}
.w800{ width: 800px;}
.m-t-xs{ margin-top:5px;}
.m-t-sm{ margin-top:10px;}
.m-t{ margin-top:15px;}
.m-t-md{ margin-top:20px;}
.m-t-lg{ margin-top:30px;}
.m-b-sm{ margin-bottom:10px;}
.m-l-sm{ margin-left: 10px;}
.m-l{ margin-left: 15px;}
.m-l-md{ margin-left: 20px;}
.m-r-xs{ margin-right: 5px;}
.m-r-sm{ margin-right: 10px;}
.m-r{ margin-right: 15px;}
.m-r-md{ margin-right: 20px;}
.wrapper-sm{ padding:10px;}
.wrapper-s{padding: 15px;}
.wrapper-md{ padding: 20px;}

/* btn */
.btn{ height: 40px; line-height: 38px; display: inline-block; border-radius: 3px; border: 1px solid #04bd88; padding: 0 15px; cursor: pointer; text-align: center; }
.btn.block{ display: block; width: 100%;}
.btn.sm{ height: 30px; line-height: 28px;}
.btn .icon{ margin-right: 6px; display: inline-block; vertical-align: middle; margin-top: -2px;}
.btn.round{ border-radius: 999rem;}
.btn-primary{ background: #04bd88; border-color: #04bd88; color: #fff;}
.btn-primary:hover{background: #04cb94; border-color: #04cb94; color: #fff;}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle,.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{background: #008d53; border-color: #008d53;}
.btn-outline-primary{ border: 1px solid #04bd88; color: #009f5d; background: transparent;}
.btn-outline-primary:hover{ color: #04bd88;}
.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle,.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{background: transparent; border-color: #008d53;}
/* .btn-primary.focus,.btn-primary:focus{box-shadow:0 0 24px rgba(24,77,110,.2), 0 0 24px rgba(36,175,255,.2);} */
.btn-default{ border:1px solid #e0e0e0; color: #333; background: transparent;}
.btn-default:hover{border-color: #81dec3; color: #04bd88; background: #f2fcf9;}
.btn-default:not(:disabled):not(.disabled).active,.btn-default:not(:disabled):not(.disabled):active,.show>.btn-default.dropdown-toggle{background: #666; border-color: #666; color: #fff;}
.btn-green{ background: #38a86f; border-color: #38a86f; color: #fff;}
.btn-green:hover{ background: #64b88d; border-color: #64b88d; color: #fff;}
.btn-red{ background: #fb0d00; border-color: #fb0d00; color: #fff;}
.btn-red:hover{ background: #e20c00; border-color: #e20c00; color: #fff;}
.btn-text{ color: #787878; border-color: transparent; background: transparent;}
.btn-text:hover{ color: #333;}

/* 单选/多选按钮组件 */
.i-checks{ display: inline-block; position: relative; margin-bottom: 0; color: #333; font-size: 12px; line-height: 18px; padding-left: 18px; cursor: pointer;}
.i-checks input{ opacity: 0; position: absolute; left: 0; top: 0;}
.i-checks i { position: absolute; display: block; width: 12px; height: 12px; font-size: 12px; border: 1px solid #ccc; left: 0; top: 50%; margin-top: -7px; border-radius:2px; text-align: center; line-height: 12px; color: transparent; box-sizing: content-box;}
.i-checks:hover i{border: 1px solid #999;color: transparent;}
.i-checks input[type="checkbox"]:checked + i{border: 1px solid #04bd88; color: #fff;background-color: #04bd88;}
.i-checks input[type="radio"] + i { border-radius: 999rem;}
.i-checks input[type="radio"]:checked + i{color: #fff; background: #04bd88; border-color: #04bd88;}
.i-checks input[type="radio"][disabled]:checked + i{ opacity: .5; }
.i-checks input[type="radio"][disabled] + i{ opacity: .5;}

/* table */
.table{ width: 100%; border-collapse: collapse;}
.table thead tr th,.table tbody tr th{ background: #F5F8FC; font-size: 12px; color: #1f2d3d; height: 40px; padding: 4px 10px; text-align: left;}
.table th .i-checks,.table td .i-checks{ vertical-align: middle; }
.table tbody tr td{border-bottom: 1px solid #eaeff0; color: #484848; height: 40px; padding: 4px 10px;}
.table tbody tr td a{ color: #04bd88; margin: 0 8px;}
.table tbody tr td a:first-child{margin-left: 0;}
.table tbody tr td a:hover{ text-decoration: underline;}
.table tbody tr td a.btn-primary{ color: #fff;}