/* 主色调 */
/* 颜色变换 */
/* 字体颜色 */
/* 按钮颜色 */
/* 线条相关 */
/* 边距大小 */
/**
 * 初始化项目样式。
 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
body {
  background: #f8f8f8;
  color: #555;
  font-size: 14px;
  line-height:1.428;
  font-family:'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;
}
td,
th,
caption {
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
i,
b,
strong {
  font-style: normal;
  font-weight: normal;
}
a {
  color: #008ad2;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
img {
  border: none;
  vertical-align: middle;
}
ol,
ul,
li {
  list-style: none;
}
input,
textarea,
select,
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  vertical-align: middle;
  outline:none;
}
textarea {
  resize: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

input::-ms-clear, input::-ms-reveal{
  display: none;
}

.iconfont{display: inline-block; font-style: normal;  font-weight: 400;  font-variant: normal;  text-transform: none;  text-rendering: auto;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  vertical-align: middle;}

/*主题色*/
.ve_success{color:#19be6b;}/*成功*/
.ve_warning{color:#ff9900;}/*警示*/
.ve_error{color:#ed3f14;}/*错误/危险*/
.ve_title{color:#17233d;}/*主标题*/
.ve_content{color:#515a6e;}/*正文*/
.ve_subcolor{color:#808695;}/*辅助颜色*/
.ve_disabled{color:#c5c8ce;}/*失效或者禁止点击*/
.ve_border{color:#008ad2;}/*边框颜色*/
.ve_divider{color:#e8eaec;}/*分割线颜色*/



/* button开始*/
/*表单-按钮*/
/*表单-按钮*/
.btn{ /*主按钮，查询/保存/操作类*/
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 10px;
  min-width: 64px !important;
  border-radius:4px;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #008ad2;
  background-color: #008ad2;
  outline: none;
  text-align: center;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
}
.primary_btn {
  /*实线按钮 引导类操作，新增，编辑，导入、导出*/
  color: #008ad2;
  background-color: white;
  border: 1px solid #008ad2;
  cursor: pointer;
}
.cancel_btn {
  /*取消关闭灰色按钮*/
  background-color: #e3e3e3;
  border-color: #e3e3e3;
  color: #666666;
  cursor: pointer;
}

select{
  border: 1px solid #e6e6e7;
  color: #333;
  background: #fff;
  padding-left:7px;
  line-height: 32px;
  border: 1px solid #eee;
  border-radius: 4px;
  background-color: #fff;
    outline: none;
    height: 32px;
}
textarea{border: 1px solid #eee;color: #333;background: #fff;height:50px;}

/*button结束*/
/* 输入框 start */
input[type="text"] {
  outline: none;
  vertical-align: initial;
  display: inline-block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0px 7px;
  font-size: 14px !important;
  border: 1px solid #eee;
  border-radius: 4px;
  color: #515a6e;
  background-color: #fff;
  background-image: none;
  position: relative;
  cursor: text;
  outline: none;
  -webkit-transition: border 0.2s ease-in-out, background 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
}
input[type="text"]:hover,
input[type="text"]:focus {
  border-color: #008ad2;
}

input[type="radio"]{
  cursor:pointer;
}
input[type="checkbox"]{
  cursor:pointer;
}
/* 输入框end */
/* table start */
.ve-table {
  table-layout: fixed;
  width: inherit;
  height: 100%;
  max-width: 100%;
  /*overflow: hidden;*/
  color: #515a6e;
  font-size: 12px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.ve-table tr,
.ve-table th {
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.ve-table tr td,
.ve-table th td {
  min-width: 0;
  height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: middle;
  border-bottom: 1px solid #e8eaec;
}
.table_hover tr:hover,
.table_hover th:hover {
  background-color: #00add2;
}
.table_stripe tr:nth-child(odd),
.table_stripe th:nth-child(odd) {
  background: #ffffff;
}
.table_stripe tr:nth-child(even),
.table_stripe th:nth-child(even) {
  background: #f8f8f9;
}
/* table end */
.theme {
  color: #008ad2 !important;
}
.theme_low {
  color: #00add2 !important;
}
/* 主题色给精 start */
.theme_bg {
  background: #008ad2 !important;
}
.theme_bg_hover:hover {
  color: #ffffff;
  background: #008ad2 !important;
}
.theme_bg_low {
  background: #00add2 !important;
}
.theme_bg_low:hover {
  color: #ffffff;
  background: #00add2 !important;
}
/* 主题色背景 start */
.theme_border {
  border-color: #008ad2 !important;
}
.theme_bd_top {
  border-top-color: #008ad2 !important;
}
.theme_bd_bottom {
  border-bottom-color: #008ad2 !important;
}
.theme_bd_right {
  border-right-color: #008ad2 !important;
}
.theme_bd_left {
  border-left-color: #008ad2 !important;
}
.theme_border_hover:hover {
  border-color: #008ad2 !important;
}
.theme_bd_top_hover:hover {
  border-top-color: #008ad2 !important;
}
.theme_bd_bottom_hover:hover {
  border-bottom-color: #008ad2 !important;
}
.theme_bd_right_hover:hover {
  border-right-color: #008ad2 !important;
}
.theme_bd_left_hover:hover {
  border-left-color: #008ad2 !important;
}
/* 内边距start */
.pl_small {
  padding: 5px;
}
.pl {
  padding: 10px;
}
.pl_large {
  padding: 20px;
}
.pr_small {
  padding: 5px;
}
.pr {
  padding: 10px;
}
.pr_large {
  padding: 20px;
}
.pt_small {
  padding: 5px;
}
.pt {
  padding: 10px;
}
.pt_large {
  padding: 20px;
}
.pb_small {
  padding: 5px;
}
.pb {
  padding: 10px;
}
.pb_large {
  padding: 20px;
}
/* 内边距end */
/* 外边距start */
.ml_small {
  margin-left: 5px;
}
.ml {
  margin-left: 10px;
}
.ml_large {
  margin-left: 20px;
}
.mr_small {
  margin-right: 5px;
}
.mr {
  margin-right: 10px;
}
.mr_large {
  margin-right: 20px;
}
.mt_small {
  margin-top: 5px;
}
.mt {
  margin-top: 10px;
}
.mt_large {
  margin-top: 20px;
}
.mb_small {
  margin-bottom: 5px;
}
.mb {
  margin-bottom: 10px;
}
.mb_large {
  margin-bottom: 20px;
}
/* 外边距end */
/* 浮动相关 */
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {clear: both;padding:0;margin:0;}
.clear:after{display:block; visibility:hidden; clear:both; height:0; content:"."}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: block;
  *zoom: 1;
}
/* 浮动相关 */
/* 省略相关 */
.one-hidden {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*placeholder*/
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:#999999 !important;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#999999 !important;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#999999 !important;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#999999 !important;
}
/*tab切换*/
/*一级页签样式开始*/


.first_tab div a:hover:after,
.first_tab div span:hover:after{
  background-color: #008ad2 !important;
}
.first_tab div a:hover,
.first_tab div span:hover{
  color: #008ad2 !important;
}
.first_tab div a.current:after,
.first_tab div span.current:after{
  background-color:  #008ad2 !important;
}
.first_tab div a.current,
.first_tab div span.current{
  color: #008ad2 !important;
}
/*一级页签样式结束*/

/*二级页签样式开始*/
.second_tab{
  margin: 10px auto;
  height: 32px;
  overflow: hidden;
}
.second_tab a,
.second_tab span{
  display: inline-block;
  margin-right: 3px;
  padding: 5px 10px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e2e2e2;
  color: #333;
  font-size: 14px;
  width: auto!important;
}
.second_tab a.current,
.second_tab span.current{
  padding: 5px 10px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #008ad2 !important;
  color:#008ad2 !important;
  cursor: pointer;

}
.second_tab a:hover,
.second_tab span:hover{
  padding: 5px 10px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #008ad2 !important;
  color:#008ad2 !important;
}
/*二级页签样式结束*/

/*三级页签样式开始*/
.third_tab{
  position: relative;
  height: 44px;
  white-space: nowrap;
}
.third_tab:after{
  content: '';
  width: 100%;
  height: 0;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  position: absolute;
  bottom: 0px;
  left: 0;
}
.third_tab span,
.third_tab a{
  padding: 11px 0;
  font-size: 14px;
  color: #666;
  display: inline-block;
  margin-right: 40px;
  position: relative;
  cursor: pointer;

}
.third_tab a.current,
.third_tab span.current{
  color: #008ad2 !important;
  font-weight: bold;
  border-bottom: 2px solid;
}
.third_tab a:hover,
.third_tab span:hover{
  color: #008ad2 !important;
  font-weight: bold;
  border-bottom: 2px solid;
}
/*三级页签样式结束*/


/*订单表格展示*/
.table-list{
  width: 100%;
  border: 1px solid #e6e6e6;
}
.table-list>tbody>tr>th{
  background-color: #f2f2f2;
  border:1px solid #e6e6e6;
  /*border-right:0;*/
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  padding: 15px;
}
.table-list>tbody>tr>td{
  border:1px solid #e6e6e6;
  text-align: left;
  border-left:0;
  vertical-align: middle;
  padding: 15px;
  font-size: 14px;
  background: #fff;
}
/*滚动条样式*/
/*---滚动条默认显示样式--*/
::-webkit-scrollbar-thumb{
    background-color:#eee;
    height:50px;
    outline-offset:-2px;
    outline:2px solid #fff;
    -webkit-border-radius:4px;
    border: 2px solid #fff;
}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{
    background-color:#999;
    height:50px;
    -webkit-border-radius:4px;
}
/*---滚动条大小--*/
::-webkit-scrollbar{
    width:12px;
    height:12px;
}
/*---滚动框背景样式--*/
::-webkit-scrollbar-track-piece{
    background-color:#fff;
    -webkit-border-radius:0;
}
html,body,html * {
    scrollbar-face-color:#eee; /*滚动条3D表面（ThreedFace）的颜色*/
    scrollbar-highlight-color:#fff; /*滚动条3D界面的亮边（ThreedHighlight）颜色*/
    scrollbar-shadow-color:#eeeeee; /*滚动条3D界面的暗边（ThreedShadow）颜色*/
    scrollbar-3dlight-color:#eeeeee; /*滚动条亮边框颜色*/
    scrollbar-arrow-color:#333; /*滚动条方向箭头的颜色 */
    scrollbar-track-color:#fff; /*滚动条的拖动区域(TrackBar)颜色*/
    scrollbar-darkshadow-color:#fff; /*滚动条暗边框（ThreedDarkShadow）颜色*/ }