/* desgin by loklokou@qq.com
/*==== reset =========*/
@font-face {
    font-family: 'FontAwesome';
    src: url('/public/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('/public/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/public/font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/public/font/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/public/font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/public/font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2,
h3, h4, h5, h6, pre, form, fieldset, input,
textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img {
    border: 0;
}
address, caption, cite, code, dfn, em, th, var {
    font-weight: normal;
    font-style: normal;
}
ol, ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before, q:after {
    content: '';
}
abbr, acronym {
    border: 0;
}
i,em{ font-style:normal;}

a {
    text-decoration: none;
}
body {
    font-size: 12px;
    font-family:PingFangSC, Arial, Microsoft YaHei;
    color:#333;
    background-color:#fff;
}
/*==== class =========*/
.clear_float { clear: both; float: none; height:0; line-height:0; overflow:hidden;}
.clear_float_15 { clear: both; float: none; height:15px; line-height:0; overflow:hidden;}
/* display */
.show{display:block;}
.hidden{display:none;}

/* text-align */
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}

/* float */
.fl{float:left;}
.fr{float:right;}
.mc{ margin-left:auto; margin-right:auto;}

.mat10 { margin-top:10px;}
.mat50 { margin-top:50px;}
.pd10{ padding:10px;}

/*==== web reset =========*/
a { color:#333;}
a:hover{ color:#ffae14;}

.rd05,.btnText{
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
}

.rd10{
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
}

.rd50{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
}
.highcharts-credits{ display: none;}
.upper{ text-transform: uppercase;}
/* 颜色参数 */
.bg0{ background-color: #ffffff;}
.bg1{ background-color: #3dbaba;}
.bg2{ background-color: #f06359;}
.bg3{ background-color: #f2c530;}
.bg4{ background-color: #3c8cd7;}

.s1{ border: 1px solid #3c8cd7; background-color: #3c8cd7; color: #fff;}
.s2{ border: 1px solid #3c8cd7; background-color: #fff; color: #3c8cd7;}
.s3{ border: 1px solid #ff7519; background-color: #ff7519; color: #fff;}
.s4{ border: 1px solid #ff7519; background-color: #fff; color: #ff7519;}
.s5{ border: 1px solid #399d9c; background-color: #399d9c; color: #fff;}
.btnText{ padding:0 10px; line-height: 30px; font-size: 13px;}
.box-shadow{-webkit-box-shadow:0 1px 3px #e5e5e5;
    -moz-box-shadow:0 1px 3px #e5e5e5;
    box-shadow:0 1px 3px #e5e5e5; }
#new_msg{ color: #fff; font-size: 14px; padding: 15px; position:fixed; z-index: 199; background-color: rgba(0,0,0,0.7); text-align: center; left: 50%; top: 45%; width: 300px; margin-left: -150px;}
.showDateForSent{ padding: 10px; height: 30px; font-size: 14px; line-height: 22px;}
.showDateForSent .textInput{ margin: 0 10px; height: 30px; font-size: 14px; line-height: 22px;}
#downloader{ z-index:1000; color: #fff; text-align: center; font-size: 14px; padding: 15px; position:fixed; background-color: rgba(0,0,0,0.7); left: 50%; top: 45%; width: 300px; margin-left: -150px;}
#downloader a{ color: yellow; line-height: 20px; padding: 5px 0;}
#downloader p{ text-align: center;}
#downloader button{ background-color:#3c8cd7; color: #fff; border: 0; height: 35px; line-height: 35px; padding:0 5px; margin-top: 10px;}
select {padding: 5px 25px 5px 5px;border: 1px solid #e0e0e0; border-radius: 5px; background-color: #fff;font-family: 'Helvetica', 'Arial', sans-serif;font-size: 14px;color: #333; appearance: none; -webkit-appearance: none; -moz-appearance: none;cursor: pointer;transition: border-color 0.3s ease;}
select::-ms-expand { display: none; }
select:after { content: '▾'; }
select {background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat: no-repeat;background-position: right 10px center;background-size: 16px;}
select:hover {border-color: #999;}
select:focus {border-color: #007bff; outline: none; box-shadow: 0 0 0 2px rgba(0,123,255,0.25);}
select option {padding: 10px;background: #fff;color: #333;}
select:disabled {background-color: #f8f9fa;color: #6c757d;cursor: not-allowed;}