/* 预定义公用元素样式 */
*{font-family: 'Microsoft Yahei';padding: 0;margin: 0;box-sizing: border-box;}
a,input,select,textarea,button{outline: none;text-decoration: none;}
html,body{font-size: 14px; color: #2f2f2f; width: 100%;height: 100%;overflow: hidden;position: relative;}
a,input,select,textarea,button{outline: none;text-decoration: none;margin-bottom: 0;}
ul,ol,li{ list-style: none;}
input[type='text'],
input[type='password'],
select{border: #ccc solid 1px; height: 38px; border-radius: 4px; line-height: 28px;padding: 0 5px;width: 100%;}
button{width: auto;height: 38px !important; border-radius: 4px !important;line-height: 38px !important;}
input[type='radio'],
input[type='checkbox']{ width: 15px; height: 15px; vertical-align: -3px; cursor: pointer;}
input[disabled],
button[disabled],
select[disabled],
textarea[disabled]{cursor: not-allowed !important;background-color: #eff4ff;color: #999;border-color: #eee !important; }
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {color: #b6b6b6;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
textarea{border: #ccc solid 1px !important;padding: 5px;border-radius: 4px !important;}
button{ height: 30px; border: none; background: none; cursor: pointer;}
.white_btn {background: #fff;color: #28d1a1;border: 1px solid #28d1a1;}
.white_btn:hover{color: #28d1a1;}
label{ cursor: pointer; }
a{color: #2f2f2f;}
i{ font-style: normal; }
table{ border-collapse: collapse;}
img{border: none; }
[data-tips-image]{cursor:zoom-in!important;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:#eff4ff;}
::-webkit-scrollbar-thumb{background-color:#d1dfff;border-radius: 4px;}

.left{float: left !important; }    
.right{float: right !important; }
.rel{position: relative;}
.none{display: none !important;}
.clear{clear: both;}
.clearfix{*zoom:1;}
.clearfix:after {content:"\200B";display:block;height:0;clear:both;}

.pos_re{position: relative;}
.pos_ab{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}

/*颜色*/
.blue{color: #3571FF;}
.red{color: #ff0000;}
.white{color: #fff;}
.orange{color: #ffae00;}
.b8{color: #b8b8b8;}

/*背景颜色*/
.blue-bg{background-color: #3571FF;}
.white-bg{background-color: #fff;}
.gray-bg{background-color: #a7a7a7 !important;}

/*行高*/
.lh25{line-height: 25px;}
.lh30{line-height: 30px;}
.lh40{line-height: 40px;}

/*文本对齐*/
.tal{text-align: left!important;}
.tac{text-align: center!important;}
.tar{text-align: right!important;}

/*外边距*/
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}

.mb10{ margin-bottom: 10px }
.mb20{ margin-bottom: 20px }
.mb30{ margin-bottom: 30px }
.mb40{ margin-bottom: 40px }

.ml10{ margin-left: 10px }
.ml20{ margin-left: 20px }
.ml30{ margin-left: 30px }
.ml40{ margin-left: 40px }

.mr10{ margin-right: 10px }
.mr20{ margin-right: 20px }
.mr30{ margin-right: 30px }
.mr40{ margin-right: 40px }