/* -----[ ���� ]---------------------*/
#top { background:#f5f5f5; height:30px; }
#topContent { line-height:30px; margin: 0 auto;width: 1200px; }
#topLeft li { display: inline;float: left;margin-right: 10px; color:#777;}
#topLeft li a { color:#777;}
#topLeft li img {margin-top: 7px; }
#topRight li a:link, #topRight li a:visited{ color:#666; }
#weibo_text a:link, #weibo_text a:visited { color:#666; }
#topRight li { display: block;float: right;margin-left: 10px; }

/* -----[ ΢�� ]---------------------*/

.weibo{	display:block; }
.weibo table { position:absolute;  top:0; left:0; border-collapse:collapse;	z-index:100; font-size:1em; }
.weibo_wrap { visibility:hidden; }
#weibo_text a {	-webkit-transition:0; -moz-transition:none; -o-transition:0; transition:0; }

#topRight li:hover div,
#topRight li a:hover div {	visibility:visible; }
#topRight li:hover,#topRight li a:hover { position:relative;z-index:200; _white-space:normal; }

.weibo_wrap { position:absolute; top:25px;_top:20px; left:-10px;; background:#fff; padding:5px 0; width:90px;}
.weibo_wrap a {	float:left;	line-height:22px; display:inline; margin:3px 0 0 8px; }
.weibo_icon1, .weibo_icon2 { width:20px;  height:19px;	text-indent:0;	_margin-bottom:0; display:block; }
.weibo_icon1 {	background:url(../images/little.png) 0 -37px no-repeat; }
.weibo_icon2 {	background:url(../images/little.png) -22px -37px no-repeat; }

/*---------- header ----------*/
#header{ margin: 0 auto; width: 1200px; height:130px; overflow:hidden; }
#logo {
    width: 285px;
    float: left;
    font-size: 20px;
    padding: 30px 0;
    display: block;
}

/*---------- ������ ----------*/
#search { float: left; margin: 40px 0 0 100px; width:518px;  _display:inline; /* for IE6 */ }
#searchBg { background: url(../images/head.png) 0 -74px  no-repeat;  height: 38px;width: 518px; }
#searchBg #ks { width:415px; height:24px; font-size:14px; background:transparent; text-indent:30px; margin:8px 0 0 2px; padding:0; line-height:24px; border:none; overflow:hidden; float:left; display:inline; }
#btnSearch { background:transparent; border:none; color:#fff; cursor: pointer; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial;
    font-size:16px; font-weight:700; height:26px; width:100px; letter-spacing:1px; float:left; display:inline; margin-top:6px; }
#btnSearch:hover { color:#FF9;}
#hotSearch, #hotSearch a { color: #999; margin-top: 6px;text-align: left; padding-right:5px; }
#hotSearch a:hover { color:#e61952; }

/*---------- ��ά�� & ��Ϣ ----------*/
.qrc_news {
    float: right;
    padding: 11px 0;
    margin-top: 35px;
    width: 242px;
    text-align: center;
    border: 2px solid #e61952;
}
.qrc_news .qrc { display:block; float:right; margin-right:32px; display:inline; background:url(../images/head.png) 0 -132px no-repeat; width:195px; height:84px; clear:both; *clear:none;}

