.css_sprite { background-image:url(../images/css_sprite.png)!important;  background-repeat: no-repeat!important; } 
.css_sprite02 { background-image:url(../images/css_sprite02.png)!important; background-repeat: no-repeat!important; } 

.f-max1280		{ max-width: 1280px; margin: 0 auto; }
.f-max1218 		{ max-width: 1218px; margin: 0 auto; }
.f-max1015 		{ max-width: 1015px; margin: 0 auto; }
.f-max960 		{ max-width: 960px; margin: 0 auto; }
.f-max230 		{ max-width: 230px; }
.f-pad-lr-20 	{ padding-left: 20px; padding-right: 20px; }
.f-pad-tb-25 	{ padding-top: 25px; padding-bottom: 25px; }
.f-pad-tb-20 	{ padding-top: 20px; padding-bottom: 20px; }
.f-pad-l-20 	{ padding-left: 20px; }
.f-pad-l-25 	{ padding-left: 25px; }
.f-pad-t-80 	{ padding-top:  80px; }
.f-pad-t-50 	{ padding-top:  50px; }
.f-pad-t-40 	{ padding-top:  40px; }
.f-pad-t-30 	{ padding-top:  30px; }
.f-pad-b-50 	{ padding-bottom:  40px; }
.f-pad-b-40 	{ padding-bottom:  40px; }
.f-pad-22		{ padding: 22px; }
.f-mag-b-20 	{ margin-bottom:  20px; }
.f-mag-b-30 	{ margin-bottom:  30px; }
.f-mag-b-40 	{ margin-bottom:  40px; }
.f-mag-b-50 	{ margin-bottom:  50px; }
.f-mag-l-20 	{ margin-left: 20px; }
.f-mag-l-10 	{ margin-left: 10px; }
.f-mag-t-70 	{ margin-top: 70px; }
.f-mag-t-50 	{ margin-top: 50px; }
.f-mar-r-10 	{ margin-right: 5%; }

.f-hide 		{ display: none!important; }
.f-hidden 		{ overflow: hidden; height: 100%; }

.f-tc 			{ text-align:center; }
.f-tr 			{ text-align: right; }
.f-tl 			{ text-align: left; }
.f-fl 			{ float: left; }
.f-fr 			{ float: right; }
.f-cur 			{ cursor: pointer; }
.f-bold 		{ font-weight: bold; }
.f-clear 		{ clear: both; height: 0; width: 0; visibility: hidden; }

.f-size28 		{ font-size: 28px; }
.f-size26 		{ font-size: 26px; }
.f-size24 		{ font-size: 24px; }
.f-size20 		{ font-size: 20px; }
.f-size18 		{ font-size: 18px; }
.f-size16 		{ font-size: 16px; }
.f-size15 		{ font-size: 15px; }
.f-size14 		{ font-size: 14px; }
.f-size12 		{ font-size: 12px; }

.f-flow444 		{ width: 468px; }
.f-flow222 		{ width: 222px; }

.f-hght70 		{ height: 68px; }
.f-hght20 		{ height: 20px; }

