/**
	Common of style
	anthor:wulongcha@alibaba-inc.com
*/

/* start:icon */

/**
	--- initial icon-size ---
	* .yk-icon-size-p(xxxp xxp xp p)
	* .yk-icon-size-s(xxs xs s)
	* .yk-icon-size-m
	* .yk-icon-size-l(l xl xxl xxxl)
	* .yk-icon-size-h(h xh xxh xxxh)
*/

.yk-icon-size-xxxxp{width:2px;height:2px;}
.yk-icon-size-xxxp{width:4px;height:4px;}
.yk-icon-size-xxp{width:6px;height:6px;}
.yk-icon-size-p{width:8px;height:8px;}
.yk-icon-size-xxs{width:10px;height:10px;}
.yk-icon-size-xs{width:12px;height:12px;}
.yk-icon-size-xs{width:14px;height:14px;}
.yk-icon-size-m{padding-left:20px;width:16px;height:16px;line-height:16px;background:url("/images/icon/common/yk_icon_m.gif") no-repeat}
.yk-icon-size-l{width:18px;height:18px;background:url("/images/icon/common/yk_icon_l.gif") no-repeat}
.yk-icon-size-xl{width:20px;height:20px;}
.yk-icon-size-xxl{width:22px;height:22px;}
.yk-icon-size-xxxl{width:24px;height:24px;}
.yk-icon-size-h{width:32px;height:32px;}
.yk-icon-size-xh{width:36px;height:36px;}
.yk-icon-size-xxh{width:48px;height:48px;}
.yk-icon-size-xxxh{width:64px;height:64px;}


/**
	--- icon-instance ---

*/
.yk-icon-kb-recommened{background-position:0 0;}
.yk-icon-yellowpage{background-position:0 -30px;}
.yk-icon-gold{padding-left:18px;width:14px;background-position:0 -60px;}
.yk-icon-my-yk{padding-left:18px;width:14px;background-position:0 -90px;}
.yk-icon-block-person{background-position:0 -120px;}
.yk-icon-tip{padding-left:13px;width:9px;background-position:0 -150px;}
.yk-icon-kb-card{padding-left:18px;width:14px;background-position:0 -180px;}
.yk-icon-house-a{background-position:0 -210px;}
.yk-icon-guide{background-position:0 -240px;}
.yk-icon-category{padding-left:17px;width:13px;background-position:0 -270px;}
.yk-icon-throughway{padding-left:19px;width:15px;background-position:0 -300px;}
.yk-icon-new{padding-left:19px;width:15px;background-position:0 -330px;}
.yk-icon-live{background-position:0 -360px;}
.yk-icon-information{padding-left:19px;width:15px;background-position:0 -390px;}
.yk-icon-point{padding-left:16px;width:12px;background-position:0 -420px;}
.yk-icon-house-b{background-position:0 -450px;}
.yk-icon-message{background-position:0 -480px;}
.yk-icon-view-sth{background-position:0 -510px;}
.yk-icon-kb-wp{padding-left:19px;width:15px;background-position:0 -540px;}
.yk-icon-discount{padding-left:19px;width:15px;background-position:0 -570px;}
.yk-icon-comment{background-position:0 -600px;}
.yk-icon-hot-shop{background-position:0 -630px;}
.yk-icon-hot-category{padding-left:19px;width:15px;background-position:0 -660px;}
.yk-icon-tools{background-position:0 -690px;}
.yk-icon-city{padding-left:18px;width:14px;background-position:0 -720px;}
.yk-icon-map-view{padding-left:19px;width:15px;background-position:0 -750px;}
.yk-icon-text-view{padding-left:18px;width:15px;background-position:0 -810px;}
.yk-icon-zoom-all{padding-left:18px;width:14px;background-position:0 -780px;}
.yk-icon-business-league{padding-left:19px;width:16px;background-position:0 -840px;}
.yk-icon-zoom-in{padding-left:19px;width:16px;background-position:0 -870px;}
.yk-icon-zoom-out{padding-left:19px;width:16px;background-position:0 -900px;}
.yk-icon-tip-2{padding-left:18px;width:15px;background-position:0 -930px;}
.yk-icon-e{padding-left:18px;width:15px;background-position:0 -960px;}
.yk-icon-kb-index{padding-left:18px;width:15px;background-position:0 -990px;}
.yk-icon-community{padding-left:18px;width:15px;background-position:0 -1020px;}
.yk-icon-shop{padding-left:18px;width:15px;background-position:0 -1050px;}
.yk-icon-toolbar{padding-left:18px;width:15px;background-position:0 -1080px;}
.yk-icon-bus{padding-left:18px;width:15px;background-position:0 -1110px;}
.yk-icon-kbww{padding-left:18px;width:15px;background-position:0 -1140px;}
.yk-icon-train{padding-left:18px;width:15px;background-position:0 -1170px;}
.yk-icon-1{padding-left:18px;width:15px;background-position:0 -1200px;}








