/*两端对齐__开始：*/

/*【2019/5/17 glien-kim 方法】： 使用box-pack:justify   且子类必须是block元素*/			
._divjustify{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

/* 
 说明：
 1.IE中要实现块内单行两端对齐需要使用其私有属性text-align-last:justify配合，text-align-last 要生效，必须先定义text-align 为justify
 2.line-height:0 解决标准浏览器容器底部多余的空白
*/
._l_r_align{
/* #方法一：
 text-align:justify;
 text-align-last:justify;
 line-height:0;
 height:44px;
 */
/*
 说明：
 模块使用[换行符]或[空格符]后，webkit浏览器中会引起最后一个模块有多余空白，使用font-size:0可清除该空格
*/
 /*
@media all and (-webkit-min-device-pixel-ratio:0){
.demo{
     font-size:0;
}
}
 */
 /* 
 说明：
 1.text-align-last:justify 目前只有IE支持，标准浏览器需要使用 .demo:after 伪类模拟类似效果 
 2.opera浏览器需要添加 vertical-align:top 才能完全解决底部多余的空白
 */
 /*
.demo:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
 */	 
 
	/*
	方法二：
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
	*/
	
	/*#方法三：
    -webkit-column-count:4;-moz-column-count:4;column-count:4;
    -webkit-column-gap:15rem;-moz-column-gap:15rem;column-gap:15rem; 
	*/
}
/*两端对齐__结束*/

._flex{display:flex;}

._bg_circle{
	border-radius: 50%;
}

/*~大的灰色的分隔位~*/
._hr_grayspltbar{
    border: 0;
    border-top: 5px solid gray;
	width:100%;
	display:block; /*css定出宽度来，不可少！！！！*/
} 
  /*双横线【注：如果两横线之间无内容的话，则两条线会重合成为一条线~~~~】*/
._hr_topandbottom{
    border: 0;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
	width:100%;
	display:block; /*css定出宽度来，不可少！！！！*/
} 
  /*横线*/
._hr{
    /*..【用于通常的四边框的样式~~】 border: 1px solid red; */
    border: 0;
    border-bottom: 2px solid black;
	display:block; /*css定出宽度来，不可少！！！！*/
}  
 /* <!--#长橫线分隔线--> */
.h_spltline,._h_spltline{ /*.horizontal_spltline*/
  width: 100%;
  border-bottom: 1px solid #dadada;
  display:block; /*css定出宽度来，不可少！！！！*/
}
._h_line{ /*.horizontal_spltline*/
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
  display:block; /*css定出宽度来，不可少！！！！*/
}
 /* <!--#长虚橫线分隔线--> */
.v_dash_splt{
  width: 100%;
  border-bottom: 1px dotted #ff0;
  margin-top:3px;
  margin-bottom:3px;
  display:block; /*css定出宽度来，不可少！！！！*/
}
._h_dash{
  width: 100%;
  border-bottom: 1px dashed;
  display:block; /*css定出宽度来，不可少！！！！*/
}
._h_dot{
  width: 100
  display:block; /*css定出宽度来，不可少！！！！*/
}
._h_solid{
  width: 100%;
  border-bottom: 1px solid;
  display:block; /*css定出宽度来，不可少！！！！*/
}
  /*竖线*/
._v_solid{
  height:30px;
  border-left: 1px solid;
  /*background-color: #ffffff;*/
  /*
  font-size: 16px;
  margin-left:-30%;
  margin-top:10%;
  */
  /* flex-flow: row wrap; */
  /*
  position: relative;
  flex-flow:nowrap;    
  display:flex; flex-direction:row;
  */
  display:block; /*css定出高度来，不可少！！！！*/
}
/*【#注释：可以不为线设置颜色属性，这样的话可以自由组合其特性！而如果在这里就使用的话那么就被固定了，就不能再使用附加其它样式名的方法来灵活自由地设置其属性了！！！！】*/
._v_dash{
  height:30px;
  border-left: 1px dashed;
  display:block; /*css定出高度来，不可少！！！！*/
}
._v_dot{
  height:30px;
  border-left: 1px dotted;
  display:block; /*css定出高度来，不可少！！！！*/
}

	/*written-by:Glien-Kim 2018/12/9*/
._inlineblock{
	display:inline-block;
}
.block{
	display:block;
}

._op_btn{
	width:90%;
	height:20px;
}	
._center{
	text-align:center;
}
._zj{
	text-align:center;
}

._bt_wh{
	width:100%;
	height:20px;
}

._pointer{
	cursor:pointer;
}

._inline{word-break:no-break;white-space:nowrap;}
._newline_real{word-break:break-all;}/*white-space:pre-wrap;有时会引起位置换行偏移的问题~~*/
._newline{word-break:break-all;white-space:pre-wrap;}

/*令span 能对齐*/
._box{border:0px solid #000;padding:0px; width:100%}
._far{float:right; border:0px solid #00F;}
._ac{text-align:center; border:0px solid #00F;}

._bottomborder{border-bottom:1px solid #f7f7f7;} /*2019/10/11*/
._bottomborder1{border-bottom:1px solid #f1f1f1;} /*2019/10/11*/

/*bgcolor*/
._bg_blue{background-color:blue}
._bg_gray{background-color:gray}
._bg_white{background-color:white}
._bg_f7{background-color:#f7f7f7;}
._bg_f1{background-color:#f1f1f1;}
._bg_EFEFEF,._bg_EF,._bg_efefef,._bg_ef{background-color:#EFEFEF}

/*color*/
._c_illusory{color:#86898D;} /*rgb:134 137 141*/
._c_olive_xb{color:#67B5B9;}/*草绿olive for箱包用材供应链*/
._c_olive{color:#999932;}/*草绿olive*/ /*or: #989933*/
._c_wathet{color:#00BFAF;}/*浅蓝色*/
._c_marroon{color:#990100;}/*暗红色*/
._c_marron1{color:#E32A2A;}

._c_6d{color:#6d6d6d;} /*快纯黑*/
._c_f7{color:#f7f7f7;} /*#更淡 2019/10/11*/
._c_f1{color:#f1f1f1;} /*#淡 2019/10/11*/
._c_de{color:#dedede}; /*#淡灰 2019/10/11*/ /****/
._c_dc{color:#dcdcdc;} /*#灰 2019/10/10*/
._c_c2{color:#C2C2C2;} /*#深灰 2019/10/10*/
._c_9e{color:#9E9E9E;} /*#暗灰 2019/10/10*/
._c_EFEFEF,._c_EF,._c_efefef,._c_ef{color:#efefef;}
._c_olive_bg_xb{background-color:#67B5B9;}/*草绿olive for箱包用材供应链*/
._c_olive_bg{background-color:#999932;}/*草绿olive*/ /*前端浏览页面*/ 
._c_wathet_bg{background-color:#00BFAF;}/*浅蓝色*/ /*商家管理权限页面*/
._c_marroon_bg{background-color:#990100;}/*暗红色*/ /*代理商管理权限页面 和 系统管理员权限页面*/

._c_black{color:black;}
._c_green{
  color:green;
}
._c_darkred{
  color:rgb(177, 12, 12);
}
._c_red{
  color:red;
}
._c_AE{
  color:#AE0000;
}
._c_white{
  color:white;
}
._c_darkblue{color:#262777;}
._c_lightblue{color:#00ABEF;}
._c_blue{
  color:blue;
}
._c_yellow{
  color:yellow;
}
._c_gray{
  color:gray;
}
._c_palegray{
  color:#E4DCDC;
}
/*padding*/
._pd_u{padding:10px 10px;}
._pd_u1{padding:2px 10px;}
._pdb5{
  padding-bottom:5px;
}
._pdb10{
  padding-bottom:10px;
}
._pdb15{
  padding-bottom:15px;
}
._pdb25{
  padding-bottom:25px;
}
._pdb35{
  padding-bottom:35px;
}
._pdb50{
  padding-bottom:50px;
}
._pdt5{
  padding-top:5px;
}
._pdt10{
  padding-top:10px;
}
._pdt15{
  padding-top:15px;
}
._pdt25{
  padding-top:25px;
}
._pdt35{
  padding-top:30px;
}
._pdt50{
  padding-top:50px;
}
._pdr5{
  padding-right:5px;
}
._pdr10{
  padding-right:10px;
}
._pdr15{
  padding-right:15px;
}
._pdr25{
  padding-right:25px;
}
._pdr50{
  padding-right:50px;
}
._pdl5{
  padding-left:5px;
}
._pdl10{
  padding-left:10px;
}
._pdl15{
  padding-left:15px;
}
._pdl25{
  padding-left:25px;
}
._pdl50{
  padding-left:50px;
}
/*负值*/
._n_pdb5{
  padding-bottom:-5px;
}
._n_pdb10{
  padding-bottom:-10px;
}
._n_pdb15{
  padding-bottom:-15px;
}
._n_pdb25{
  padding-bottom:-25px;
}
._n_pdb35{
  padding-bottom:-35px;
}
._n_pdb50{
  padding-bottom:-50px;
}
._n_pdt5{
  padding-top:-5px;
}
._n_pdt10{
  padding-top:-10px;
}
._n_pdt15{
  padding-top:-15px;
}
._n_pdt25{
  padding-top:-25px;
}
._n_pdt35{
  padding-top:-35px;
}
._n_pdt50{
  padding-top:-50px;
}
._n_pdr5{
  padding-right:-5px;
}
._n_pdr10{
  padding-right:-10px;
}
._n_pdr15{
  padding-right:-15px;
}
._n_pdr25{
  padding-right:-25px;
}
._n_pdr50{
  padding-right:-50px;
}
._n_pdl5{
  padding-left:-5px;
}
._n_pdl10{
  padding-left:-10px;
}
._n_pdl15{
  padding-left:-15px;
}
._n_pdl25{
  padding-left:-25px;
}
._n_pdl50{
  padding-left:-50px;
}
/*margin*/
._mgb5{
  margin-bottom:5px;
}
._mgb10{
  margin-bottom:10px;
}
._mgb15{
  margin-bottom:15px;
}
._mgb25{
  margin-bottom:25px;
}
._mgb50{
  margin-bottom:50px;
}
._mgt5{
  margin-top:5px;
}
._mgt10{
  margin-top:10px;
}
._mgt15{
  margin-top:15px;
}
._mgt20{
  margin-top:20px;
}
._mgt25{
  margin-top:25px;
}
._mgt30{
  margin-top:30px;
}
._mgt35{
  margin-top:35px;
}
._mgt40{
  margin-top:40px;
}
._mgt50{
  margin-top:50px;
}
._mgr5{
  margin-right:5px;
}
._mgr10{
  margin-right:10px;
}
._mgr15{
  margin-right:15px;
}
._mgr20{
  margin-right:20px;
}
._mgr25{
  margin-right:25px;
}
._mgr30{
  margin-right:30px;
}
._mgr35{
  margin-right:35px;
}
._mgr40{
  margin-right:40px;
}
._mgr50{
  margin-right:50px;
}
._mgl5{
  margin-left:5px;
}
._mgl10{
  margin-left:10px;
}
._mgl15{
  margin-left:15px;
}
._mgl20{
  margin-left:20px;
}
._mgl25{
  margin-left:25px;
}
._mgl30{
  margin-left:30px;
}
._mgl35{
  margin-left:35px;
}
._mgl40{
  margin-left:40px;
}
._mgl50{
  margin-left:50px;
}
/*负值*/
._n_mgb5{
  margin-bottom:-5px;
}
._n_mgb10{
  margin-bottom:-10px;
}
._n_mgb15{
  margin-bottom:-15px;
}
._n_mgb20{
  margin-bottom:-20px;
}
._n_mgb25{
  margin-bottom:-25px;
}
._n_mgb30{
  margin-bottom:-30px;
}
._n_mgb35{
  margin-bottom:-35px;
}
._n_mgb40{
  margin-bottom:-40px;
}
._n_mgb50{
  margin-bottom:-50px;
}
._n_mgt5{
  margin-top:-5px;
}
._n_mgt10{
  margin-top:-10px;
}
._n_mgt15{
  margin-top:-15px;
}
._n_mgt20{
  margin-top:-15px;
}
._n_mgt25{
  margin-top:-25px;
}
._n_mgt30{
  margin-top:-30px;
}
._n_mgt35{
  margin-top:-35px;
}
._n_mgt40{
  margin-top:-40px;
}
._n_mgt50{
  margin-top:-50px;
}
._n_mgr5{
  margin-right:-5px;
}
._n_mgr10{
  margin-right:-10px;
}
._n_mgr15{
  margin-right:-15px;
}
._n_mgr20{
  margin-right:-20px;
}
._n_mgr25{
  margin-right:-25px;
}
._n_mgr30{
  margin-right:-30px;
}
._n_mgr35{
  margin-right:-35px;
}
._n_mgr40{
  margin-right:-40px;
}
._n_mgr50{
  margin-right:-50px;
}
._n_mgl5{
  margin-left:-5px;
}
._n_mgl10{
  margin-left:-10px;
}
._n_mgl15{
  margin-left:-15px;
}
._n_mgl20{
  margin-left:-20px;
}
._n_mgl25{
  margin-left:-25px;
}
._n_mgl30{
  margin-left:-30px;
}
._n_mgl35{
  margin-left:-35px;
}
._n_mgl40{
  margin-left:-40px;
}
._n_mgl50{
  margin-left:-50px;
}
._mgt-n-1dot5{margin-top:-1.5px;}

._vat{vertical-align:top;}
._vam{vertical-align:middle;}
._vab{vertical-align:bottom;}
._al{
  text-align:left;
}
._ar{
  text-align:right;
}
._o{
  font-style:oblique;
}
._i{
  font-style:italic;
}
._l{
  font-weight:lihger;
}
._b{
  font-weight:bold;
}
._bb{
  font-weight:bolder;
}
._f7pt{font-size:7pt;}
._f8pt{font-size:8pt;}
._f9pt{font-size:9pt;}
._f10pt{font-size:10pt;}
._f11pt{font-size:11pt;}
._f12pt{font-size:12pt;}
._f13pt{font-size:13pt;}
._f14pt{font-size:14pt;}
._f15pt{font-size:15pt;}
._f16pt{font-size:16pt;}
._f7{
  font-size:7px;
}
._f8{
  font-size:8px;
}
._f9{
  font-size:9px;
}
._f10{
  font-size:10px;
}
._f11{
  font-size:11px;
}
._f12{
  font-size:12px;
}
._f13{
  font-size:13px;
}
._f14{
  font-size:14px;
}
._f15{
  font-size:15px;
}
._f16{
  font-size:16px;
}
._f17{
  font-size:17px;
}
._f18{
  font-size:18px;
}
._f19{
  font-size:19px;
}
._f20{
  font-size:20px;
}
._f21{
  font-size:21px;
}
._f22{
  font-size:22px;
}
._f23{
  font-size:23px;
}
._f24{
  font-size:24px;
}
._f25{
  font-size:25px;
}
._f26{
  font-size:26px;
}
._f27{
  font-size:27px;
}
._f28{
  font-size:28px;
}
 /*行高*/
._lh12{
  line-height:12px;
}
._lh15{
  line-height:15px;
}

._hide{
  display:none;
}
._show{
  display:block;
}
._allwidth{width:100%;}