.f-failInp 		{ border: 1px solid #f00!important; }
.f-focus 		{ border: 1px solid #2a8fbd!important; }

.f-input_W30 	{ width: 30%; }
.f-input_W40 	{ width: 43%; }
.f-input_W50 	{ width: 50%; }
.f-input_W65 	{ width: 65%; }
.f-input_W85 	{ width: 85%; }
.f-input_W80 	{ width: 90%; }
.f-input_W95 	{ width: 95%; }
.f-sel_W30  	{ width: 30%; }
.f-sel_W40 		{ width: 46%; }
.f-sel_W95 		{ width: 97%; }

.f-width10 		{ width: 10%; }
.f-width15 		{ width: 15%; }
.f-width20 		{ width: 20%; }
.f-width30 		{ width: 30%; }
.f-width40 		{ width: 40%; }
.f-width50 		{ width: 50%; }
.f-width70 		{ width: 70%; }

.f-bor-b 		{ border-bottom: 1px solid #ccc; }
.f-bor-t 		{ border-top: 1px solid #ccc; }

.f-radius 		{ border-radius:6px; }

.f-card { box-shadow:0 1px 3px rgba(127, 127, 127, 0.4); }
.f-card:hover { box-shadow: none; }

.s-col-999 		{ color: #999; }
.s-col-666 		{ color: #666; }
.s-col-444 		{ color: #444; }
.s-col-333 		{ color: #333; }
.s-col-ccc 		{ color: #ccc; }
.s-col-fff 		{ color: #fff; }
.s-col-f00 		{ color: #f00; }
.s-col-hig 		{ color: #2a8fbd; }
.s-col-txt01 	{ color: #435a75; }
.s-col-txt02  	{ color: #8e8e8e; }

.s-bg-fff 		{ background: #fff; }
.s-bg-fa 		{ background: #fafafa; }
.s-bg-eee 		{ background: #eee; }
.s-bg-383 		{ background: #333e4b; }
.s-bg-424 		{ background: #424645; }
.s-bg-txt01 	{ background: #435a75; }
.s-bg-hig 		{ background: #2a8fbd; }

.s-bg-tag 		{ background: #ffffff; }
.s-bg-qrP 		{ background: rgba(113,182,67,0.8); }

.s-bg-logo 			{ background-position:-378px -414px; } /*logo锟斤拷锟斤拷图*/
.s-bg-user 			{ background-position:-168px 0; } 			/*锟斤拷员-pc锟斤拷锟斤拷图*/
.s-bg-user-mb 		{ background-position: 0 -103px; }  		/*锟斤拷员-mb锟斤拷锟斤拷图*/
.s-bg-user-set 		{ background-position: 0 -126px; } 			/*锟斤拷员-mb锟斤拷锟斤拷图*/
.s-bg-user-order 	{ background-position: -18px -126px; }		/*锟斤拷员-mb锟斤拷锟斤拷图*/
.s-bg-user-out 		{ background-position: -36px -126px; }   	/*锟斤拷员-mb锟斤拷锟斤拷图*/
.s-bg-menuB 		{ background-position: -20px -103px; } 		/*锟剿碉拷锟斤拷锟斤拷-mb锟斤拷锟斤拷图*/
.s-bg-tagC 			{ background-position:-168px -23px; } 		/*锟斤拷签锟斤拷锟捷关闭帮拷钮锟斤拷锟斤拷图*/
.s-bg-tagS 			{ background-position:-168px -5px; } 		/*锟斤拷签锟斤拷锟斤拷-search锟斤拷锟斤拷图*/
.s-bg-tagT 			{ background-position:-186px -5px; } 		/*锟斤拷签锟斤拷锟斤拷-tag锟斤拷锟斤拷图*/
.s-bg-search 		{ background-position: -0 -322px; } 		/*锟斤拷锟斤拷锟斤拷钮 icon锟斤拷锟斤拷图*/
.s-bg-search:hover,
.s-bg-search.on 	{ background-position: -0 -360px; } 		/*锟斤拷锟斤拷锟斤拷钮-hover icon锟斤拷锟斤拷图*/

.s-bg-ask 			{ background-position: -36px -37px; } 		/*锟斤拷询锟斤拷钮锟斤拷锟斤拷图*/
.s-bg-feedBack 		{ background-position: -73px -37px; } 		/*锟斤拷锟斤拷锟斤拷钮锟斤拷锟斤拷图*/
.s-bg-tel400 		{ background-position: -107px -37px;  } 	/*400锟界话锟斤拷锟斤拷图*/
.s-bg-siar-qr 		{ background-position: -36px -70px;  } 	/*400锟界话锟斤拷锟斤拷图*/
 
.s-bg-qr_icon 		{ background-position: -133px -70px; } 			/*storeList-qr-cion锟斤拷锟斤拷图*/
.s-bg-b_arrow_left  { background-position: -376px -280px; ; } 		/*storeList-banner_arrow_left--icon锟斤拷锟斤拷图*/
.s-bg-b_arrow_left:hover  { background-position: -438px -280px; ; } 	/*storeList-banner_arrow_left_on--icon锟斤拷锟斤拷图*/
.s-bg-b_arrow_right { background-position: -376px -342px; } 			/*storeList-banner_arrow_left--icon锟斤拷锟斤拷图*/
.s-bg-b_arrow_right:hover { background-position: -438px -342px; } 	/*storeList-banner_arrow_left_on--icon锟斤拷锟斤拷图*/

.s-bg-pathH 		{ background-position: -200px -3px; } 		/*路锟斤拷Home icon锟斤拷锟斤拷图*/
.s-bg-pathA 		{ background-position: -220px -3px; } 		/*路锟斤拷Arrow icon锟斤拷锟斤拷图*/

.s-bg-scan 			{ background-position: -0 -142px; } 		/*锟揭碉拷store-锟斤拷锟� icon锟斤拷锟斤拷图*/
.s-bg-addItem 		{ background-position: -371px -27px; } 		/*锟揭碉拷store-锟斤拷锟� icon锟斤拷锟斤拷图*/
.s-bg-listNew 		{ background-position: -168px -142px; } 	/*锟揭碉拷store-锟斤拷锟斤拷 icon锟斤拷锟斤拷图*/
.s-bg-qrBtn 		{ background-position: -105px -104px; } 	/*锟揭碉拷store-qr  icon锟斤拷锟斤拷图*/
.s-bg-rew 			{ background-position: -83px -103px; } 		/*锟揭碉拷store-锟斤拷写 icon锟斤拷锟斤拷图*/
.s-bg-new 			 { background-position: -253px -142px; } 	/*锟揭碉拷lightapp-锟铰硷拷 icon锟斤拷锟斤拷图*/

/*锟杰编辑锟斤拷图锟斤拷*/
.z-open .s-bg-appEdit{ background-position: -0 -226px; } 		/*锟揭碉拷lightapp-锟洁辑 icon锟斤拷锟斤拷图*/
.z-open .s-bg-qrMana { background-position: -56px -226px; } 		/*锟揭碉拷lightapp-锟斤拷维锟斤拷 icon锟斤拷锟斤拷图*/
.z-open .s-bg-duodian{ background-position: -112px -226px; } 	/*锟揭碉拷lightapp-锟斤拷锟酵讹拷锟� icon锟斤拷锟斤拷图*/
.z-open .s-bg-activity{ background-position: -168px -226px; } 	/*锟揭碉拷lightapp-锟筋动 icon锟斤拷锟斤拷图*/
.z-open .s-bg-yungou  { background-position: -224px -226px; } 	/*锟揭碉拷lightapp-锟狡癸拷 icon锟斤拷锟斤拷图*/
.z-open .s-bg-gongZ  { background-position: -280px -226px; } 	/*锟揭碉拷lightapp-锟斤拷锟斤拷 icon锟斤拷锟斤拷图*/
.z-open .s-bg-tongji { background-position: -336px -226px; } 	/*锟揭碉拷lightapp-统锟斤拷 icon锟斤拷锟斤拷图*/
.z-open .s-bg-fendian{ background-position: -392px -226px; } 	/*锟揭碉拷lightapp-统锟斤拷 icon锟斤拷锟斤拷图*/
/*锟斤拷锟杰编辑锟斤拷图锟斤拷*/
.s-bg-duodian		{ background-position: -0 -400px; } 	/*锟揭碉拷lightapp-锟斤拷锟酵讹拷锟� icon锟斤拷锟斤拷图*/
.s-bg-activity		{ background-position: -56px -400px; } 	/*锟揭碉拷lightapp-锟筋动 icon锟斤拷锟斤拷图*/
.s-bg-yungou 		{ background-position: -112px -400px; } 	/*锟揭碉拷lightapp-锟狡癸拷 icon锟斤拷锟斤拷图*/
.s-bg-gongZ 		{ background-position: -168px -400px; } 	/*锟揭碉拷lightapp-锟斤拷锟斤拷 icon锟斤拷锟斤拷图*/
.s-bg-tongji 		{ background-position: -224px -400px; } 	/*锟揭碉拷lightapp-统锟斤拷 icon锟斤拷锟斤拷图*/
.s-bg-fendian 		{ background-position: -280px -400px; } 	/*锟揭碉拷lightapp-统锟斤拷 icon锟斤拷锟斤拷图*/

.s-bg-jian 			{ background-position: -227px -35px; } 		/*store锟斤拷锟斤拷 锟斤拷-icon锟斤拷锟斤拷图*/
.s-bg-jia 			{ background-position: -253px -35px; } 		/*store锟斤拷锟斤拷 锟斤拷-icon锟斤拷锟斤拷图*/
.s-bg-bugS 			{ background-position: -336px -142px; } 	/*store锟斤拷锟斤拷 锟缴癸拷-icon锟斤拷锟斤拷图*/
.s-bg-bugF 	 		{ background-position: -416px -142px; } 	/*store锟斤拷锟斤拷 失锟斤拷-icon锟斤拷锟斤拷图*/

.s-bg-infoIcon01 	{ background-position: -54px -126px; } 		/*锟揭碉拷锟斤拷息 锟剿碉拷-icon锟斤拷锟斤拷图*/
.s-bg-arrow01 		{ background-position: -262px -21px; } 		/*锟揭碉拷锟斤拷息 锟斤拷锟斤拷锟斤拷头-icon锟斤拷锟斤拷图*/

.s-bg-select01 		{ background-position: -282px 0; } 			/*poup锟斤拷锟斤拷锟斤拷 锟�?选锟斤拷-选锟斤拷-icon锟斤拷锟斤拷图*/
.s-bg-select01.on 	{ background-position: -262px 0; } 			/*poup锟斤拷锟斤拷锟斤拷 锟�?选锟斤拷-为选锟斤拷-icon锟斤拷锟斤拷图*/

.s-bg-maopao 		{ background-position: -282px -20px; } 		/*锟揭碉拷锟斤拷息-myinfo-锟斤拷息冒锟斤拷锟斤拷示-icon锟斤拷锟斤拷*/
.s-bg-arrow-d 		{ background-position: -303px 0; } 			/*锟揭碉拷锟斤拷息-锟斤拷锟斤拷锟斤拷息-锟斤拷锟斤拷锟斤拷锟绞�-icon锟斤拷锟斤拷*/

.s-bg-QR_pt 		{ background-position: -0 -277px; } 		/*锟斤拷维锟斤拷锟斤拷锟�-m-QREdit-锟斤拷通锟斤拷维锟斤拷-icon锟斤拷锟斤拷*/
.s-bg-QR_cs 		{ background-position: -46px -277px; } 		/*锟斤拷维锟斤拷锟斤拷锟�-m-QREdit-锟斤拷色锟斤拷维锟斤拷-icon锟斤拷锟斤拷*/
.s-bg-QR_tx 		{ background-position: -92px -277px; } 		/*锟斤拷维锟斤拷锟斤拷锟�-m-QREdit-图锟轿讹拷维锟斤拷-icon锟斤拷锟斤拷*/
.s-bg-QR_ed 		{ background-position: -138px -278px; } 	/*锟斤拷维锟斤拷锟斤拷锟�-m-QREdit-锟洁辑锟斤拷维锟斤拷-icon锟斤拷锟斤拷*/

.s-bg-passw 		{ background-position: -281px -0; }  		/*锟�?锟斤拷写锟斤拷锟斤拷锟斤拷示-icon锟斤拷锟斤拷*/

/*index-锟斤拷页锟斤拷icon-锟斤拷锟斤拷图*/
.s-bg-index-user  { background-position: -218px 0; }
.s-bg-index-pas   { background-position: -236px 0; }
.s-bg-index-yanz  { background-position: -255px 0; }		

/*******************************************************************************************************
/* =unit 统一元锟斤拷锟斤拷式 
********************************************************************************************************/
/*sideBar-锟斤拷吖锟斤拷锟�*/
.u-sideBar { position: fixed; right: 0; top: 55%; z-index: 50; }
.u-sideBar li { position: relative; margin-bottom: 15px; width: 74px; height: 64px; border-radius:6px 0 0 6px; overflow: hidden; 
	-webkit-transition: width .6s;
	   -moz-transition: width .6s;
	    -ms-transition: width .6s;
	     -0-transition: width .6s;
	        transition: width .6s;
}
.u-sideBar a { position: absolute; top: 0; right: -10px; display: inline-block; width: 64px; height: 64px; padding-right: 10px; overflow: hidden; border-radius:6px 0 0 6px !important; font-size: 14px; text-align: center; 
	-webkit-transition: width .3s;
	   -moz-transition: width .3s;
	    -ms-transition: width .3s;
	     -0-transition: width .3s;
	        transition: width .3s;
}
.u-sideBar a span { display:block; width: 33px; height: 33px; margin-left: 15px; line-height: 15px;}
.u-sideBar a span:first-child { margin-top: 8px; }
.u-sideBar a span:nth-child(2) { margin-top: 4px; }
.u-sideBar:hover li { width: 220px; }
.u-sideBar .ask:hover,
.u-sideBar .feedBack:hover { text-decoration: none; width:74px; }
.u-sideBar .tel400 {
	-webkit-transition: width .6s;
	   -moz-transition: width .6s;
	    -ms-transition: width .6s;
	     -0-transition: width .6s;
	        transition: width .6s;
}
.u-sideBar .tel400 strong { position: absolute; top: 0; left: 64px; display: inline-block; padding-left: 10px; border-left: 1px solid #2a8fbd; height: 64px; line-height: 64px; width: 146px; }
.u-sideBar .tel400:hover { width:220px; text-decoration: none; }
.u-sideBar .tel400 { cursor: default; }

.j-sideBar { filter:alpha(opacity=100); opacity: 1; 
	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
	    -ms-transition: all .3s;
	     -0-transition: all .3s;
	        transition: all .3s;
	        z-index: 99999999999999;
}
.j-sideBar.hide { filter:alpha(opacity=0); opacity: 0; }
.u-side-qr.hide { right: -100px; }
.u-sideBar.hide { right: -100px; }
.j-sideBar a:hover { color: #fff!important; }

.u-side-qr { position: fixed; z-index: 9999; right:0px; bottom:10px; width:64px; height: 64px; text-align: center; }
.u-side-qr a { display: inline-block; width: 100%; height: 100%; }
.u-side-qr span { display: block; color: #fff; line-height: 100%; }
.u-side-qr span:first-child { width: 34px; height: 33px; margin-top: 9px; margin-left: 15px; }
.u-side-qr em { display: none; position: absolute; top: -130px; left: -162px; z-index: 99999; width: 161px; height: 194px; }
.u-side-qr:hover em { display: inline-block; }