.scrollbox { background:url(../images/head.png) 0 -219px no-repeat; clear:both; text-align:left; padding-bottom:10px;}
.scrollbox{ position:relative; width:250px; float:right; height:20px; overflow:hidden;}
.scrollbox ul{ position:absolute; left:0px; top:0px;}
.scrollbox li{ float:left; width:250px; height:63px; overflow:hidden; padding:5px 0px;}
.scrollbox li a{ float:left; display:inline-block; width:250px; height:63px; overflow:hidden; text-indent:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scrollbox li a:link, .scrollbox li a:visited { color:#666;}
#fontlist li{ height:22px;line-height:22px; }



/*---------- ������ ----------*/
#navbar_wrap { background:#e61952; height: 40px; }
#navbar { margin: 0 auto;width:1200px; }
#sidebar { float:left; _display:inline; width:190px; height:40px; position:relative;  z-index:99; }
#sidebar h3 { background:#1d1d1d; }
#sidebar .all_class{ height:40px; text-indent:30px; line-height:40px; display:block; font-size:15px; color:#fff; background:url(../images/head.png) 130px -245px no-repeat; }

.sidebar_sp { float:left; _display:inline; width:120px; height:40px; position:relative;  z-index:99; }
.sidebar_sp h3 { background:#1d1d1d; }
.sidebar_sp .all_class{ height:40px; text-indent:16px; line-height:40px; display:block; font-size:14px; color:#fff; background:url(../images/head.png) 85px -245px no-repeat; }

#navbar .nav li {  float:left; font-size:14px; font-weight:700; line-height:40px; text-align:center; }
#navbar .navBtn { position:relative; height:40px; width:130px; display:block; color:#fff;  }
#navbar .navBtn a{	height:40px; width:130px; display:block; color:#fff;  -webkit-transition:none;-moz-transition:none;-o-transition:0;transition:none; font-weight: bold;}
#navbar .nav .navBtn a:hover, #navbar .nonce a { background:#b1133f; }

.sp_r { float:right; padding-top:4px; display:inline; }
.scrollbox { background:url(../images/head.png) 0 -219px no-repeat; clear:both; }
.scrollbox{ position:relative; width:210px; float:right; height:22px; overflow:hidden;}
.scrollbox ul{ position:absolute; left:0px; top:0px;}
.scrollbox li{ float:left; width:210px; height:63px; overflow:hidden; padding:5px 0px;}
.scrollbox li a{ float:left; display:inline-block; width:210px; height:63px; overflow:hidden; text-indent:25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scrollbox li a:link, .scrollbox li a:visited { color:#fbdde5;}
#fontlist li{ height:22px;line-height:22px; }

/*---------- �ײ� ----------*/
.footer { background:url(../images/footer_repeat.png) repeat-x; padding:20px 0 50px; }
.service { background:url(../images/service.png) no-repeat; width:1065px; height:55px; margin:10px auto;}
.line { border-top:1px solid #f2f2f2; margin:20px 0;}
.question { width:1110px; margin:10px auto; padding-left:40px; }
.question dl { width:110px; margin-right:20px; float:left; _display:inline; height: 127px; border-right:1px dashed #dcdcdc; }
.question dl.sp { width:250px; margin-left:20px; }
.question dl.noBd { border-right:none; }
.question dt { line-height:26px; font-size:14px; color:#444; }
.question dd a{ line-height:22px; color:#888; }
.question .app { width:219px; height:112px; background:url(../images/head.png) -299px -127px no-repeat; }
.question .tel { width:233px; height:121px; background:url(../images/head.png) 0 -653px no-repeat; }

/* -----[ foot ]---------------------*/
.foot { margin-bottom:10px; overflow:hidden; height:22px; }
.foot ul { display:block; }
.foot li { height:22px; line-height:22px; text-align:center; font-size:12px; display:block; margin:0 auto; color:#555; }
.foot li a{	margin:0 5px; color:#555; }

/* -----[ copyright ]---------------------*/
.copyright {
    clear: both;
    background: url(../images/footer_repeat.png) repeat-x;
    padding-top: 30px;
    margin-top: 25px;
}
.copyright_img { text-align:center;  margin:0 0 10px; }
.copyright_img img { margin:0 10px; }
.copyright p {
    text-align: center;
    line-height: 20px;
    padding-top: 5px;
}
.copyright .divd { text-align:center; color:#555; }
.copyright .info{ text-align:center; margin-top:5px; color:#555; }

/* -----[ ��¼�� ]---------------------*/
.title_login {font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:20px; height:40px; line-height:40px; border-bottom:2px solid #e61952; position:relative; color:#777; letter-spacing:5px; text-indent:10px;  }

#loginAll { width:334px; margin:10px auto 0; font-size:12px; color:#888; }
#loginAll table td { padding:10px 5px; font-size:12px; color:#888; }
#loginAll .td {	padding: 0px 12px; }
#loginAll p.p {	height: 45px; width: 138px;	margin-top: 20px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
#loginAll a.a {	text-decoration: underline;	color: #333; }

.inputBg { border:1px solid #bfbfbf; width:300px; height:30px; line-height:30px; font-size: 14px; text-indent:10px; *text-indent:0; }
.btn_submit { cursor: pointer; border:none; width:301px; height:49px; line-height:49px; text-align:center; letter-spacing:5px; color:#fff; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:20px; background:url(../images/login.jpg) 0 -46px no-repeat;  }

p.inputs { position: relative;}
p.inputs label{ position:absolute; left: 11px; top:0; line-height:30px; color: #a6a6a6; cursor: text; font-size: 14px; }
p.inputs label.hide{ display: none; }

.hide{ display: none; }
input{ outline: none; }

.icon_bg { margin-top:15px;}
.icon_bg span{ margin-right:6px;}
.icon_bg a {  padding-left:23px; height:22px; line-height:22px; display:inline-block; margin-right:10px;}
.icon_sina { background:url(../images/login.jpg) 0 -108px no-repeat;  }
.icon_163 { background:url(../images/login.jpg) -41px -108px no-repeat;  }
.icon_qq { background:url(../images/login.jpg) -82px -108px no-repeat;  }
.icon_zfb { background:url(../images/login.jpg) -123px -108px no-repeat;  }
.icon_weixin { background:url(../images/login.jpg) -164px -108px no-repeat;  }
.icon_xunlei { background:url(../images/login.jpg) -205px -108px no-repeat;  }
.icon_139 { background:url(../images/login.jpg) -246px -108px no-repeat;  }
.icon_baidu { background:url(../images/login.jpg) -288px -108px no-repeat;  }
.icon_bg a:link,.icon_bg a:visited { color:#999; }

/* -----[ app_full ]--------------------- */
.app_full { display:block; height:120px; text-indent:-9999px;}

/* -----[ r_bar ]--------------------- */
.r_bar { width:auto; height:100%; position: fixed; right: 0; top:0;  text-align: center; _position: absolute; _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); overflow: visible; z-index:999; }

.r_bar .left { width:35px; height:100%; background:#363636; float:left; position:relative; }
.r_bar .left ul {
    width: 35px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    top: 195px;
    height: 370px;
}
.r_bar .left ul li:hover { background:#d50039; }
.r_bar .left ul li:hover a { color:#fff; -webkit-transition:0;-moz-transition:none;-o-transition:0;transition:0; }
.r_bar .cart_num { display:block; padding-top:10px; cursor:pointer; width:35px; height:110px; background:url(../images/r_bar.png) -278px bottom no-repeat;) }
.r_bar .cart_num a { display:block; width:20px;text-align:center; color:#fff; margin:0 auto; padding-top:25px; background:url(../images/r_bar.png) 3px 0 no-repeat; }
.r_bar .cart_num span { border-radius:20px; background:#d50039; padding:3px; text-align:center; overflow:hidden; color:#fff; margin:10px 0; display:block; }
.r_bar .kefu a { display:block; padding:0 8px; text-align:center; color:#999; margin:0 auto; padding-top:25px; background:url(../images/r_bar.png) -61px 0 no-repeat; }
.r_bar .kefu { height:94px; padding:10px 0; background:url(../images/r_bar.png) -278px bottom no-repeat;)}
.r_bar .qrc .qrc_img {display:none; width:168px; height:189px; background:url(../images/qrc.png) no-repeat; position:absolute; bottom:24px; left:-161px;  }
.r_bar .qrc a { text-indent:-9999px; display:block; padding:10px 0; width:35px; height:20px;  text-align:center;  background:url(../images/r_bar.png) -134px 10px no-repeat;  }
.r_bar .top a { text-indent:-9999px; display:block; padding:10px 0 0; width:35px; height:20px;  text-align:center;  background:url(../images/r_bar.png) -207px 10px no-repeat;  }
.r_bar .complaint { height:60px; padding:10px 0; background:url(../images/r_bar.png) -278px bottom no-repeat;)}
.r_bar .complaint a { display:block; padding:0 8px; text-align:center; color:#999; margin:0 auto; padding-top:25px; background:url(../images/r_bar.png) -354px 0 no-repeat; }
.r_bar .complaint { height:60px; padding:10px 0; background:url(../images/r_bar.png) -278px bottom no-repeat;)}
.r_bar .complaint a { display:block; padding:0 8px; text-align:center; color:#999; margin:0 auto; padding-top:25px; background:url(../images/r_bar.png) -354px 0 no-repeat; }
.r_bar .wxkf { height:90px; padding:10px 0; background:url(../images/r_bar.png) -278px bottom no-repeat;);position: relative;}
.r_bar .wxkf a { display:block; padding:0 8px; text-align:center; color:#999; margin:0 auto; padding-top:25px; background:url(../images/r_bar.png) -493px 0 no-repeat; }
.r_bar .wxkf .wxkf_img {display:none; width:168px; height:189px; background:url(../images/wxkf_img.png) no-repeat; position:absolute; bottom:-7px; left:-161px;  }
.r_bar .view { height:60px; padding:10px 0; background:url(../images/r_bar.png) -278px bottom no-repeat;)}
.r_bar .view a { display:block; padding:0 8px; text-align:center; color:#999; margin:0 auto; padding-top:25px; background:url(../images/r_bar.png) -433px 0 no-repeat; }
.r_bar .view_wrap { display:none; width:300px; height:280px; line-height:30px; color: #999; padding:10px 0 0 20px; text-align:left; background:#fff; border:1px solid #d1d1d1; border-right:none; position:absolute; bottom:70px; left:-321px; background:#fafafa;}
.r_bar .view_wrap #content_notice {display: block;line-height:30px;height:30px;}
.r_bar .view_wrap em { color:#e22b41; font-weight:700; margin-left:5px; display:inline; }
.r_bar .view_wrap a.btn_close { padding:0; font-size:18px; cursor: pointer; color:#ccc; float:right; margin-right:10px; font-family:Tahoma, Geneva, sans-serif; display:inline; background:none; }
.r_bar .left ul li:hover .view_wrap a { color:#ccc; }
.r_bar .view_wrap p { clear:both;}
.r_bar .view_input { width:250px; height:25px; border:1px solid #c1c1c1; padding-left:6px; }
.r_bar textarea  { width:250px; height:100px; border:1px solid #c1c1c1; padding:3px 0 0 6px; }
.r_bar .btn_view { width:90px; height:30px; border:none; background:#e22b41; border-radius:4px; color:#fff;}
.r_bar .cart { width:280px; height:100%; background:#fff; float:left;}
.goto_cart { height:32px; line-height:32px; background:#dedede; text-align:right; padding-right:10px;}
.goto_cart a { color:#666; font-size:12px; }
.r_bar .view_succeed { width:171px; height:42px; background:url(../images/head.png) -355px 0 no-repeat; margin:110px 0 0 60px;}
#mt10 { margin-top:10px;}
.fl { float:left; }
input,button,textarea{font-size:100%;}

/* -----[ cart_list ]---------------------*/
.cart { position:relative; display:none; }
.cart_list_wrap { margin-bottom:96px; background:#fff; }
.cart_list { height:70px; width:260px; margin-left:10px; border-bottom:1px dashed #ccc;}
.cart_list li { height:50px; padding:10px 5px 5px; display:inline; line-height:18px; color:#666; float:left;  }
.cart_list .img { width:60px; }
.cart_list .img img{ width:50px;  height:50px; }
.cart_list .name { width:100px; overflow:hidden; text-align:left; }
.cart_list .name a { color:#888; }
.cart_list .num { width:25px; color:#555; line-height:50px; }
.cart_list .price { width:30px; color:#555; line-height:50px; }

.go_buy { position:absolute; left:15px; bottom:0; height:76px; background:#fff;}
.total { display:table; width:100%; color:#666; }
.total span{ display:table-cell; width:50%; padding:0 10px;}
.total b{ margin:0 2px; font-size:13px; color:#f74447; }
.cart .btn_account { width:254px; height:38px; line-height:38px; display:block; margin:10px auto; color:#fff; font-size:14px; background:#d50039; border-radius:4px; }

/*���ﳵ����Ʒ*/
.no_cart {width:230px; margin:40px auto 0;}
.no_cart_img {height:145px;background:url(../images/no_cart.jpg) no-repeat 48px top;margin-bottom: 25px;}
.no_cart p {color:#444444;}
.cart .no_btn_account { width:254px; height:38px; line-height:38px; display:block; margin:10px auto; color:#fff; font-size:14px; background:#878787; border-radius:4px; }

/* -----[ ��ʾ�� ]---------------------*/
.title_warn { font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:16px; height:31px; line-height:31px; border-bottom:1px solid #ddd; position:relative; color:#777; letter-spacing:5px; text-indent:10px; background:#f2f2f2;  }
.warn { margin:0 auto;}
.icon_01,.icon_02 { width:32px; height:32px; display:inline-block; margin-right:5px; position:relative; top:10px; }
.icon_01 { background:url(../images/sp.png) 0 -319px no-repeat;}
.icon_02 { background:url(../images/sp.png) -49px -319px no-repeat; }
.warn_txt { line-height:22px; font-size:14px; color:#666; height:65px; text-align:center; margin:10px auto; }
.btn_wrap { text-align:center; margin-top:0px; }
.btn_ok { display:inline-block; width:80px; height:26px; line-height:26px; font-size:14px; color:#fff; text-align:center; background:#ef0849; margin:0 5px; border-radius:4px; }
.btn_cancel {  display:inline-block; border:1px solid #ccc; margin:0 5px; width:55px; height:24px; line-height:24px; font-size:14px; color:#999; text-align:center; background:#ececec; border-radius:4px; *position:relative; *top:1px; }
.btn_ok:link,.btn_ok:hover,.btn_ok:visited { color:#fff; }

/* -----[ �������� ]---------------------*/
#linkfrend {  margin:10px auto 20px; width:1140px; position:relative; border-bottom:1px solid #f2f2f2; padding:10px 0 15px;}
#linkfrend .open,#linkfrend .close { position:absolute; top:20px; right:0; display:block; width:11px; height:6px; background:url(../images/head.png) 10px -612px no-repeat; font-family:Arial, Helvetica, sans-serif; }
#linkfrend .close {background:url(../images/head.png) -11px -612px no-repeat; }
#linkfrend a.open,#linkfrend a.close { color:#bbb; width: 30px;height: 30px;}
#youqinglink { position:relative;width:1110px; height:30px;overflow: hidden;}
#title_index { font-weight:700; color:#888; }
#youqinglink ul{ width:auto;padding:0 10px;}
#youqinglink li{ float:left;height:26px;_margin:0 8px;white-space:nowrap; line-height:25px;margin:0 10px;}
#youqinglink li a { color:#888; }

#floatcart{width:80px;height:80px;overflow:hidden;position:fixed;z-index:890;}

.baifendian {float: right;}

/*�����Զ����*/
.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #ccc; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-2px 6px 6px -8px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#f1f1f1; }
.autocomplete div { text-indent: 10px; line-height:28px; height:28px; white-space:nowrap; color:#666; overflow: hidden;width:415px;}
.autocomplete strong { font-weight:700; color:#333; }



.menu {	float:left;	width:190px; height:455px; }
.menu_list { width:190px; position:relative;z-index:1;}
.menu_list h3 {
    width: 190px;
    height: 90px;
    line-height: 90px;
    overflow: hidden;
    position: relative;
    font-size: 13px;
    border-bottom: 1px solid #eaeaea;
    z-index: 2;
}
.menu_list h3 a { text-decoration:none; text-indent:58px; font-size:13px; color:#fff; display:block; -webkit-transition:0;-moz-transition:none;-o-transition:0;transition:0; }
.menu_list h3 a:link, .menu_list h3 a:visited{ color:#fff; }
.menu_list h3 a:hover {	color:#e61952; -webkit-transition:0;-moz-transition:none;-o-transition:0;transition:0; }
.menu .hover a{ color:#e61952; }
.menu_list h3.hover a:link, .menu_list h3.hover a:visited{ color:#e61952; }

.new_sort1 { background:url(../images/menu.png) 0 0 no-repeat; }
.new_sort2 { background:url(../images/menu.png) 0 -35px no-repeat; }
.new_sort3 { background:url(../images/menu.png) 0 -70px no-repeat; }
.new_sort4 { background:url(../images/menu.png) 0 -105px no-repeat; }
.new_sort5 { background:url(../images/menu.png) 0 -140px no-repeat; }
.new_sort6 { background:url(../images/menu.png) 0 -175px no-repeat; }
.new_sort7 { background:url(../images/menu.png) 0 -210px no-repeat; }
.new_sort8 { background:url(../images/menu.png) 0 -245px no-repeat; }
.new_sort9 { background:url(../images/menu.png) 0 -280px no-repeat; }
.new_sort10 { background:url(../images/menu.png) 0 -315px no-repeat; }
.new_sort11 { background:url(../images/menu.png) 0 -350px no-repeat; }
.new_sort12 { background:url(../images/menu.png) 0 -385px no-repeat; }
.new_sort13 { background:url(../images/menu.png) 0 -420px no-repeat; }

.menu h3.hover .new_sort1{	background:url(../images/menu.png) -190px 0 no-repeat;}
.menu h3.hover .new_sort2{	background:url(../images/menu.png) -190px -35px no-repeat;}
.menu h3.hover .new_sort3{	background:url(../images/menu.png) -190px -70px no-repeat;}
.menu h3.hover .new_sort4{	background:url(../images/menu.png) -190px -105px no-repeat;}
.menu h3.hover .new_sort5{	background:url(../images/menu.png) -190px -140px no-repeat;}
.menu h3.hover .new_sort6{	background:url(../images/menu.png) -190px -175px no-repeat;}
.menu h3.hover .new_sort7{	background:url(../images/menu.png) -190px -210px no-repeat;}
.menu h3.hover .new_sort8{	background:url(../images/menu.png) -190px -245px no-repeat;}
.menu h3.hover .new_sort9{	background:url(../images/menu.png) -190px -280px no-repeat;}
.menu h3.hover .new_sort10{	background:url(../images/menu.png) -190px -315px no-repeat;}
.menu h3.hover .new_sort11{	background:url(../images/menu.png) -190px -350px no-repeat;}
.menu h3.hover .new_sort12{	background:url(../images/menu.png) -190px -385px no-repeat;}
.menu h3.hover .new_sort13{	background:url(../images/menu.png) -190px -420px no-repeat;}

/* -----[ �����˵� ]---------------------*/
.menu .i-list { position:absolute; left:190px; padding:10px 15px; background:#fff; display:none; width:200px; height:434px; border-bottom:1px solid #ddd; overflow:hidden; z-index:1; }

.i-list ul li {	list-style:none; float:left; }
.i-list ul li a { heignt:28px; line-height:32px; display:block; padding:0 5px; text-decoration:none; white-space:nowrap; font-size:12px; color:#666; }
.i-list ul li a:hover {	text-decoration:underline; color:red; }

.i-list p.small_ab { border-top:1px dashed #ccc; text-align:center; padding-top:10px; margin-top:10px; }
.i-list p.small_ab img { width:204px; height:73px; }

/* -----[ ����ҳ ]---------------------*/
.menu_sp {	float:left;	width:120px; border-bottom:none; background:#fff; }
.menu_sp .menu_list { width:120px; position:relative;z-index:1;}
.menu_sp .menu_list h3 { width:120px; height:27px; line-height:27px; overflow:hidden; position:relative; font-size:13px; z-index:2; font-family:����; }
.menu_sp .menu_list h3 a { display:block; height:27px; text-decoration:none; text-indent:38px; font-size:13px; color:#d1d1d1; -webkit-transition:0;-moz-transition:none;-o-transition:0;transition:0; }
.menu_sp .menu_list h3 a:link,.menu_sp .menu_list h3 a:visited{ color:#d1d1d1; }
.menu_sp .menu_list h3 a:hover { color:#e61952; -webkit-transition:0;-moz-transition:none;-o-transition:0;transition:0; }
.menu_sp .menu_list h3.hover a { color:#e61952; }

.menu_sp .new_sort1 { background:url(../images/menu_sp.png)  0 0 no-repeat; }
.menu_sp .new_sort2 { background:url(../images/menu_sp.png)  0 -27px no-repeat; }
.menu_sp .new_sort3 { background:url(../images/menu_sp.png)  0 -54px no-repeat; }
.menu_sp .new_sort4 { background:url(../images/menu_sp.png)  0 -81px no-repeat; }
.menu_sp .new_sort5 { background:url(../images/menu_sp.png)  0 -108px no-repeat; }
.menu_sp .new_sort6 { background:url(../images/menu_sp.png)  0 -135px no-repeat; }
.menu_sp .new_sort7 { background:url(../images/menu_sp.png)  0 -162px no-repeat; }
.menu_sp .new_sort8 { background:url(../images/menu_sp.png)  0 -189px no-repeat; }
.menu_sp .new_sort9 { background:url(../images/menu_sp.png)  0 -216px no-repeat; }
.menu_sp .new_sort10 { background:url(../images/menu_sp.png)  0 -243px no-repeat; }
.menu_sp .new_sort11 { background:url(../images/menu_sp.png)  0 -270px no-repeat; }
.menu_sp .new_sort12 { background:url(../images/menu_sp.png)  0 -297px no-repeat; }
.menu_sp .new_sort13 { background:url(../images/menu_sp.png)  0 -324px no-repeat; }

.menu_sp h3.hover .new_sort1 { background:url(../images/menu_sp.png)  -120px 0 no-repeat; }
.menu_sp h3.hover .new_sort2 { background:url(../images/menu_sp.png)  -120px -27px no-repeat; }
.menu_sp h3.hover .new_sort3 { background:url(../images/menu_sp.png)  -120px -54px no-repeat; }
.menu_sp h3.hover .new_sort4 { background:url(../images/menu_sp.png)  -120px -81px no-repeat; }
.menu_sp h3.hover .new_sort5 { background:url(../images/menu_sp.png)  -120px -108px no-repeat; }
.menu_sp h3.hover .new_sort6 { background:url(../images/menu_sp.png)  -120px -135px no-repeat; }
.menu_sp h3.hover .new_sort7 { background:url(../images/menu_sp.png)  -120px -162px no-repeat; }
.menu_sp h3.hover .new_sort8 { background:url(../images/menu_sp.png)  -120px -189px no-repeat; }
.menu_sp h3.hover .new_sort9 { background:url(../images/menu_sp.png)  -120px -216px no-repeat; }
.menu_sp h3.hover .new_sort10 { background:url(../images/menu_sp.png)  -120px -243px no-repeat; }
.menu_sp h3.hover .new_sort11 { background:url(../images/menu_sp.png)  -120px -270px no-repeat; }
.menu_sp h3.hover .new_sort12 { background:url(../images/menu_sp.png)  -120px -297px no-repeat; }
.menu_sp h3.hover .new_sort13 { background:url(../images/menu_sp.png)  -120px -324px no-repeat; }

/* -----[ �����˵� ]---------------------*/
.menu_sp .i-list { position:absolute; left:119px; padding:10px 15px; background:#fff; display:none; width:200px; height:435px;border:1px solid #ddd;border-top:none; overflow:hidden; z-index:1; }
.sidebar_sp .menu_sp .i-list {  left:119px; padding:10px 15px; background:#fff; display:none; width:200px; height:435px; border:1px solid #ddd; }

.l1{ top:0;}
.l2{ top:-35px;}
.l3{ top:-70px;}
.l4{ top:-105px;}
.l5{ top:-140px;}
.l6{ top:-175px;}
.l7{ top:-210px;}
.l8{ top:-245px;}
.l9{ top:-280px;}
.l10{ top:-315px;}
.l11{ top:-350px;}
.l12{ top:-385px;}
.l13{ top:-420px;}

.menu_sp .l1{ top:0;}
.menu_sp .l2{ top:-27px;}
.menu_sp .l3{ top:-54px;}
.menu_sp .l4{ top:-81px;}
.menu_sp .l5{ top:-108px;}
.menu_sp .l6{ top:-135px;}
.menu_sp .l7{ top:-162px;}
.menu_sp .l8{ top:-189px;}
.menu_sp .l9{ top:-216px;}
.menu_sp .l10{ top:-243px;}
.menu_sp .l11{ top:-270px;}
.menu_sp .l12{ top:-297px;}
.menu_sp .l13{ top:-324px;}






/* ------------css reset------------- */
html{color:#000;}
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;}
fieldset,img{border:0;}
abbr,acronym{border:0;font-variant:normal;}
:focus{outline:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-family:inherit;font-weight:inherit;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial, Helvetica, sans-serif, ����;}
input,button,textarea,select,optgroup,option{font-size:inherit;font-family:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
sup,sub{font-size:100%;vertical-align:baseline;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
em { font-style:normal; }

/*----[ clear ]---------------------------------*/
.fixed:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.fixed{display:block;min-height:1%;}
*html .fixed{height:1%;}
.clear{display:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;font-size:0;line-height:0;margin:0 auto!important;padding:0!important;}

/* -----[ body ]---------------------*/
body {
	font-size:12px;  font-family:Arial, Verdana, Helvetica, sans-serif;
	background:#fff;
	color:#333;}

a {	-webkit-transition:all .3s ease;
	   -moz-transition:all .3s ease;
		 -o-transition:all .3s ease;
	        transition:all .3s ease; }

a:link,a:visited {
	text-decoration:none;
	color:#333; }

a:hover {
	color:#e61952;
	-webkit-transition:all .3s ease;
	   -moz-transition:all .3s ease;
		 -o-transition:all .3s ease;
	        transition:all .3s ease; }

/*cart */
.success_cart {
    width: 385px;
    font-size: 13px;
    margin: 8px 0;
}
.success_cart1 {
    margin: 0 auto;
    width: 144px;
}
.success_cart_btn {
    width: 160px;
    height: 24px;
    margin: 0 auto;
}
.success_cart span {
    width: 226px;
    height: 1px;
    display: block;
    margin: 10px auto;
}
.btnA, .btnB {
    width: 67px;
    height: 22px;
    margin: 0 4px;
    text-decoration: none;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    display: block;
    float: left;
}
.btnA {
    background: url(../images/btn.png) -67px 0 no-repeat;
    color: #111;
}
.btnB {
    background: url(../images/btn.png) -67px -24px no-repeat;
    color: #fff;
    cursor:pointer;
}



.bg { background:#f7f7f7; padding:35px 0; }
.main_wrap { width:1200px; margin:0 auto; }
.wrap { width:1200px; margin:0 auto; }
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.title { width:1200px; height:30px; clear:both; position:relative; }
.fl { float:left; }
.relative { position:relative; }
.bt { border-top:1px solid #f1f1f1; }
.br { border-right:1px solid #f1f1f1; }
.bl { border-left:1px solid #f1f1f1; }

/* -----[ ��ɱ ]--------------------- */
.title_ks { width:229px; height:27px; background:url(../images/head.png) 0 -344px no-repeat; text-indent:-9999px; display:block; float:left; }
.ks_time { float:right; }
.ks_time li { float:left; line-height:28px; color:#666; margin:0 2px; display:block; _display:inline; font-size:12px; }
.ks_time a.ks_time_bg { width:28px; height:28px; border-radius:4px; display:block; text-align:center; background:#111; color:#fff; font-size:20px; font-family:Arial, Helvetica, sans-serif; }

.ks { width:1200px; height:428px; overflow:hidden; }
.ab_ks { width:309px; height:428px; float:left; overflow:hidden; }
.ab_ks img{ width:309px; height:428px; }

.ks_content { width:891px; height:428px; background:#fcda4f url(../images/ks_bg.png) bottom no-repeat; float:left; }
.ks_content .snack_wrap { position:relative; width:889px; height:428px; top:12px; }
.ks_content li { display:block; float:left; margin:0 5px 5px 0; background:#fff; line-height:18px; width:216px; height:190px; position:relative; text-align:center; overflow:hidden; }

.ks_content li .snack_img { display:block; width:130px; height:110px; margin:8px auto; }
.ks_content li img{ width:130px; height:110px; }
.ks_content li a.name { overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height:18px; color:#777; display:block; width:140px; height:18px; font-size:12px; margin:0 auto 0; }
.ks_content li .price { font-size:14px; line-height:18px; color:#e7283a; font-family:Arial, Helvetica, sans-serif, ����; }
.ks_content li .price em { font-size:14px; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial, Helvetica, sans-serif, ����; }

/* -----[ �Żݴ��� ]--------------------- */
.title_cuxiao { width:203px; height:27px; background:url(../images/head.png) 0 -379px no-repeat; text-indent:-9999px; display:block; float:left; }
.cuxiao .more { width:80px; height:15px; display:block; text-indent:-9999px; background:url(../images/head.png) 0 -447px no-repeat; position:absolute; top:5px; right:0; }

.cuxiao_content { background:#fff; }
.cuxiao_wrap { width:600px; float:left; overflow:hidden; }
.cuxiao_up { border-left:1px solid #f1f1f1; }
.cuxiao_up li{ width:208px; height:200px; overflow:hidden; position:relative; }
.cuxiao_up li img{ display:block; width:140px; height:140px; margin:5px auto;}
.cuxiao_up li .info { width:180px; text-align:center; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial,"����"; margin:0 auto;}
.cuxiao_up li a.name { overflow:hidden; text-overflow: ellipsis; white-space:nowrap; line-height:18px; color:#777; display:block; width:180px; height:18px; font-size:12px; }
.cuxiao_up li .price1 { line-height:20px; color:#e7283a; font-size:14px; margin-top:5px; }
.cuxiao_up li .price1 em { font-size:14px; }
.cuxiao_up li .discount { font-size:12px; color:#82d151; padding-left:5px; } 

.cuxiao .ab { height:150px; clear:both;}
.cuxiao .ab img { width:399px; height:150px; float:left;}

.cuxiao .big { width:390px; height:401px; float:left; overflow:hidden; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial,"����";  }
.cuxiao .big .snack_img { display:block; width:230px; height:230px; position:relative; margin:30px 0 0 135px; }
.cuxiao .big img{ width:230px; height:230px; }
.cuxiao .big a.name { overflow: hidden; text-overflow: ellipsis; white-space:nowrap; line-height:24px; color:#333; display:block; width:340px; height:24px; font-size:24px; margin:38px 0 0 30px; }
.cuxiao .big .price1 { font-size:26px; line-height:26px; color:#f71d27; margin:10px 0 0 30px; }
.cuxiao .big .price1 em { font-size:16px;}
.cuxiao .big .price1 span { font-size:14px; color:#777; }
.cuxiao .big .price1 del { font-size:12px; color:#bbb; padding-left:5px; }
.cuxiao .big .tag { display:block; text-align:center; font-size:24px; line-height:30px; color:#fff; width:76px; height:65px; background:url(../images/head.png) -250px -517px no-repeat; position:absolute; top:-16px; left:-94px; font-family:Arial, Helvetica, sans-serif; }

/* -----[ �����Ƽ� ]--------------------- */
.title_hot_sale { width:290px; height:30px; background:url(../images/head.png) 0 -412px no-repeat; text-indent:-9999px; display:block; float:left; }
.hot_sale .change { width:53px; height:13px; display:block; text-indent:-9999px; background:url(../images/head.png) 0 -474px no-repeat; position:absolute; top:5px; right:0; }

.hot_sale_snack {  width:1200px; height:289px; background:#fff; }
.hot_sale_snack li { overflow:hidden; text-align:center; width:299px; height:289px; float:left; border-right:1px solid #f1f1f1; display:block; line-height:18px; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial,"����"; position:relative; background:#fff; }
.hot_sale_snack .hot_sale_img { width:180px; height:180px; display:block; margin:25px auto 20px; }
.hot_sale_snack .hot_sale_img img { width:180px;  height:180px; }
.hot_sale_snack li.nb { border-right:none;}
.hot_sale_snack a.name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#777; display:block; width:180px; height:20px; margin:0 auto; text-align:center; font-size:12px; }
.hot_sale_snack .price { font-size:18px; line-height:30px; color:#e7283a; margin-left:18px; }
.hot_sale_snack .tag { width:54px; height:54px; background:url(../images/head.png) -382px -400px no-repeat; display:block; position:absolute; top:0; left:0; text-indent:-9999px; }

/* -----[ 1F~10F ]--------------------- */
.titleF {  height:36px; line-height:36px; font-size:22px; font-weight:700; position:relative; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial, Helvetica, sans-serif, ����; color:#333333; }
.hot_search { position:absolute; right:10px; bottom:0;}
.hot_search a { font-size:12px; font-weight:500; margin-left:10px; padding:3px 6px; font-family: ����; }
.hot_search .hot,.hot_search a:hover { color:#fff; border-radius:3px;}

.color1 a { color:#ff9228;}
.color1 .hot,.color1 a:hover { background:#ff9228; }
.color2 a { color:#f8223b;}
.color2 .hot,.color2 a:hover { background:#f8223b; }
.color3 a { color:#fa5db1;}
.color3 .hot,.color3 a:hover { background:#fa5db1; }
.color4 a { color:#7cc629;}
.color4 .hot,.color4 a:hover { background:#7cc629; }
.color5 a { color:#e7a254;}
.color5 .hot,.color5 a:hover { background:#e7a254; }
.color6 a { color:#b37aff;}
.color6 .hot,.color6 a:hover { background:#b37aff; }
.color7 a { color:#92d12c;}
.color7 .hot,.color7 a:hover { background:#92d12c; }
.color8 a { color:#ffa028;}
.color8 .hot,.color8 a:hover { background:#ffa028; }
.color9 a { color:#ff850c;}
.color9 .hot,.color9 a:hover { background:#ff850c; }
.color10 a { color:#5e83ee;}
.color10 .hot,.color10 a:hover { background:#5e83ee; }

.floor_info { width:240px; height:430px; }
.floor_info .floor_img img{ width:240px; height:430px; }
.floor .snack { float:left; width:959px; overflow:hidden; background:#fff;}
.floor .snack li {
    width: 238px;
    height: 215px;
    float: left;
    border-right: 1px solid #f1f1f1;
    position: relative;
    border-bottom: 1px solid #f1f1f1;
}
.floor .snack li.noBd { border-right:none; }
.floor .snack li .img{ display:block; width:170px; height:140px; margin:5px auto; }
.floor .snack li .img img{  width:170px; height:140px; }
.floor .snack li .info { width:170px; position:absolute; left:30px; bottom:8px; }
.floor .snack li a.name { overflow:hidden; text-overflow: ellipsis; text-align:center; line-height:18px; color:#666; display:block; width:170px; height:18px; font-size:12px; }
.floor .snack li .price1 { line-height:18px; color:#f74447; font-size:12px; font-weight:500; text-align:center; }

.f1 .big { top:0; left:0; }
.f1 .ab { top:0; left:480px; }
.f1 .snack2 { top:0; left:240px; }
.f1 .snack3 { top:215px; left:240px; border-top:1px solid #f1f1f1; }
.f1 .snack4 { top:215px; left:480px; border-top:1px solid #f1f1f1; }
.f1 .snack5 { top:215px; left:720px; border-top:1px solid #f1f1f1; }

/* -----[ Ʒ���Ƽ� ]--------------------- */
.brand { position:relative; width:1200px;  }
.brand .title {  height:36px; font-size:22px; font-weight:700; position:relative; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei", Arial, Helvetica, sans-serif, ����; color:#333333; }
.brand_wrap { width:1200px; } 
.brand .logo { width:1200px; }
table { width:1200px; background:#f5f5f5;}
table td{ width:132px; height:80px; background:#fff; text-align:center; }

.brand .logo li { width:133px; height:80px; float:left; border-right:2px solid #f5f5f5; border-bottom:2px solid #f5f5f5; }
.brand .logo li a { width:82px; height:42px; display:block; margin:0 auto; }
.brand .logo li img { width:82px; height:42px; }

/*�����*/
#adimage {margin: 0 auto;overflow: hidden;}


#screen{width:1010px;height:455px;overflow:hidden; position:relative; float:left;}
#screen .bd{width:1010px;height:455px;position:relative;overflow:hidden;float:left;}
#screen .bd .mt{width:1010px;height:455px;position:relative;overflow:hidden;}
#screen .bd .mt img{width:1010px;height:455px;}

#screen .cd{ width:210px;height:424px; position:absolute; _position:relative; top:16px; right:0; background:#fff;filter:alpha(opacity=40);opacity:.4;}

#screen .hd{ width:196px; position:absolute; top:24px; right:3px; z-index:99; }
#screen .hd ul li{ width:190px;height:94px;display:inline;position:relative;overflow:hidden;float:left; margin:0 0 10px 0;}
#screen .hd ul li a{width:190px;height:94px;display:block;}
#screen .hd ul li img{width:190px;height:94px; filter:alpha(opacity=30); opacity:0.3; }

#screen .hd ul li a:hover img,#screen .hd ul .on img{  -webkit-transition:none;-moz-transition:none;-o-transition:0; transition:none; filter:alpha(opacity=100); opacity:1; }
.indexpic {
	-webkit-transition:all 1.5s ease;
	-moz-transition:all 1.5s ease;
	-o-transition:all 1.5s ease;
	transition:all 1.5s ease;
}