.yk-inline-block-icon,
.yn-inline-block-icon{
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline;
    zoom:1;
		padding:0;
    vertical-align:middle;
    font-size:0;
    line-height:9999em;
    overflow:hidden;
    position:relative;
    *position:static;
}
/* widget button
start:{{{ 
*/

/* start button init */ 
.yk-btn{
	display:inline-block; /* for opera,safari */
	*display:inline; /* for ie */
	zoom:1;
	margin:0;
	border:0;
	padding:0 5px 0 0;
	text-align:center;
	font-family:"verdana"; /* for english text */
	vertical-align:middle;
	text-decoration:none;
	background-repeat:no-repeat;
}
.yk-btn,x:-moz-any-link{
	display:-moz-inline-stack; /* for firefox 2.0.0 ~ 2.*.* */
}
.yk-btn,x:-moz-any-link,x:default{
	display:inline-block;  /* for firefox 3+ */
}

button.yk-btn{
	cursor:pointer;
	width:auto;
	*width:auto;
	*overflow:visible;
	border:0;
	background-color:transparent;
	vertical-align:middle;
	background-repeat:no-repeat;
}
.yk-btn b{
	display:inline-block;
	*display:inline;
	zoom:1;
	padding:0 0 0 5px;
	position:relative;
	*position:static;
	white-space:nowrap;
	font-weight:normal;
	*cursor:pointer;
	background-repeat:no-repeat;
}
.yk-btn b,x:-moz-any-link{
	display:-moz-inline-stack; /* for firefox 2.0.0 ~ 2.*.* */
}
.yk-btn b,x:-moz-any-link,x:default{
	display:inline-block;  /* for firefox 3+ */
}
.yk-btn b b{
	padding:0;
	cursor:pointer;
	background-repeat:repeat-x;
}
button.yk-btn b b{
	_margin-top:1px;
	*cursor:pointer;
}


/*
 * end button init
 */

/*
 * yk-xl init start:{{{ 
 */ 
.yk-btn.yk-xl,
.yk-btn.yk-xl b,
.yk-btn.yk-xl b b,
.yk-btn.yk-xl:hover,
.yk-btn.yk-xl:hover b,
.yk-btn.yk-xl:hover b b{
	background-image:url(/product/common/img/btn_xl_1_0_0.gif);
}
.yk-btn.yk-xl,
button.yk-btn.yk-xl{
	padding:0 18px 0 0px;
	_vertical-align:19;  /* for ie6 vertical-align:middle */
}
.yk-btn.yk-xl b,
button.yk-btn.yk-xl b{
	height:35px;
	padding:0 0 0 35px;
}
.yk-btn.yk-xl b b,
button.yk-btn.yk-xl b b{
	padding:6px 4px 0;
	height:29px;    
	font-size:16px;
	font-weight:bold;
	line-height:23px;
	_line-height:25px;
	_vertical-align:baseline; /* for ie6 verdana of font vertical align */
}

