/*
* @Author: lvdaofeng
* @Date:   2016-08-22 09:17:28
* @Last Modified by:   anchen
* @Last Modified time: 2016-08-23 14:53:49
*/
/* reset.css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}html{font-size: 12px;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}img,abbr,acronym,fieldset{border:0;}ul li{list-style-type:none;}a,label{cursor:pointer;}img{vertical-align:bottom;margin:0;padding:0;}a{text-decoration:none;outline: none;}.clearfix:after{content: "."; visibility: hidden; display: block; height: 0.1px; font-size:0.1em; line-height: 0; clear: both;}.clearfix {*zoom:1;}input ,textarea,select{outline: none;background-color: #F7F8FA;border: 0;}th{font-weight: 400;}
button{cursor: pointer;border:none;outline: none;}textarea{border: 1px solid #ccc;resize: none;outline: none;overflow: hidden;padding: 5px;}select{outline: none;}.text_overflow{overflow:hidden;white-space: nowrap;
    text-overflow: ellipsis;}
    select{
      background-color: #F7F8FA;
      border: 0;
      padding: 0 24px 0 12px;
      appearance:none;
      font-size: 14px;
      -moz-appearance:none;
      -webkit-appearance:none;
      background:#F7F8FA url(../img/select_down.png) no-repeat calc(100% - 12px);
      background-size: 12px 12px;

    }
    select::-ms-expand {
      display: none;
    }
    input {
      padding: 0 12px;
      background-color: #F7F8FA;
      font-size: 14px;
    }
    input::-webkit-input-placeholder { 
      font-size: 14px;
      color: #86909C;
    }
    
    input:-moz-placeholder { 
      font-size: 14px;
      color: #86909C;
    }
    
    input::-moz-placeholder { 
      font-size: 14px;
      color: #86909C;
    }
    
    input:-ms-input-placeholder { 
      font-size: 14px;
      color: #86909C;
    }

html {
    font-family: "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB","\5b8b\4f53",sans-serif;
    font-size:14px;
    color: #4E5969;
    background-color:#EEF0F4;
    -webkit-font-smoothing: antialiased; /*chrome、safari*/
    -moz-osx-font-smoothing: grayscale;/*firefox*/
}
.opacity {
    -moz-transition:opacity .6s; /* Firefox 4 */
    -webkit-transition:opacity .6s; /* Safari and Chrome */
    -o-transition:opacity .6s; /* Opera */
    -ms-transition:opacity .6s; /* Opera */
    transition:opacity .6s;
}
.opacity:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}
.hover-highColor:hover {
    color:#ff7500 !important;

}
.theme-color {
    color:#ff7500 !important;;
}
.text-over {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.btn,
.com-btn {
    background-color:#165DFF;
    color:#fff;
    border-radius:2px;
    text-align:center;
}
.com-one-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.com-two-overflow {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow:hidden;
}
.com-must {
    display: inline-block;
    margin-right: 3px;
    width: 11px;
    height: 8px;
    background: url(../img/icon-sup.png) 1px -169px;
}
.com-select-header {
    float: left;
    margin-top: 8px;
}
.com-select-con {
    float: left;
    width: 180px;
    height: 34px;
    margin-left: 10px;
    padding-left: 10px; 
}

/* 公共头部模块 */
.header {
    height: 60px;
    background: #FFFFFF;
}
.header .header-main {
    height:100%;
    margin: 0 auto;
    background:#FFFFFF;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    
}

.header .header-tip {
    
    color:#4E5969;
}
.header .user {
    color:#ff7500;
}
.header .back {
    float: right;
    color: #4E5969;
    width: 40px;
    height: 20px;
    padding-left: 20px;
    margin: -1px 0 0 25px;
    line-height: 19px;
    background: url(../img/icon2.png) no-repeat -8px -947px;
}


/* 公共侧边栏导航模块*/
.main {
    margin: 0 auto;
    background-color:#eaf5fb;
    overflow:hidden;
}
.main-sidebar {
    width:200px;
    background:#0E1726;
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 10;
}
.main-sidebar ul{
}
.main-sidebar .logo {
  padding: 20px 0 0 46px;
}
.main-sidebar .logo div {
    width:108px;
    height: 38px;
    background-size:cover;
    background-image:url(../img/logo-sudian.png);
}
.main-sidebar .nav {
    height:40px;
    margin: 0 4px 4px 4px;
    border-radius: 2px 2px 2px 2px;
    display: flex;
    align-items: center;
    position: relative;
}
.main-sidebar .nav.check {
    background: #165DFF;
}
.main-sidebar .nav.check a {
    color: #FFFFFF;
    
}
.main-sidebar .icon{
  font-size: 16px;
}
.main-sidebar .right{
  margin-right: 16px;
}

.main-sidebar .nav1 {
    background-position: 189px -415px;
    list-style-type: none;
}
.main-sidebar .nav a {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    padding-left: 12px;
    display: flex;
    align-items: center;
    width: 100%;
}
.main-sidebar .nav a span{
    margin-left: 16px;
    flex: 1;
    display: block;
}



/* 公共右边内容模块 */
.main-content {
    margin-right: 200px;
    background-color: #EEF0F4;
    padding: 20px 20px 0 20px;
    margin-left: 200px;
    width: calc(100% - 240px);
}
.user-address {
    height:20px;
    padding-left:31px;
    margin-bottom:17px;
    color:#1D2129;
    font-weight: bold;
    background: url(../img/icon-sup.png) no-repeat 0px -728px;
}

/* 公共分页模块 */
.index-page {
    padding-top:16px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.index-page .allNum {
  padding: 0 3px;
}
.index-page .now-page {
  padding: 0 3px;
}
.index-page .allPage {
  padding: 0 3px;
}
.index-page .index-target {
    width:25px;
    height:14px;
    line-height: 14px;
    padding:3px 5px;
    border-radius:2px;
    margin: 0 3px;
    vertical-align: middle;
}
.index-page .target {
    margin-right:30px;
    margin-left: 5px;
    color:#808080;
}
.index-page .page-main {
  display: flex;
  align-items: center;
}
}
.index-page .page-main li {
    display: none;
    float:left;
    width:32px;
    height:32px;
    text-align:center;
    line-height:32px;
    margin-right: 5px;
}
.index-page .page-main .block {
    display: block;
}
.index-page .page-main a {
    height:100%;
    color:#c0c0c0;
    display: flex;
    align-items: center;
    width: 32px;
    height: 32px;
    justify-content: center;
}
.index-page .page-main a:hover ,
.index-page .page-main .active {
    color:#165DFF;
    width: 32px;
    height: 32px;
    background: #E8F4FF;
    border-radius: 2px 2px 2px 2px;
    opacity: 1;
}
.index-page .page-main .unable-page {
    cursor: not-allowed;
    width: 8px;
    height: 9px;
}
.index-page .page-main .unable-page:hover {
    background-color: transparent;
    width: 8px;
    height: 9px;
}
.index-page .page-main .prev ,
.index-page .page-main .next {
    background-color: transparent !important;
    display: block;
    width: 8px !important;
    height: 9px !important;
    padding: 11px 14px 11px 15px;
}
.index-page .page-main .prev-i ,
.index-page .page-main .next-i {
    display:block;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 8px solid #c0c0c0;
    border-bottom: 6px solid transparent;
}
.index-page .page-main .next-i {
    border-top: 6px solid transparent;
    border-right: none;
    border-left: 8px solid #c0c0c0;
    border-bottom: 6px solid transparent;
}

/*表格渲染没有数据*/
.have-no-num {
    font-size: 16px;
    text-align: center;
}


input[type="number"]::-webkit-textfield-decoration-container {
    /*background-color: transparent;*/
}
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;	/* 有无看不出差别 */
}

/*公共弹框开始*/
.com-pop-box {
    display: none;
}
.com-pop-bg {
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0E1726;
    opacity: .2;
    filter: alpha(opacity=20);
}
.com-pop-main {
    position: fixed;
    z-index: 1001;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 600px;
    height: 600px;
    background: #fff;
    border-radius:6px;
}
.com-pop-header {
    padding-left: 10px;
    height: 18px;
    line-height: 18px;
    background: #eaf5fb;
    color: #4d4d4d;
    font-size: 13px;
    padding: 5px 10px;
    border-top-left-radius: 6px; 
    border-top-right-radius: 6px; 

}
.com-pop-header h2 {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}
.com-header-close {
    float: right;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    word-break: break-all;
    background: url(../img/icon-sup.png) no-repeat 0 -218px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.com-header-close:hover {
    transform: scale(1.2) rotate(360deg);
}
/*公共弹框结束*/