*{font:14px "微软雅黑";}
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: #eeeeee;
}
*/

/* IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 */
::-ms-clear, ::-ms-reveal{display: none;}
/*end*/
textarea,select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border-radius: 6px!important;
    color: #a9a9a9;
    background-color: #fff;
    border: 1px solid #d5d5d5;
    padding: 5px 4px;
    line-height: 1.55;
    font-size: 12px;
    font-family: inherit;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
    }
input:focus,textarea:focus,select:focus {
    color: black;
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;    /* IE6-9 */  
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>th{
    padding:0;
    height: 44px;
    vertical-align:middle;
	min-width:60px;
}
.table>tbody>tr>td, .table>tfoot>tr>td,.table>thead>tr>td{
    padding:0px 4px;
    vertical-align:middle;
    text-align: center;
    height: 46px;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border-bottom: 0px;
    background: #e1f4f9;
    text-align: center;
    
}

.table>tbody>tr>td.lfshow{
    padding-left:20px;
    text-align: left; 
    max-width: 700px;
    line-height: 24px !important;
}
.show4{
    display: inline-block;
    white-space: nowrap;
    width: 68px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;     
}
.show10{
    display: inline-block;
    white-space: nowrap;
    width: 152px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;     
}
.time2h{
    width: 90px;
    padding: 0 6px;
    display: inline-block;
    white-space: normal;
}
.table>tbody>tr>td.td_width_yi{
    width: 5%;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table>tbody>tr>td.td_width_er{
    width: 10%;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table>tbody>tr>td.td_width_san{
    width: 10%;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table>tbody>tr>td.td_width_wu{
    width: 8%;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table>tbody>tr>td.td_width_liu{
    width: 7%;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table>tbody>tr>td.td_width_qi{
    width: 7%;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table>tbody>tr>td.td_width{
    width: 40%;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}	
th{
    text-align: center;
}
.table>tbody+tbody {
    border-top: 0px solid #ddd !important;
}
/*thead 排序*/
table>thead a,table>thead a:hover{
    color: #333;
    margin: 0 6px;
    display: inline-block;
}
.table>tbody>tr>td.td_width {
    max-width: 300px;
    min-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table>tbody>tr>td.td_width_200 {
    max-width: 400px;
    min-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*
td:hover{
    color: #02a4ef;
}
*/
ul,li{
    list-style: none;
}
a{
	color:#02a4ef;
}

a:hover{    
    color: #02a4ef;
}

a:hover,a:link,a:visited{
    text-decoration: none;
}
/*padding*/
.padding_10{
    padding: 10px;
}


.padding_l10{
    padding-left: 10px;
}
.padding_l20b10{
    padding-left: 20px;
    padding-bottom: 10px;
}
/*padding*/

/*color*/
.icon-angle-right{
	color:#7f7f7f;
}
.gray{
   color:#7f7f7f; 
}
.red{
    color: #FF0000;
}

.green{
   color: #45d8a7;
}
.purple{
    color: #644aff;
}

/*color*/

.va_2{
    vertical-align: -2px;
}
/*
.btnlist{
    margin-top: 4px;
}
*/
.mt{
   margin-top: 15px!important;
}
.width-80{
    width: 80px;

}
.btn{
    padding: 2px 6px;
    background: #fff;
}
.add-btn{
    color: #7bbae5;
    border: 1px solid #7bbae5;
    background: #fff;
}
.add-btn:hover{
    color: #fff;
    background: #7bbae5;
}
.new-btn{
    color: #7bbae5;
    border: 1px solid #7bbae5;
}
.new-btn:hover{
    color: #FFF;
    background-color: #7bbae5;
}
.del-btn{
    color: #7bbae5;
    border: 1px solid #7bbae5;
}
.del-btn:hover{
    color: #fff;
    background: #7bbae5;
}
.abolish-htn{
    color: #fff;
    background: #7bbae5;
}
.stamp-btn{
    color: #7bbae5;
    border: 1px solid #7bbae5;
    background: #fff;
}
.stamp-btn:hover{
    color: #FFF;
    background: #7bbae5;
}
.modify-btn{
    color: #7bbae5;
    border: 1px solid #7bbae5;
}
.modify-btn:hover{
    color: #fff;
    background: #7bbae5;
}
.approve-btn{
    color: #7bbae5;
    border: 1px solid #7bbae5;
}
.approve-btn:hover{
    color: #fff;
    background: #7bbae5;
}
.down-btn{
    color: #7bbae5;
    border: 1px solid #7bbae5;
}
.down-btn:hover{
    color: #fff;
    background: #7bbae5;
}
.deliver-btn{
    color: #7bbae5;
    border: 1px solid #7bbae5;
}
.deliver-btn:hover{
    color: #fff;
    background: #7bbae5;
}
.storage-btn{
    color: #7bbae5;
    border: 1px solid #7bbae5;
}
.storage-btn:hover{
    color: #fff;
    background: #7bbae5;
}
.info-btn{
    color: #7bbae5;
    border: 1px solid #7bbae5;
}
.info-btn:hover{
    color: #fff;
    background: #7bbae5;
}
.cancel-btn,.cancel-btn:hover{
    color: #7bbae5;
    background: #fff;
    border: 1px solid #7bbae5;
}
.confirm-btnno {
    color: #fff;
    background: #CCCCCC;
    border: 1px solid #CCCCCC;
}
.confirm-btn,.confirm-btn:hover{
    color: #fff;
    background: #7bbae5;
}
.review-btn{
    color: #7bbae5;
    border:1px solid #7bbae5;
}
.review-btn:hover{
    color: #fff;
    background:#7bbae5; 
}
/*header*/
.header, .content{   
    min-width: 1195px;
}
.header{
    width: 100%;
    min-width: 1195px;
    height: 70px;
    background: #fff;
    padding-right: 20px;
    vertical-align: middle;
}
.logo{
    margin-top: 10px;
    margin-right: 80px;
    margin-left: 6px;
}
.header .nav ul li{
    float: left;
    margin: 0 14px;
    position: relative;
    list-style: none;
}
.nav li a{
    line-height: 68px;
    font-size: 16px;
    float: left;
    color: #333;
	padding:0 6px;
}
.nav ul> .active > a, .nav ul > .active > a:hover ,.nav a:hover{
    color:  #02a4ef !important;
    background-color: transparent;
    border-bottom: 2px solid #02a4ef;
    line-height: 68px;
    margin-bottom: 0px;
    transition-timing-function: ease;
}
.admin a {
    display: inline-block;
    color: #323232;
    padding: 26px 0;
    margin-right: 5px;
    
}
.admin i{
    color: #02a4ef;
    padding-right: 2px;
}
/*header end*/

/*current*/
.current{
    height: 41px;
    line-height: 42px; 
    width: 100%;
    padding: 0 5px;
    font-size: 12px;
    background: #eeeeee;
    background-size:cover;
}
.current span{
	font-size: 14px;
	color:#888888;
}
.current i{
    padding: 0 6px;
}
/*current end*/

/*content*/

.content{
    width: 100%;
}
/*
.sidebar{
    width:220px;
    height: 89.5%;
    background: #fff;
    position: absolute;
    border-right: 10px solid #eeeeee;
	border-top: 6px solid #eeeeee;
}
*/
/*
.sidebar:before{
	width:220px;
	content: "";
    display: block;
    position: fixed;
    bottom: 0;
    top: 0;
    z-index: -1;
    background-color: #FFF;
    border-right: 10px solid rgba(204, 204, 204, 0.35);
}
*/
.sidebar {
    float: left;
    position:absolute;
	border-top: 6px solid rgba(204, 204, 204, 0.35);
    background-color: #FFF;
    height: 100% !important;
    height:92.5% !important;/*firefox*/
    width:220px;
    overflow:hidden;
    margin-bottom:-98%;
    border-right: 10px solid #eee;
}

.sidebar ul{
  list-style: none;
}
/*.sidebar a{
    float:left;
	width:210px; 
	text-align:center; 
	height:40px; 
	line-height:40px; 
	font-weight:normal;  
    color: #333;
    border-bottom:1px solid #e1f4f9;
}*/
.sidebar>ul>li>a{
    float:left;
    width:210px;
    text-align:center;
    height:40px;
    line-height:40px;
    font-weight:normal;
    color: #333;
    position: relative;
    border-bottom:1px solid #e1f4f9;
}

.submenu>li>a{
    float:left;
    width:210px;
    text-align:center;
    height:40px;
    line-height:40px;
    font-weight:normal;
    color: #333;
    background:#f9f9f9;

    border-bottom:1px solid #FFF;
}
.sidebar .arrow{
    display: inline-block;
    position: absolute;
    top: 14px;
    right: 30px;
    left: auto;
}
.sidebar .selected,.sidebar a:hover{
    border-bottom:1px solid #fff;
	background:#e1f4f9;
    color: #02a4ef;
}
.main{
    margin-left: 220px;
    background: #fff;
    height: 100%;
}
.main-title{
    height: 44px;
    line-height: 44px;
    background: #fff;
    padding-left: 10px;
}
.main-title span{ 
    font-size: 15px;
}
.table-show{
    padding: 0 20px;
}
.table-show-fl{
    overflow-x: scroll;
}
.table-show p{
    line-height: 28px;
}
.tktable-show{
    padding: 0 20px;
}
.tktable-show p{
    line-height:28px;
}
.search-bar{
    padding: 14px 20px;
    background: #fcfcfc;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}
.search-bar form{
    display: inline;
}
.search-bar span{
    padding: 4px 0;
}
.search-bar input,.search-bar select{
    /*height: 28px;
    padding: 0 4px;*/
}
.search-bar input{
    width: 180px;
}
.search-bar .btn{
    height: 26px;
    padding: 0 4px;
    margin-right: 10px;
}
.search,.search:hover{
    background: #7cc4f2;
    color: #fff;
    min-width: 50px;
}
.content-right-top{
    height: 30px;
    line-height: 30px;
}
.page{
    text-align: right;
}
/*tab*/
.tab a{
    color:#333;
}
.tab li{
    height:46px;
    line-height:46px;
    background: #fff;
    padding: 0 16px;   
    cursor: pointer;
    list-style: none;
}
/*
.tab li.tab-active{
    background: rgba(223, 244, 233, 0.3); 
    color: #02a4ef !important;
    border: 1px solid #e1f4f9;
    border-bottom: none;
}
*/
.tab li a{
    float: left;
    line-height: 30px;
    margin-top: 4px;
    padding: 0 6px;
}
.tab li.tab-active a{    
    color: #02a4ef !important;
    border-bottom: 2px solid #02a4ef;
    
}
/*tab*/
/*.layui-layer-title{
	padding: 0px!important;
	
}*/
/*content end*/

/*footer*/
.footer {
    background:#fff;
    text-align: center;
    line-height: 34px;
    overflow: hidden;
    min-width: 1195px;
/*    position: fixed;*/
    bottom: 0px;
}
/*footer end*/
/* 弹出框
class="layer-table"
<p class="limit"></p>
approve-tbody
*/
.layui-layer-ico{
    background: url(../style_img/close.png) no-repeat!important;
}
.layui-layer-setwin{
    top:11px!important;
}
.layer-table .table{
	margin-bottom:0px!important;
}
.layer-table .limit{
	background-color: rgba(202, 227, 232, 0.28); 	
	height: 20px;
}
.layer-page{
	padding-bottom:20px;
    margin-top: 10px;
}
.layer-content{
    padding: 16px 30px;    
}
.layer-content p{
    margin-bottom: 16px;
}
.checkList{
    margin-left: 170px;
	display: inline-block;
}
.checkList_1{
   margin-left: 170px; 
   /*margin-top: 10px;*/
}
.discount{
    margin-top: 4px;
}
.layer-content .type{
    margin-right: 20px;
    width: 100px;
    text-align: right;
	color:#7f7f7f;
}
.modify-div{
	padding-left: 20px;
}
.button{
    padding: 10px 0 10px 0;
    text-align: center;
    border-top: 1px solid #eee;
}
.layer-content select{
	max-width:146px;
}
.verifys select{
	max-width:112px;
}
/**/
.store-btn{
	
	padding: 0px!important;
}
/* 验证表单样式 start*/
.remit-mod-div label{
    color: #999;
	font-weight:100;
	
	
}
.indent label{
	
	font-weight:100;
	
	
}
.indent input[type=checkbox], input[type=radio]{
	
	font-weight:100;
	
	
}
.remit-mod-div .error i{
	color:#ff8b00;
	padding: 0px 5px;
	
	
}
.remit-mod-div .success i{
	color:#55c22d;
	padding: 0px 5px;
	
	
}
.remit-mod-div .control-label{
	padding-top:4px;
	padding-right: 0px;

}
.remit-mod-div .error,.success{
	
	line-height: 26px;
	margin-bottom: 0px;
}

/* 验证表单样式 end*/

/*级经销商账户余额变化详情 搜索样式 start*/
#detalKey{
    width: 200px;
}
.balance-search{
	padding-bottom: 8px;
}
.balance-search .btn{
	vertical-align:baseline;	
}
.record-num{
	padding-bottom: 5px;	
}
/*级经销商账户余额变化详情 搜索样式 END*/
/*入库 弹窗 start*/
.searchbar p{
    padding: 4px 0;
    clear: both;   
}
.searchbar span{
    display: inline-block;
    margin-right: 6px;
}
.searchbar p .type{
    width: 70px;
    margin-right: 10px;
    text-align: right;
    line-height: 30px;
}
/*入库弹窗 end*/
/*认证用户学习卡充值 start*/

.user-tbody tr td:nth-child(odd){	
	background: rgba(223, 244, 233, 0.3); 	
}
.approve-tbody tr td:last-child{
	width: 80%;
	text-align: left;
	padding-left: 20px;	
}
#discount_one{
    margin-top: -4px;
    margin-right: 4px;
}
/*认证用户学习卡充值 end*/
/*二级经销商*/
.radio_div{
    text-align: center;
}
.radio_div .radio_span{
    display: inline-block;
    width: 48%;
    margin:20px 0;
}
.radio_text{
    width: 250px;
    margin:0px auto 20px auto;
}
.radio_text p{
    margin-bottom: 5px;
}
.radio_text textarea{
    width: 250px;
    height: 100px;
}
.step_box{
/*    border-top:1px solid #d5d5d5;*/
    border-bottom:none;
    margin-left: 30px;
    padding:0px!important;
}
.step_box_p_1{
    width: 18%;
    float: left;
/*    border-right:1px solid #d5d5d5;*/
    padding-left: 10px!important;
}
.step_box_p{
    width: 25%;
    float: left;
/*    border-right:1px solid #d5d5d5;*/
    padding-left: 10px!important;
}
.step_box_p_r{
    width: 57%;
    float: left;
    border-left:1px solid #d5d5d5;
    padding-left: 10px!important;
}
.step_span{
    display: inline-block;
    min-width: 100px;
/*    height: 26px;*/

}
.step_text{
    display: inline-block;
    min-width: 50px;
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.step_text_1{
    display: inline-block;
    min-width: 50px;
/*    height: 26px;*/
    overflow: hidden;
    text-overflow: ellipsis;
/*    white-space: nowrap;*/
    padding-right: 20px;
    
    line-height: 22px;
}
.span_img{
/*    float: right!important;*/
    margin: 0px 10px;
}
#selectedData .step_box{
    border-top:1px solid #d5d5d5;
}
#selectedData .step_box_p_1{
/*    border-bottom:1px solid #d5d5d5;*/
}
#selectedData .step_box_p{
    border:none;
/*    border-bottom:1px solid #d5d5d5;*/
}
#selectedData .step_box_p_r{
    border-left:1px solid #d5d5d5;
}
/*二级经销商end*/
/*一级经销商*/
.addUnitInfo .show>div{
    padding: 10px 0 20px 0;
    border-top: 1px solid #efefef;
}
.addUnitInfo .show .input-medium{
    width:250px;
}
.addUnitInfo .show label{
    color: #999;
    font-weight: 100;
    font-size: 13px;
}

.addUnitInfo .show label i{
    padding: 0px 5px;
}
.addUnitInfo .show .error i{
    color:#ff8b00;
}
.addUnitInfo .show .success i{
    color:#55c22d;
    padding: 0px 5px;
}
.addUnitInfo .show .width-210{
    width:210px;
}
.addUnitInfo .show .width-400{
    width:400px;
}
.addUnitInfo .show p{
    padding: 5px 0;
}
.addUnitInfo .show p span{
    float: left;
}
.addUnitInfo .show .step{
    display:block;
    margin-left: 40px;
    padding-bottom: 10px;
}
.addUnitInfo .show .type{
    width: 150px;
    text-align: right;
    margin-right: 20px;
    line-height: 28px;
}

.addUnitInfo label{
    margin-right: 10px;
    font-weight: 100;
}
.addUnitInfo input[type="checkbox"]{
    margin: 2px 8px 2px 0px;
}
input:-webkit-input-placeholder{
    color:#a9a9a9 !important; 
} 
input:focus::-webkit-input-placeholder{
    color:#000 !important; 
} 

.login-text .error i{
	color:#ff8b00;
	padding: 0px 5px;
	
}
.page .laypage_main *{
    vertical-align: initial!important;
}
.page label{
    font-weight: normal!important;
}
.laypage_btn{
    border-radius: 4px;
}
.page .laypageskin_molv button{

    height: initial!important;
}

/*一级经销商 end*/

.layui-layer-page .layui-layer-content{
	
	max-height:750px!important;
}

/*统计*/
.padding_l5_r5{
    padding-left: 5px!important;
    padding-right: 5px!important;
    padding: 2px;
}
.Stat_a_class{
    color: #fff!important;
    background: #7CC4F2!important;
    padding: 2px;
}

@media (max-width: 1350px) {
    .header .nav-min ul li{
            margin:0 10px;
    }
    .nav-min li a{
        font-size: 14px;
    }
    input.Wdate{
        width: 110px;
    }
    .remit-mod-div .layer-content input.Wdate{
        width: 58.33333%;
    }
    #searchform select{
        max-width: 110px;
    }
}

.recordTextarea{
    width: 100%;
    margin-top: 5px;
}
.verifys label{
    color: #999;
    font-weight: 100;
    font-size: 13px;
}

.verifys label i{
    padding: 0px 5px;
}
.verifys .error i{
    color:#ff8b00;
}
.verifys .success i{
    color:#55c22d;
    padding: 0px 5px;
}
/*物流信息*/
.status-box {
    position: relative;
    padding: 25px;
}
.status-list {
    margin: 0;
    padding: 0;
    margin-left: 12px;
    list-style: none;
}
.status-list li {
    margin-bottom: -2px;
    height: auto;
    min-height: 30px;
    border-left: 1px solid #d9d9d9;
}
.status-list li:before {
    content: '';
    border: 3px solid #f3f3f3;
    background-color: #d9d9d9;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin-left: -6px;
    margin-right: 10px;
    box-sizing: content-box;
}
.status-list .date {
    width: 150px;
    display: inline-block;
    font-weight: 700;
    margin-right: 8px;
    font-family: Arial;
}
.status-list .text {
    width: 635px;
    display: inline-block;
    vertical-align: text-top;
    line-height: 1.3em;
}
.status-list .latest {
    border: none;
}
.status-list .latest:before {
    background-color: #fe4300;
    border-color: #f8e9e4;
    box-sizing: content-box;
}
@media screen and (max-width: 1500px) { 
    .search-bar input {width: 146px;}
}
/*Validform验证*/
.Validform_checktip{
	margin-left:8px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	color:#999;
	font-size:12px;
}
.Validform_right{
	color:#71b83d;
	padding-left:20px;
	background:url(../style_img/right.png) no-repeat left center;
}
.Validform_wrong{
	color:red;
	padding-left:20px;
	white-space:nowrap;
	background:url(../style_img/error.png) no-repeat left center;
}
.Validform_loading{
	padding-left:20px;
	background:url(../style_img/onLoad.gif) no-repeat left center;
}
.Validform_error{
	background-color:#ffe7e7;
}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}
/*Validform验证*/