button.yk-btn.yk-xl,x:-moz-any-link{
	padding-right:15px; /* fix firefox 3px right padding  */
}
.yk-btn.yk-xl b b span{
	*display:inline;
  zoom:1;
}
.yk-btn.yk-xl b b span.yk-icon-size-m{
	margin:0 5px 0 0;
	_margin:2px 5px 0 0;
}

/*
 * yk-xl init end:}}} 
 */

/*
 * yk-l init start:{{{ 
 */ 
.yk-btn.yk-l,
.yk-btn.yk-l b,
.yk-btn.yk-l b b,
.yk-btn.yk-l:hover,
.yk-btn.yk-l:hover b,
.yk-btn.yk-l:hover b b{
	background-image:url(/product/common/img/btn_l_1_0_0.gif);
}
.yk-btn.yk-l,
button.yk-btn.yk-l{
	padding:0 6px 0 0px;
	_vertical-align:19;  /* for ie6 vertical-align:middle */
}
.yk-btn.yk-l b,
button.yk-btn.yk-l b{
	height:30px;
	padding:0 0 0 6px;
}
.yk-btn.yk-l b b,
button.yk-btn.yk-l b b{
	padding:5px 4px 0;
	height:25px;    
	font-size:14px;
	font-weight:bold;
	line-height:19px;
	_line-height:21px;
	_vertical-align:baseline; /* for ie6 verdana of font vertical align */
}

button.yk-btn.yk-l,x:-moz-any-link{
	padding-right:3px; /* fix firefox 3px right padding  */
}
.yk-btn.yk-l b b span{
	*display:inline;
  zoom:1;
}
.yk-btn.yk-l b b span.yk-icon-size-m{
	margin:0 5px 0 0;
	_margin:2px 5px 0 0;
}

/*
 * yk-l init end:}}} 
 */
/*
 * yk-m init start:{{{ 
 */ 
.yk-btn.yk-m,
.yk-btn.yk-m b,
.yk-btn.yk-m b b,
.yk-btn.yk-m:hover,
.yk-btn.yk-m:hover b,
.yk-btn.yk-m:hover b b{
	background-image:url(/product/common/img/btn_m_1_0_0.gif);
}
.yk-btn.yk-m,
button.yk-btn.yk-m{
	padding:0 6px 0 0px;
	_vertical-align:19;  /* for ie6 vertical-align:middle */
}
.yk-btn.yk-m b,
button.yk-btn.yk-m b{
	height:25px;
	padding:0 0 0 6px;
}
.yk-btn.yk-m b b,
button.yk-btn.yk-m b b{
	padding:4px 4px 0;
	height:21px;    
	font-size:12px;
	line-height:17px;
	_line-height:19px;
	_vertical-align:baseline; /* for ie6 verdana of font vertical align */
}

button.yk-btn.yk-m,x:-moz-any-link{
	padding-right:3px; /* fix firefox 3px right padding  */
}
.yk-btn.yk-m b b span{
	*display:inline;
  zoom:1;
}
.yk-btn.yk-m b b span.yk-icon-size-m{
	margin:0 4px 0 0;
}

/*
 * yk-m init end:}}} 
 */
/*
 * yk-s init start:{{{ 
 */ 
.yk-btn.yk-s,
.yk-btn.yk-s b,
.yk-btn.yk-s b b,
.yk-btn.yk-s:hover,
.yk-btn.yk-s:hover b,
.yk-btn.yk-s:hover b b{
	background-image:url(/product/common/img/btn_s_1_0_0.gif);
}
.yk-btn.yk-s,
button.yk-btn.yk-s{
	padding:0 6px 0 0px;
	_vertical-align:19;  /* for ie6 vertical-align:middle */
}
.yk-btn.yk-s b,
button.yk-btn.yk-s b{
	height:19px;
	padding:0 0 0 6px;
}
.yk-btn.yk-s b b,
button.yk-btn.yk-s b b{
	padding:1px 4px 0;
	height:18px;    
	font-size:12px;
	line-height:17px;
	_line-height:19px;
	_vertical-align:baseline; /* for ie6 verdana of font vertical align */
}

button.yk-btn.yk-s,x:-moz-any-link{
	padding-right:3px; /* fix firefox 3px right padding  */
}
.yk-btn.yk-s b b span{
	*display:inline;
  zoom:1;
}
.yk-btn.yk-s b b span.yk-icon-size-m{
	margin:0 4px 0 0;
}

/*
 * yk-s init end:}}} 
 */

/*
 * yk-btn-style-a
 */
.yk-btn-style-a{
	color:#fff;
	background-position:right -80px;
}
button.yk-btn-style-a{
	background-position:right -80px;
	_background-position:right -77px;		
}
button.yk-btn-style-a,x:-moz-any-link{
	 background-position:right -79px;
	 *background-position:right -78px;
}
.yk-btn.yk-btn-style-a b{
	background-position:left 0px;
}
button.yk-btn.yk-btn-style-a b{
	_background-position:left 1px;
}

.yk-btn.yk-btn-style-a b b{
	background-position:left -40px;
}

.yk-btn.yk-btn-style-a:hover{background-position:right -200px;}
.yk-btn.yk-btn-style-a:hover b{background-position:left -120px;}
.yk-btn.yk-btn-style-a:hover b b{background-position:left -160px;}

button.yn-btn-style-a:hover{
	background-position:right -80px;
	_background-position:right -77px;		
}
button.yk-btn.yk-btn-style-a:hover,x:-moz-any-link{
	 background-position:right -199px;
	 *background-position:right -198px;
}
 
/*
 * end yk-btn-style-a
 */
 
 
/*
 * yk-btn-style-b
 */
.yk-btn-style-b{
	color:#fff;
	background-position:right -320px;
}
button.yk-btn-style-b{
	background-position:right -320px;
	_background-position:right -317px;		
}
button.yk-btn-style-b,x:-moz-any-link{
	background-position:right -319px;
	*background-position:right -318px;
}
.yk-btn.yk-btn-style-b b{
	background-position:left -240px;
}
button.yk-btn.yk-btn-style-b b{
	_background-position:left -239px;
}

.yk-btn.yk-btn-style-b b b{
	background-position:left -280px;
}

.yk-btn.yk-btn-style-b:hover{background-position:right -440px;}
.yk-btn.yk-btn-style-b:hover b{background-position:left -360px;}
.yk-btn.yk-btn-style-b:hover b b{background-position:left -400px;}

button.yn-btn-style-b:hover{
	background-position:right -440px;
	_background-position:right -437px;		
}
button.yk-btn.yk-btn-style-b:hover,x:-moz-any-link{
	background-position:right -439px;
	*background-position:right -438px;
}
 
/*
 * end yk-btn-style-b
 */



/*
 * yk-btn-style-c
 */
.yk-btn-style-c{
	color:#111;
	background-position:right -560px;
}
button.yk-btn-style-c{
	background-position:right -560px;
	_background-position:right -557px;		
}
button.yk-btn-style-c,x:-moz-any-link{
	background-position:right -559px;
	*background-position:right -558px;
}
.yk-btn.yk-btn-style-c b{
	background-position:left -480px;
}
button.yk-btn.yk-btn-style-c b{
	_background-position:left -479px;
}

.yk-btn.yk-btn-style-c b b{
	background-position:left -520px;
}

.yk-btn.yk-btn-style-c:hover{background-position:right -680px;}
.yk-btn.yk-btn-style-c:hover b{background-position:left -600px;}
.yk-btn.yk-btn-style-c:hover b b{background-position:left -640px;}

button.yn-btn-style-c:hover{
	background-position:right -680px;
	_background-position:right -677px;		
}
button.yk-btn.yk-btn-style-c:hover,x:-moz-any-link{
	background-position:right -679px;
	*background-position:right -678px;
}
 
/*
 * end yk-btn-style-c
 */