/*
Template Name: ShopingB2B Default
Template URI: http://www.le33.com/
Description: IT采购平台样式.
Version: 2.7.3
Author: ShopingB2B Team
Author URI: http://www.le33.com/
Logo filename: logo.gif
Template Type: type_0
*/
html{overflow-y: scroll; overflow-x:hidden;}
body{ background:#fafafa; font:12px/1.5 "微软雅黑",Arial,HELVETICA; _background-image:url(about:blank); _background-attachment:fixed; margin:0px; padding:0px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding: 0;margin: 0}
table,td,tr,th{font-size: 12px}
li{list-style-type: none; display:block}
em,i{font-style:normal}
img{vertical-align: top;border: 0}
ol,ul{list-style: none}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
,button,input,select,textarea{color:#565656;font:12px/1.5 tahoma,arial,SimSun; background: #fefefe;}
input,select,textarea{font-size:100%;}
input,select{vertical-align:baseline;}
table{}
th{text-align:inherit;}
fieldset,img{border:0;}
iframe{display:block;}
abbr,acronym{border:0;font-variant:normal;}
del{text-decoration:line-through;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}ins,a{text-decoration:none;}a{color:#666;}a:hover{color:#D2364C;text-decoration:underline;}.clearfix:before,.clearfix:after{display:table;line-height:0;content:'';}.clearfix:after{clear:both;}.clearfix{*zoom:1;}div.clear{clear:both;height:0;font-size:0;overflow:hidden;}
.hide,body .none{display:none;}.left,.right,.center,.l,.r,.c{_display:inline;}.left,.l,.center,.c{float:left;}.right,.r{float:right;}
h1,h2,h3,h4,h5,h6{font-size: 12px;font-weight: normal}
address,cite,code,em,th{font-weight: normal;font-style: normal}
.ui-form-item label{background-image: url("images/ui-fm.png"); background-repeat: no-repeat; color: #FF5243;padding: 4px 0;padding-left: 20px; display:inline; font-size:12px; margin-left:4px;}
.ui-form-item label.error { background-position: -186px 6px;}
.ui-form-item label.info {background-position: -136px -80px;}
a{color:#333;text-decoration: none}
a:hover{color: #DE393C;text-decoration: underline}
.yahei{font-family: "microsoft yahei"}
:focus{outline: 0}
a img{border: 0}
.f1{color:#F00; font-weight:bold}
img{vertical-align: middle}
img{-ms-interpolation-mode: bicubic}
table{empty-cells: show}
.ac {
  text-align: center;
}
ins{text-decoration: none}
del{text-decoration: line-through}
em{font-style: normal}
button: : -moz-focus-inner,input[type="reset"]: : -moz-focus-inner,input[type="button"]: : -moz-focus-inner,input[type="submit"]: : -moz-focus-inner,input[type="file"]>input[type="button"]: : -moz-focus-inner{border: none;padding: 0}
.mt10{margin-top: 10px}
:focus { outline:0; }
.clear {clear: both;margin:0px;padding:0px;}
.clearfix::after{content: ".";display: block;visibility: hidden;height: 0;clear: both;}
.clearfix { zoom:1}
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.v-top { vertical-align:top; }
.v-middle { vertical-align:middle; }
.f_l{float:left}
.f_r{float:right}
.f-left,.left { float:left !important; }
.f-right,.right { float:right !important; }
.f-none { float:none !important; } 
.f-fix { float:left; width:100%; }
.hidden{ display:none}
.none_bg{background:none}
.relative{position:relative;}
.absolute{position:absolute;}
.container{width:1186px;margin:0px auto;}
.indexmain{margin:0 auto; background:#F4CA79}
.block{width:1186px; overflow:hidden; margin:0 auto 10px auto; display:block;}
.wrap { margin: 0 auto;width: 1186px;}
.AreaL{ width:220px; float:left}
.AreaR{float: right; width: 942px;}
.blank{height:10px; overflow:hidden; clear:both}
.blank5{height:10px; overflow:hidden; clear:both}
.blank20{height:10px; overflow:hidden; clear:both}

.pt5{padding-top:5px;}.pt10{padding-top:10px;}.blank10{height:10px;clear:both;}.blank2{height:2px;clear:both;}.blank15{height:15px;clear:both;}.blank25{height:25px;clear:both;}.mb5{ margin-bottom:5px;}.blank5{height:5px;clear:both;}.p5{padding:5px;}
.pl20{padding-left:20px;}
.mt-20{ margin-top:10px;}
.col-main{width:1186px;margin:0 auto;}
.area{width:1186px;margin:0 auto;}
.p-price strong, .p-market strong{color:red;font-size:18px;font-weight:normal}

.container{margin-bottom: 30px; padding-top: 24px;}

.crumb{color: #fff; font-size: 14px; font-weight: bold; height: 20px; margin: 0 0 10px; padding-top: 5px;}
.crumb li{float: left; line-height: 20px;}
.crumb li a{color: black; display: block; padding-right: 8px;}
.crumb .home a{background: url("images/bits.png") no-repeat scroll 0 -159px; display: block; float: left; height: 16px; width: 16px;}
.crumb .step_arrow{background: url("images/bits.png") no-repeat scroll 0 -175px; display: block; float: left; height: 16px; margin-top: 3px; overflow: hidden; padding-right: 8px; width: 16px;}
.crumb li{float: left; line-height: 20px;}

.login_btn, .login_btn:disabled, .login_btn:disabled:hover, .login_btn:disabled:active, .login_btn.disabled, .login_btn.disabled:hover, .login_btn.disabled:active {background: linear-gradient(to bottom, #4A6DB6 1%, #4062A7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.login_btn{background:#4A6DB6; border: 1px solid #3C64B5; border-radius: 2px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 20px; height: 40px; line-height: 40px; margin-right: 35px; overflow: visible; text-align: center; text-shadow: 0 1px 1px #3C64B5; width: 140px;}

/*.mybtn, .mybtn span, .mybtn i{background: url("images/btn_hor.png") no-repeat 0 0; display:block; vertical-align: middle;}*/
.mybtn, .mybtn span, .mybtn i{background-color: #ff7f7f; display:block; vertical-align: middle;}
/*.mybtn{border-width: 0; color: #FFFFFF; font-size: 13px; line-height: 30px; padding-left: 15px; text-shadow: 0 -1px 0 #367D10; white-space: nowrap; word-wrap: normal;}*/
.mybtn{border-width: 0; color: #FFFFFF; font-size: 14px; line-height: 30px; padding-left: 15px;white-space: nowrap; word-wrap: normal;}
.mybtn:hover{color: #FFFFFF;}
.mybtn span{background-position: 100% 0; cursor: pointer; padding-right: 15px; vertical-align: top;}
.cart_total .mybtn, .cart_summary .mybtn{background-position: 0 -416px; font-size: 16px; line-height: 32px; padding-left: 30px; text-shadow: 0 -1px 0 #466DBD;}
.cart_total .mybtn span, .cart_summary .mybtn span{background-position: 100% -416px; padding-right: 30px;}


/* topbar */
.topbar_wrap, .header_wrap{ background:#3b3f3f; *zoom:1;}
.header_wrap{ background:#ffffff; *zoom:1;}
.topbar{ color:#fff; height:30px; font-size: 15px;}
.topbar ul{ float:right; padding-top:5px;}
.topbar li{ display:inline; float:left;}
.topbar li a, .topbar .line, .topbar .name span{ display:inline-block; line-height:20px; height:20px; vertical-align:top;}
.topbar a{ color:#ffffff !important ; margin:0 8px;}
.topbar a:hover{ color:#000000;}
.topbar .face a{ border:2px solid #4f70b3; margin:-2px 0 0;}
.topbar .face a:hover{ border-color:#fff;}
.topbar .face img{ vertical-align:top;}
.topbar .name{ padding:0 5px 0 8px;}
.topbar .name a{ margin:0;}
.topbar .line{ color:#999; text-shadow:1px 0 0 #999; *margin-top:-1px;}
.topbar .icon{ display:inline-block; background:url(images/bg_hor.png) no-repeat -120px -102px; cursor:pointer; margin-top:-3px; height:20px; width:20px; vertical-align:middle;}
.topbar .follow_us span{ float:left; margin-top:-2px; height:22px; overflow:hidden; *margin-top:0;}
.topbar .level{ height:18px; width:24px; overflow:hidden;}
.topbar .level a{ margin:-1px 0 0 4px;}
.topbar .arrow{ display:inline-block; border-color:#999 transparent; border-style:solid dashed; border-width:4px 4px 0; margin:-2px 0 0 5px; height:0; width:0; overflow:hidden; vertical-align:middle; *margin-top:0;}
.topbar .pull_link{ cursor:default; padding:2px 6px 0; width:74px; text-shadow:none;}
.topbar .pull_link:hover, .topbar .pull_link.hover{ background:#fff; color:#eb010d; position:relative; z-index:10;}
.topbar .pull_link:hover .arrow, .topbar .pull_link.hover .arrow{ border-color:#eb010d transparent;}
.topbar .pull_list{ display:none; background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.2); padding:2px 0; width:86px; position:absolute; left:0; top:100%;}
.topbar .pull_link:hover .pull_list, .topbar .pull_link.hover .pull_list{ display:block;}
.topbar .pull_list a{ display:block; color:#737d8c; margin:0; padding:2px 7px; white-space:nowrap;}
.topbar .pull_list a:hover{ color:#eb010d;}
.topbar .tips a, .topbar .tips a:hover{ color:#fff; font-size:12px; font-weight:bold;}
.topbar .tips em{ color:#f60; font-size:14px; padding:0 1px;}

/* header */
.header{ height:92px;}
.header .logo{ margin-top:5px; position:absolute;}
.header .logo a{ display:block; height:76px; width:168px;}
.header .logo img{ position:absolute;}
.header .logo em{ display:block; color:#000000; font-size:24px; padding:20px 0; text-align:center;}
.sch_form{ font-size:0; margin:22px 0 0 306px; width:486px; position:absolute; z-index:6;}
.sch_form .txt, .sch_form .search_btn{ display:inline-block; vertical-align:top; display:inline;}
.sch_form .txt input{ background:#fff; border:1px solid #3a5a9c; border-right:0; border-radius:3px 0 0 3px; box-shadow:inset 0 1px 2px rgba(0,0,0,.16); color:#333; font-size:14px; padding:6px 7px; height:18px; width:380px; outline:0; vertical-align:top; line-height:20px\9; *margin-top:-1px;}
.sch_form .search_btn{ background:none; border:0px solid #3a5a9c; border-left:0; border-radius:0 3px 3px 0; padding:0;}
.sch_form .search_btn input{ background:red; background:-moz-linear-gradient(top, #5a8ad4 0%, #5380c5 100%); background:-o-linear-gradient(top, #5a8ad4 0%,#5380c5 100%); background:-ms-linear-gradient(top, #5a8ad4 0%,#5380c5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a8ad4', endColorstr='#5380c5',GradientType=0); border:0; border-left:0; border-radius:0 3px 3px 0; color:#fff; cursor:pointer; font-size:14px; height:32px; width:72px; text-shadow:0 1px 0 #3860a0;}
.sch_form .search_btn input:hover{ opacity:.9;}
.sch_form .search_btn input:active{ background:#5380c5; background:-moz-linear-gradient(top, #5380c5 0%, #5a8ad4 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5380c5), color-stop(100%,#5a8ad4)); background:-webkit-linear-gradient(top,#5380c5 0%,#5a8ad4 100%); background:-o-linear-gradient(top, #5380c5 0%,#5a8ad4 100%); background:-ms-linear-gradient(top, #5380c5 0%,#5a8ad4 100%); background:linear-gradient(to bottom, #5380c5 0%,#5a8ad4 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5380c5', endColorstr='#5a8ad4',GradientType=0);}



.sch_form .txt .default{ color:#999;}
.top_search{ color:#fff; font-size:12px; padding-top:5px; height:1.5em; width:470px; overflow:hidden; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}
.top_search a{ color:#999; margin-right:.5em;}
.top_search a:hover{ color:#fff;}
.sch_pre_active .txt input{ border-radius:3px 0 0;}
.sch_pre_active .sch_pre_panel{ display:block;}
.sch_pre_panel{ display:none; border:1px solid #212F4B; font-size:12px; margin-top:-1px; width:400px; position:absolute; left:0; top:36px;}
.sch_pre_list{ background:#fff; padding:1px;}
.sch_pre_list ul{ background:#fff; overflow:hidden; *zoom:1;}
.sch_pre_list li{ float:left; width:100%;}
.sch_pre_list li a{ display:block; border-bottom:1px dotted #ccc; line-height:25px; padding:6px 8px; height:25px; word-break:break-all; overflow:hidden; _zoom:1;}
.sch_pre_list .pic{ display:inline-block; background:url(images/pre_sch_bg.png) no-repeat center 7px; border:1px solid #ddd; margin:-2px 8px 0 0; height:20px; width:20px; vertical-align:middle;}
.sch_pre_list .pic img{ vertical-align:top;}
.sch_pre_list li a:hover, .sch_pre_list li a.hover{ background:#7b96c8; border-color:#7b96c8; color:#fff;}
.sch_pre_list li a:hover .pic, .sch_pre_list li a.hover .pic{ background-position:center -14px; border-color:#7b96c8;}
.sch_pre_list .last a{ border-color:#fff;}
.sch_pre_tips{ background:#e5e5e5; border-top:1px solid #fff; color:#999; margin-top:-2px; padding-top:1px; position:relative; _zoom:1;}
.sch_pre_tips p{ background:#f4f4f4; border-top:1px solid #fff; padding:8px 10px; line-height:20px; height:20px;}
.sch_pre_tips .key{ display:inline-block; background:url(images/key.png) no-repeat; line-height:99em; margin:-2px 5px; height:20px; width:23px; overflow:hidden; vertical-align:middle;}
.sch_pre_tips .left{ background-position:0 -20px; margin-right:2px;}
.sch_pre_tips .right{ background-position:-23px -20px; margin-left:0;}
.sch_pre_tips .up{ background-position:0 -40px; margin-right:2px;}
.sch_pre_tips .down{ background-position:-23px -40px; margin-left:0;}
.sch_pre_panel .f_bg{ background:#333; content:'.'; font-size:0; height:100%; width:100%; position:absolute; left:4px; top:4px; z-index:-1; opacity:.2; filter:Alpha(opacity=20); _display:none;}
.header_treasure{ display:inline; float:right; margin:10px 0 0;}
.header_treasure .link{ background:#fff; height:70px; width:260px; position:absolute; z-index:2; overflow:hidden; opacity:0; filter:Alpha(opacity=0); -ms-filter:Alpha(opacity=0);}


/* navigator */
.navigator_wrap{ background:#2a4781; height:34px; width: 100%}
.navigator_inner{ background:#8f8f8f; box-shadow:0 2px 4px rgba(0,0,0,.24), inset 0 2px 4px rgba(0,0,0,.05); height:34px; width:100%; position:absolute; z-index:9;}
.navigator{ height:34px; position:relative;}
.navigator .categorys{ background:#999; height:34px; width:218px; position:absolute; left:0;}
.navigator .categorys .title a{ display:block; border-top:1px solid #000; color:#ECF4F8; font-size:14px; line-height:33px; padding-left:22px; height:33px; text-shadow:0 -1px 0 #172c56;}
.navigator .categorys .title i{ background:url(images/bg_hor.png) no-repeat -120px -122px; cursor:pointer; height:20px; width:20px; position:absolute; right:12px; top:8px; overflow:hidden;}
.navigator .categorys:hover .title i{ background-position:-140px -122px;}
.navigator .categorys .inner{ display:block; background:#fff; height:692px; width:218px; position:absolute; left:0; top:100%; z-index:99999}
.navigator .categorys .inner.show_cat{ width:795px;}
.navigator .categorys .nav_lbg, .navigator .categorys .nav_rbg,
.navigator .categorys .nav_lbg i, .navigator .categorys .nav_rbg i{ background:url(images/nav_ver_bg.png) repeat-y; font-size:0; height:450px; width:8px; position
:absolute; left:-8px; top:0; _background:#d9d9d9; _width:1px; _left:-1px;}
.navigator .categorys .nav_rbg{ background-position:-8px 0; left:auto; right:-8px; _right:-1px;}
.navigator .categorys .nav_hbg{ display:block; background:url(images/nav_hor_bg.png) repeat-x 0 -3px; border-top:3px solid #5679be; font-size:0; margin:0 2px; height:12px; _background:#d9d9d9; _margin:0; _height:0;}
.navigator .categorys .nav_lbg i, .navigator .categorys .nav_rbg i{ background-position:-16px 0; height:14px; width:10px; left:0; top:100%; _display:none;}
.navigator .categorys .nav_rbg i{ background-position:-26px 0; left:-2px;}
.nav_cat_wrap{ height:100%; width:100%; position:relative; z-index:2; }
.navigator .show_cat .nav_cat_wrap{ overflow:visible;}
.nav_cats{ padding:15px 0; width:218px;}
.nav_cats ul{ display:block; margin:0 0px;}
.nav_cats li{ padding-bottom:6px; vertical-align:top;}
.nav_cats li a{ display:block; background:#fff; color:#737d8c; font-size:14px; line-height:20px; padding:10px; height:20px;}
.nav_cats li a:hover, .nav_cats .current a, .nav_cats a.current{ background-color:#3b3f3f; color:#fff;}
.nav_cats li i{ float:left; background:url(images/bg_hor.png) no-repeat 0 -62px; cursor:pointer; margin:0 5px 0 -2px; height:20px; width:20px; overflow:hidden; vertical-align:middle;}
.nav_cats li a:hover i, .nav_cats .current i{ background-position:0 -82px;}
.nav_cats li .ipad{ background-position:-20px -62px;}
.nav_cats li a:hover .ipad, .nav_cats .current .ipad{ background-position:-20px -82px;}
.nav_cats li .ipod{ background-position:-40px -62px;}
.nav_cats li a:hover .ipod, .nav_cats .current .ipod{ background-position:-40px -82px;}
.nav_cats li .mac{ background-position:-60px -62px;}
.nav_cats li a:hover .mac, .nav_cats .current .mac{ background-position:-60px -82px;}
.nav_cats li .sound{ background-position:-80px -62px;}
.nav_cats li a:hover .sound, .nav_cats .current .sound{ background-position:-80px -82px;}
.nav_cats li .power{ background-position:-100px -62px;}
.nav_cats li a:hover .power, .nav_cats .current .power{ background-position:-100px -82px;}
.nav_cats li .apple{ background-position:-120px -62px;}
.nav_cats li a:hover .apple, .nav_cats .current .apple{ background-position:-120px -82px;}
.nav_cats li .bag{ background-position:-140px -62px;}
.nav_cats li a:hover .bag, .nav_cats .current .bag{ background-position:-140px -82px;}
.nav_cats li .arrow{ float:right; background-position:-60px -14px; margin:4px 0 0; height:12px; width:8px;}
.nav_cats li a:hover .arrow, .nav_cats .current .arrow{ background-position:-68px -14px;}

.nav_subcat_wrap{ border-left:1px solid #d9d9d9; box-shadow:inset 1px 0 4px rgba(0,0,0,.16); height:100%; width:576px; position:absolute; left:218px; top:0; background:#FFF}
.nav_subcat_panel{ display:block; padding:20px;}
.nav_subcat_treasure{ padding-right:248px;}
.nav_subcat_wrap h4{ color:#3d5fa5; font-size:16px; font-weight:normal; margin-bottom:10px;}
.nav_subcat_wrap h4 a{ color:#3d5fa5;padding: 0px;}
.nav_subcat_wrap h4 a:hover{ color:#09F; background:none;padding: 0px;}
.nav_subcat_wrap .subcat_treasure{ position:absolute; right:0; bottom:0;}
.nav_subcat_wrap .subcat_treasure img{ vertical-align:top;}
.nav_subcat_wrap .line{ display:block; background:#ced3dc; margin-top:8px; height:1px; width:22px; overflow:hidden;}
.nav_sub_cat_tit, .nav_subcats{ position:relative; z-index:2; *zoom:1;}
.nav_subcats{ padding-bottom:20px; overflow:hidden;}
.nav_subcats dt{ float:left; padding:0 30px 12px 0;}
.nav_subcats dt a{ display:inline-block; color:#737d8c; font-size:14px; width:86px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; vertical-align:top;}
.nav_subcats dt a:hover{ color:#09F;}

/* navigator navs */
.navigator .navs{ display:inline; float:left; padding-left:220px;}
.navigator .navs li{ display:inline; float:left; margin-left:-2px;}
.navigator .navs li:before{ content:''; border-left:1px solid #233b6a; border-right:1px solid #4262a2; margin:13px 0 0; height:15px; width:0; overflow:hidden; position:absolute; z-index:1;}
.navigator .navs li:first-child:before{ display:none;}
.navigator .navs a{ display:inline-block; color:#fff !important; font-size:14px; line-height:34px; padding:0 26px;  vertical-align:top;}
.navigator .navs a:hover, .navigator .navs a.current{ background-color:#f00; color:#fff; position:relative; z-index:3;}
.navigator .navs a.current, .navigator .navs a.current:hover{ z-index:2;}
.navigator .navs .tips{ background:url(images/bg_hor.png) no-repeat; cursor:pointer; margin:6px 0 0 2px; height:14px; width:30px; position:absolute; z-index:4; overflow:hidden; text-indent:-99px; *margin-top:-4px;}
.navigator .navs .new{ background-position:-30px 0;}
.navigator .user_cart{ float:right; background:#000 url(images/bg_hor.png) repeat-x 0 -142px; border:1px solid #161f2b; border-radius:3px 3px 0 0; cursor:default; width:258px; position:relative;}
.navigator .user_cart .info{ float:left; color:#fff; font-size:14px; margin-left:8px; line-height:20px; padding:6px 0; height:20px; overflow:hidden;}
.navigator .user_cart .info em{ color:#ff0; font-weight:bold; margin:0 .2em;}

.navigator .user_cart .mybtn{ float:right; background-position:0 -236px; margin:1px 6px 0 0; padding-left:12px; text-shadow:0 -1px 0 #4767aa;}
.navigator .user_cart .mybtn:hover{ background-position:0 -296px;}
.navigator .user_cart .mybtn span{ background-position:100% -266px; padding-right:12px;}
.navigator .user_cart .mybtn:hover span{ background-position:100% -326px;}


.navigator .user_cart .cart{ display:inline-block; background:url(images/bg_hor.png) no-repeat -40px -120px; margin:-3px 5px 0 0; height:20px; width:20px; vertical-align:middle; *margin-top:0;}
.navigator .user_cart .arrow{ display:inline-block; border-color:#fff transparent; border-style:solid dashed; border-width:4px 4px 0; margin-left:5px; height:0; width:0; overflow:hidden; vertical-align:middle;}
.navigator .user_cart:hover .user_cart_inner{ display:block;}


/* footer */
.footer_wrap{ background:#ffffff; border-top:1px solid #dcdbdb; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1); color:#000000; padding:20px 0 30px; *zoom:1; clear:both}
.footer a{ color:#fff;}
.footer a:hover{ color:#000;}
.our_services{ margin-bottom:20px;}
.our_services .ours{ float:left; padding:5px 0 0 86px; width:194px;}
.our_services .ours .weixin{ border-bottom:1px solid #d7d7d7; margin:0 10px 10px 0; padding-bottom:10px;}
.our_services .ours .weixin .pic{ background:#FFF url(images/footer.png) no-repeat 3px 3px; border:1px solid #D7D7D7; margin-left:-84px; height:82px; width:82px; position:absolute;}
.our_services .ours .weixin .pic1{ background:#FFF url(images/footer.png) no-repeat -83px 4px; border:1px solid #D7D7D7; margin-left:-84px; height:82px; width:82px; position:absolute;}
.our_services .ours .weixin .pic2{ background:#FFF url(images/footer.png) no-repeat -1108px 5px; border:1px solid #D7D7D7; margin-left:-84px; height:82px; width:82px; position:absolute;}
.our_services .ours .weixin img{ display:none;}
.our_services .ours .weixin h4{ color:#000000; font-size:14px; font-weight:normal; margin-bottom:10px;}
/*.our_services .ours .weixin{ display:block; background:url(images/footer.png) no-repeat; margin:0 auto; height:106px; width:214px; text-indent:-9999em;}*/
.our_services .ours .phone{ margin:0 auto; padding:5px 0;}
.our_services .ours .phone em{ font:bold 14px Arial;}
.our_services .ours .phone small{ display:block; padding-left:58px;}
.our_services .service{ display:inline; float:left; margin-left:30px; padding-left:30px; width:120px;}
.our_services .service dt{ color:#000000; font-size:20px; padding-bottom:5px; text-shadow:0 1px 0 #444;}
.our_services .service i{ background:url(images/footer.png) no-repeat -214px 0; margin:0px 0 0 -38px; height:30px; width:30px; position:absolute;}
.our_services .service .ship{ background-position:-244px 0;}
.our_services .service .pay{ background-position:-274px 0;}
.our_services .service .fav{ background-position:-304px 0;}
.our_services .service .qa{ background-position:-334px 0;}
.our_services .service dd{ display:block; padding:0 0 4px;}
.our_services .service dd i{ display:inline-block; background:#7F7F7F; margin:-2px 7px 0 1px; height:2px; width:2px; overflow:hidden; position:static; vertical-align:middle; *margin-top:0;}
.our_slogan{ background:url(images/footer.png) no-repeat 0 -106px; margin-bottom:10px; height:140px;}
.our_slogan a, .our_slogan span{ float:left; margin:13px 0 0 94px; height:60px; width:150px; text-indent:-9999em;}
.our_slogan .first{ margin-left:30px;}
.our_links{ font-size:14px; text-align:center; text-shadow:0 1px 0 #444;}
.our_links .line{ color:#999; margin:0 .5em; text-shadow:1px 0 #fff;}
.copyright{ line-height:1.72; padding:10px 0 15px; text-align:center;}
.safe_web{ font-size:0; text-align:center;}
.safe_web a{ display:inline-block; background:url(images/footer.png) no-repeat -214px -30px; margin:0 10px; height:40px; width:110px; vertical-align:top;}
.safe_web .safe_2{ background-position:-324px -30px;}
.safe_web .safe_3{ background-position:-434px -30px;}
.safe_web .safe_4{ background-position:-544px -30px;}
.safe_web .safe_5{ background-position:-654px -30px;}
.safe_web .safe_6{ background-position:-764px -30px; width:144px;}
.safe_web span{ display:none;}


.switch{ position:relative;height:450px; background:#000;overflow:hidden; z-index:3;padding-bottom:0px;}
.switch .l_button{width:61px;height:61px;background:url(images/arrow_l.png) no-repeat;position:absolute;top:-205px;left:10px; z-index:100;cursor:pointer}
.switch .r_button{width:61px;height:61px;background:url(images/arrow_r.png) no-repeat;position:absolute;top:-205px;right:10px; z-index:100;cursor:pointer}
.switch_img{position:relative; overflow:hidden; height:450px;width:100%;margin:0 auto;margin-top:0;}
.switch_img ul li{position:absolute; overflow:hidden; z-index:0;height:450px;width:100%}
.switch_img ul li a{display:block;width:100%;height:450px;}
.ad{margin-bottom:5px;height:auto;box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);margin-top:0;margin-bottom:10px;}
.switch_button{position:absolute; bottom:10px; left:0; z-index:12; width:100%;}
.switch_button dl{float:left;margin-left:48%; margin-right:15px;padding:5px 0}
.switch_button dl dt a:hover{color:#900; text-decoration:underline;}
.switch_button dl dd{float:left; height:17px; width:17px;cursor:pointer; background:url(images/ads_btn.png) no-repeat;margin-right:5px; }
.switch_button dl dd.current{cursor:pointer; background-position:-20px 0;}


.module {background: #FFFFFF; border: 1px solid #F3F3F3;}
.module .module-title { color: #111111; font-size: 18px; padding: 5px 0px 0;}
.module .module-title h3{font-weight: normal; line-height: 20px; padding: 8px 15px; font-size:18px;}
.module .module-title h3 i{font-size:24px;color:#FF7F00;font-weight:bold; font-style:normal}
.module .module-title h3 em{ color:#FF7F00;font-size:20px; font-weight:bold;}
.module .module-title span{float: right;margin-right: 10px;}
.module .module-title span a{color: #999;line-height: 38px; padding-left: 10px;padding-right: 10px;}
.module .module-title span a:hover{ color:#FF7F00;}
.module .module-subtitle {}
.module .module-content {}

.page-wrap {padding:14px 0px 30px;}

.diy-master {margin-bottom:15px; padding-top:4px; background:#fff url(images/block-bg-s.png) no-repeat 0px 0;}
.diy-master .mt {height:38px; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; overflow:hidden; zoom:1; background:url(images/bg-s-1.png) repeat-x 0 -335px;}
.diy-master .mt strong { float:left; padding-left:20px; color:#1058be; font:bold 18px/38px "microsoft yahei","\5b8b\4f53",Verdana,Arial;}
.diy-master .price-range {padding-top:10px; float:right;}
.diy-master .price-range .title {height:18px; float:left; line-height:18px;}
.diy-master .price-range .tabs {float:left;}
.diy-master .price-range .tabs li {height:18px; margin-right:20px; float:left; color:#005ea7;}
.diy-master .price-range .tabs a, .diy-master .price-range .tabs a:visited, .diy-master .price-range .tabs a:hover {color:#005ea7;}
.diy-master .mc {width:1208px; border:1px solid #cbcbcb;}
.diy-master .tab-con {padding:15px 10px; overflow:hidden; zoom:1;}
.diy-master .span-0, .diy-master .span-1 {width:385px;}
.diy-master .span-0{margin-bottom:45px;}

/*------------------------------------------------------*/

.diy-master .span-1 {margin-left:385; float:right; margin-left: 24px;}
.diy-master .span-2 {margin-left:385; float:right;}


/*------------------------------------------------------*/
.diy-master .config-detail {padding:0;}
.diy-master .config-detail h3 {margin-bottom:10px;}
.diy-master .config-detail .config-thumbnail, .diy-master .config-detail .config-order,
.diy-master .config-detail .config-comment {width:378px;}
.diy-master .config-detail .config-total {width:370px;}
.diy-master .config-detail .config-thumbnail img{ width:50px; height:50px;}
.diy-master .config-detail .config-thumbnail ul {width:387px;}
.diy-master .config-detail .config-thumbnail li {margin-right:12px;}

.diy-ask {width:1208px; height:42px; border:1px solid #cbcbcb; overflow:hidden; zoom:1; background:url(images/bg-s-1.png) repeat-x 0 -374px;}
.diy-ask .title, .diy-ask .text {float:left;}
.diy-ask .title {width:172px; height:42px; color:#1058be; font:normal 18px/42px "microsoft yahei","\5b8b\4f53",Verdana,Arial; text-align:center; background:url(images/step-arrow-1.png) no-repeat 100% 0;}
.diy-ask .text {padding-left:145px; line-height:42px;}
.diy-ask .btn {margin:5px 30px 0 0; float:right; display:inline; background-position:100% -200px;}
.diy-ask .btn .btn-text {background-position:0 -170px;}

.index_main_l{ width:248px; float:left}


.slider{background: #FFFFFF; border: 1px solid #F3F3F3; margin-bottom: 24px;}



/* sliderbar */
.sliderbar{ float:left; width:220px;}
.slider{ background:#fff; border:1px solid #f3f3f3; margin-bottom:24px;}
.slider .title{ color:#111; font-size:18px; padding:5px 12px 0;}
.slider .title h2, .slider .title h3{ font-weight:normal; line-height:20px; padding:8px 0;}
.slider .title i{ background:url(images/bg_hor.png) no-repeat 0 -62px; height:20px; width:20px; overflow:hidden; position:absolute; *margin-top:1px;}
.slider .title .ipad{ background-position:-20px -62px;}
.slider .title .ipod{ background-position:-40px -62px;}
.slider .title .mac{ background-position:-60px -62px;}
.slider .title .sound{ background-position:-80px -62px;}
.slider .title .power{ background-position:-100px -62px;}
.slider .title .apple{ background-position:-120px -62px;}
.slider .title .help_ico{ background-position:-140px 0;}
.slider .title .line{ display:block; background:#ced3dc; margin:0; height:1px; width:24px; overflow:hidden;}
.slider .inner{ margin:0 12px;}
.slider .extend, .slider .menus{ border-top:1px solid #f1f1f1; font-size:0; margin:0 12px; padding:5px 0;}
.slider .menus a{ display:inline-block; color:#949494; font-size:12px; line-height:20px; margin-right:1em; padding:0 .3em; vertical-align:top;}
.slider .menus a:hover{ color:#333;}
.slider .extend a{ display:block; padding:5px 0; text-align:center; _zoom:1;}
.slider .extend span{ display:inline-block; background:url(images/bg_hor.png) no-repeat -60px -26px; cursor:pointer; line-height:99px; height:8px; width:12px; overflow:hidden;}
.slider .extend a:hover span{ background-position:-72px -26px;}

.cat_slider .title{border-bottom:1px solid #F3F3F3; padding-left:38px; padding-bottom:2px;}
.cat_slider .title.active{border-bottom:0;}
.cat_slider .title h2{font-size:16px; padding:10px 0;}
.cat_slider .title i{margin-left:-24px;}
.cat_slider a{color:#737d8c;}
.cat_slider a:hover{color:#253145;}
.cat_slider .inner{border-bottom:1px solid #F3F3F3; margin:0 0 0; padding:0 12px 10px; position:relative; overflow:hidden; *zoom:1;}
.cat_slider .inner li{vertical-align:top; *zoom:1;}
.cat_slider .inner .pro_base{background:#fff; padding:8px 30px 8px 22px;}
.cat_slider .inner li.current .pro_base{background-color:#4062a7; margin-bottom:10px;}
.cat_slider .inner li .pro_base a{display:inline-block; font-size:14px; line-height:20px;}
.cat_slider .inner li.current .pro_base a{color:#fff;}
.cat_slider .inner .trigger{margin:0; height:20px; width:20px; position:absolute; right:22px;}
.cat_slider .trigger span{display:block; background:url(images/bg_hor.png) no-repeat -80px 0; cursor:pointer; line-height:99px; margin:5px; height:10px; width:10px; overflow:hidden;}
.cat_slider .inner li.current .trigger span{background-position:-80px -10px;}
.cat_slider .trigger.open span{background-position:-90px 0;}
.cat_slider .inner li.current .open span{background-position:-90px -10px;}
.cat_slider .inner dl{display:none; background:#fff; margin:0 0 5px 22px; position:relative; overflow:hidden; *zoom:1;}
.cat_slider .inner li.current dl{display:block;}
.cat_slider .inner dd{border-left:2px solid #98a0ab; vertical-align:top;}
.cat_slider .inner dd a{display:block; line-height:20px; padding:3px 0 3px 24px;}
.cat_slider .inner dd a{display:block; line-height:20px; padding:3px 0 3px 24px;}
.cat_slider .inner dd a:hover, .cat_slider .inner dl a.current{color:#253145;}
.cat_slider .inner dd a.current i{background:#fff url(images/bg_hor.png) no-repeat -100px 3px; cursor:pointer; height:16px; width:6px; overflow:hidden; position:absolute; left:0;}

/* btn */
/*.btn, .btn span, .btn i{display:inline-block; background:url(images/btn_hor.png) no-repeat; vertical-align:middle;}
.btn{border-width:0; color:#fff; font-size:13px; padding-left:15px; line-height:30px; text-shadow:0 -1px 0 #367d10; white-space:nowrap; word-wrap:normal;}
.btn:hover{background-position:0 -30px; color:#fff;}
.btn span{background-position:100% 0; cursor:pointer; padding-right:15px; vertical-align:top;}
.btn:hover span{background-position:100% -30px;}
.btn i{background-position:-120px -180px; cursor:pointer; margin:8px 6px 0 -5px; height:16px; width:16px; overflow:hidden; vertical-align:top;}
*/

.star, .star em{display:block; background:url(images/bg_hor.png) no-repeat 0 -34px; font-size:0; height:13px; width:70px;}
.star span{color:#0099ff; font:bold 12px/1.2 Arial; margin:0px 0 0 76px; position:absolute;}
.star em{background-position:0 -47px;}
a.star span, a.star em{cursor:pointer;}



/* pager */
.pager{background:#efefef; border-top:1px solid #dedddd; border-bottom:1px solid #fff; box-shadow:inset 0 1px 2px rgba(0,0,0,.06); padding:10px 0; height:24px; clear:both}
.page_list{color:#9b9b9b; font-size:0; padding:0 10px; text-align:right;}
.page_list a, .page_list .prev, .page_list .next, .page_list .current, .page_list .more, .page_list .page_jump{display:inline-block; background:#efefef; border:1px solid #bbbbbb; border-radius:3px; box-shadow:0 1px 0 #fff, inset 0 1px 0 #fbfbfb; color:#868585; font:14px/22px Arial; margin-left:5px; padding:0 7px; height:22px; text-shadow:0 1px 0 #fff; vertical-align:top;}
.page_list a:hover, .page_list .current{background-color:#476db9; border-color:#345394; box-shadow:0 1px 0 #fff, inset 0 1px 0 #3172bd; color:#fff; text-shadow:0 -1px 0 #174a6d;}
.page_list .current, .page_list .disabled, .page_list .disabled:hover{cursor:default; pointer-events:none;}
.page_list .disabled, .page_list .disabled:hover{background-color:#efefef; color:#CCC; border-color:#CCC;}
.page_list .more, .page_list .page_jump{background:none; border:0; box-shadow:none;}
.page_list .page_jump{margin-left:10px;}
.page_list .page_jump input{background:#fff; border:1px solid #bbb; box-shadow:0 1px 0 #fff; color:#333; margin:0 4px; padding:4px; height:14px; width:44px; vertical-align:middle;}
.page_list .prev, .page_list .next{line-height:20px;}


.box{}
.box_1{background: #FFFFFF; border: 1px solid #F3F3F3; margin-bottom: 24px;}
.box_1 h3{color: #111111; font-size: 18px; padding: 5px 12px 0;}
.box_1 h3 span{ font-weight: normal; line-height: 20px; padding: 8px 0;}
.box_1 .boxCenterList{margin: 10px 12px; background:#FFF}
.box_1 .boxCenterList ul{height:1%; padding: 10px 0 10px 0px;border-bottom: 1px solid #F1F1F1;}
.box_1 .boxCenterList li{float:left; width:100px; line-height: 16px;}
.box_1 .boxCenterList li.goodsimg{width:60px; margin-right:10px;border: 1px solid #E6E6E6;height:60px; padding:2px;}
.box_1 .boxCenterList li.goodsimg img{width:60px; height:60px; display:block;}
.box_1 .boxCenterList #clear_history{text-align:right}

.index_main{background:#ffffff; padding:5px;}
.promotion h3{height: 30px;text-indent:-20000px;background: url(images/okhqb_hot.jpg) no-repeat left;text-indent: -20000;border-bottom: solid 5px #666; text-align:left; color:#FFF;}
.hottabbox{overflow: hidden;}
.hottabbox .mc li{width: 175px;padding-right: 5px;padding-left: 10px;display:inline;position:relative; float:left;border-right: 1px dashed #DADADA; margin-right:5px;}
.hottabbox .mc li.last{margin-right:0px; border-right:0px;}
.hottabbox .p-img{width: 156px;margin:0 auto;text-align: center;}
.hottabinfo .p-img .thumb{width:130px; height:130px;}
.hottabinfo{padding-top: 10px;}
.hottabinfo .p-name{height:49px;padding-top:5px;margin-bottom:2px;line-height:18px;}

.okhqb_floor{ margin-top:30px;}
.okhqb_floor .okhqb_phone{}
.okhqb_floor .ph_ads{ width:200px; position:relative; overflow:hidden; float:left}
.okhqb_phone .ph_ads h3{ height:30px; text-indent:-20000px; background:url(images/okhqb_phone.jpg) no-repeat left; text-indent:-20000; border-bottom:solid 5px #477cae;}
.okhqb_phone .ph_ads h2{ height:30px; text-indent:-20000px; background:url(images/okhqb_phone.jpg) no-repeat left; text-indent:-20000; border-bottom:solid 5px #477cae; *margin-top:-4px;}
.okhqb_phone .ph_ads h4{ height:30px; background:url(images/guohuo.jpg) no-repeat left; text-indent:-20000; border-bottom:solid 5px #477cae; }
.okhqb_floor .ph_ads .ph_link{ display:block; width:199px; height:200px; border-right:dashed 1px #dadada; border-bottom:dashed 1px #dadada;}
.okhqb_floor .ph_ads .ph_link img{ height:200px; width:199px;}
.okhqb_floor .ph_ads .link_cloud{ height:128px; padding-top:10px; border-right:dashed 1px #dadada; overflow:hidden; }
.okhqb_floor .ph_ads .link_cloud a{ display:block; float:left; height:18px; line-height:18px; padding:0 15px; font-family:"寰蒋闆呴粦"; margin:7px; overflow:hidden; border-radius:10px; color:#fff;}
.okhqb_floor .ph_ads .link_cloud a:hover{ text-decoration:none;}
.okhqb_phone .ph_ads .link_cloud a{ background:#62bffc;}
.okhqb_floor .ph_ads .shadow_bg{ width:15px; height:538px; position:absolute; top:35px; right:0;}
.okhqb_floor .ph_ads .shadow_bg1{ height:500px; background:url(images/shadow_bg1.png) repeat-y;}
.okhqb_floor .ph_ads .shadow_bg2{ height:38px; background:url(images/shadow_bg2.png) no-repeat;}

.okhqb_phone .goods_list{ height:540px; width:970px; border-top:solid 5px #89b9e9; margin-top:30px; float:left }
.okhqb_floor .goods_list li{ width:193px; height:270px; overflow:visible; border-right:dashed 1px #dadada; border-bottom:dashed 1px #dadada; position:relative;padding-bottom:10px; float:left}
.okhqb_floor .goods_list li.last{ border-right:0px;}
.okhqb_floor .goods_list li.no_bor{ border-bottom:none;}
.okhqb_floor .goods_list li .discount{ width:78px; height:78px; position:absolute; top:0; left:0; display:block;}
.okhqb_floor .goods_list li .q_thumb{ margin:18px 0;display:block; position:relative}
.ftr_icon { height: 60px; position: absolute;right: 8px; top: 8px; width: 60px;}
.okhqb_floor .goods_list li .pro_title,.okhqb_floor .goods_list li .pro_pr{ padding:0 10px;}
.okhqb_floor .goods_list i{ font-style:normal;color:#c00}
.okhqb_floor .goods_list li .pro_pr{ position:relative;padding-top:5px;color:#c00}
.okhqb_floor .goods_list li .pro_pr i{ font-size:18px; color:#c00; font-style:normal}
.okhqb_floor .goods_list .pro_pr a.pr_status{ margin-left:5px; height:17px; width:17px; vertical-align:-1px; _vertical-align:-5px; position:relative; z-index:200;}
.okhqb_floor .goods_list .pro_pr a:hover{ color:#333; text-decoration:none;}
.okhqb_floor .goods_list .pro_pr a.pr_status .pr_info{ display:none; position:absolute; text-align:center; line-height:31px; top:14px; *top:16px; left:8px; height:31px; width:80px; background:#e8f0f9; border:solid 1px #acc6e4; box-shadow:1px 1px 1px #ddd; -moz-box-shadow:1px 1px 1px #ddd; -webkit-box-shadow:1px 1px 1px #ddd; -ms-box-shadow:2px 2px 1px #ddd;}
.okhqb_floor .goods_list .pro_pr a.pr_status .pr_info .top_arr{ height:9px; width:11px; display:block; background:url(images/pr_arr.png) no-repeat; position:absolute; top:-9px; left:-1px;}
.okhqb_floor .goods_list .pro_pr a.pr_status .pr_info i{ font-size:12px;}
.okhqb_floor .goods_list .pro_pr a.pr_status .pr_info i.sta{ color:#333;}
.okhqb_floor .goods_list .pro_pr a.pr_status .pr_info i.price{ color:#db3323; font-weight:bold; padding:0 2px;}
.okhqb_floor .goods_list .pro_pr .m_pr{ color:#666; margin-left:10px; height:16px; display:inline-block; width:80px; text-align:right; position:absolute; right:15px; top:8px; *top:8px; _top:8px; }


/* quick_links */
.quick_links_wrap{ background:#999; font-size:0; margin-left:598px; width:66px; position:fixed; left:50%; bottom:10px; z-index:9; -webkit-transition:width linear .4s; -moz-transition:width linear .4s; -ms-transition:width linear .4s; transition:width linear .4s; _position:absolute; _bottom:auto; _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight-10);}
.quick_links_wrap.quick_links_min{ width:34px;}
.quick_links_wrap.quick_links_dockright{ margin-left:0; left:auto; right:4px;}
.quick_links_panel{ background:#3b3f3f; border:1px solid #EAEAEA; box-shadow:0 0 4px rgba(0,0,0,.14); padding-bottom:30px;  width:64px; overflow:hidden; position:absolute; left:0; bottom:0; -webkit-transition:all ease .4s; -moz-transition:all ease .4s; -ms-transition:all ease .4s; transition:all ease .4s;}
.quick_links_min .quick_links_panel{ height:0; width:32px;}
.quick_links_allow_gotop{ height:350px;}
.quick_links_min .quick_links_allow_gotop{ height:32px;}
.quick_links_panel .quick_toggle{ background:#FBFBFB; height:30px; width:100%; position:absolute; left:0; bottom:0;}
.quick_links_panel .toggle{ background:url(images/bg_hor.png) no-repeat -160px -62px; margin:-10px 0 0 -10px; height:20px; width:20px; position:absolute; left:50%; top:50%; -webkit-transition:all linear .4s; -moz-transition:all linear .4s; -ms-transition:all linear .4s; transition:all linear .4s;}
:root .quick_links_panel .toggle{ background-position:-160px -82px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.quick_links_min .quick_links_panel .toggle{ background-position:-160px -82px;}
:root .quick_links_min .quick_links_panel .toggle{ background-position:-160px -82px; -webkit-transform:rotate(-360deg); -moz-transform:rotate(-360deg); -ms-transform:rotate(-360deg); transform:rotate(-360deg);}
.quick_links{ width:100%; position:absolute; left:0; top:-77px; -webkit-transition:top ease .4s; -moz-transition:top ease .4s; -ms-transition:top ease .4s; transition:top ease .4s;}
.quick_links_allow_gotop .quick_links, .quick_links_min .quick_links_allow_gotop .quick_links{ top:0;}
.quick_links_min .quick_links{ top:32px;}
.quick_links a{ display:block; border:1px solid #fff; border-bottom-color:#edecec; color:#fff; font-size:12px; margin:0; padding:8px 0; text-align:center;}
.quick_links a:hover, .quick_links a.current{ background-color:#000; border-color:#4467a7; color:#fff;}
.quick_links i{ display:inline-block; background:url(images/bg_hor.png) no-repeat 0 -182px; cursor:pointer; height:38px; width:38px; vertical-align:top;}
.quick_links a:hover i, .quick_links a.current i{ background-position:0 -220px;}
.quick_links .message{ background-position:-190px -182px;}
.quick_links a:hover .message, .quick_links a.current .message{ background-position:-190px -220px;}
.quick_links .cart{ background-position:-38px -182px;}
.quick_links a:hover .cart, .quick_links a.current .cart{ background-position:-38px -220px;}
.quick_links .view{ background-position:-76px -182px;}
.quick_links a:hover .view, .quick_links a.current .view{ background-position:-76px -220px;}
.quick_links .qa{ background-position:-114px -182px;}
.quick_links a:hover .qa, .quick_links a.current .qa{ background-position:-114px -220px;}
.quick_links .top{ background-position:-152px -182px;}
.quick_links_min .quick_links .top{ background-position:-180px -62px; height:20px; width:20px;}
.quick_links a:hover .top, .quick_links a.current .top{ background-position:-152px -220px;}
.quick_links_min .quick_links a:hover .top, .quick_links_min .quick_links a.current .top{ background-position:-180px -82px;}
.quick_links span{ display:block; cursor:pointer; padding-top:3px; height:1.5em; width:100%; overflow:hidden; word-break:break-all; word-wrap:break-word; text-overflow:ellipsis;}
.quick_links .num, .quick_links .num b,
.quick_links_pop .num, .quick_links_pop .num b{ display:inline-block; background:url(images/bg_hor.png) no-repeat 100% -102px; padding-right:6px; vertical-align:top;}
.quick_links .num, .quick_links_pop .num{ background-position:-210px -82px; color:#fff; cursor:pointer; font:12px/18px Arial; margin-left:6px; padding:0 0 0 6px; vertical-align:middle;}
.quick_links .num{ margin:-40px 0 0; position:absolute; left:38px;}
.quick_links a:hover .num, .quick_links a.current .num{ background-position:-220px -82px;}
.quick_links a:hover .num b, .quick_links a.current .num b{ background-position:100% -122px;}

/* quick_links_pop */
.quick_links_pop, .quick_links_pop .fix_bg{ background:#fcfcfc; border:1px solid #dfdfdf; border-radius:3px;}
.quick_links_pop{ box-shadow:0 2px 8px rgba(0,0,0,.2); margin-right:6px; position:absolute; bottom:0; right:100%;}
.quick_links_pop .arrow, .quick_links_pop .arrow i{ display:none; border-color:transparent #ddd; border-style:dashed solid; border-width:12px 0 12px 12px; font-size:0; height:0; width:0; position:absolute; left:100%; top:12px;}
.quick_links_pop .arrow i{ border-color:transparent #f9fafc; margin:-12px 0 0 -13px; left:0; top:0;}
.quick_links_pop .fix_bg{ display:none; border-top-width:0; border-radius:0 0 3px 3px; margin:0 0 -4px -250px; height:2px; width:500px; overflow:hidden; position:absolute; bottom:0; left:50%;}
.quick_links_pop .title{ background:#fdfdfe; background:-moz-linear-gradient(top, #fdfdfe 0%, #f5f7fb 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfe), color-stop(100%,#f5f7fb)); background:-webkit-linear-gradient(top, #fdfdfe 0%,#f5f7fb 100%); background:-o-linear-gradient(top, #fdfdfe 0%,#f5f7fb 100%); background:-ms-linear-gradient(top, #fdfdfe 0%,#f5f7fb 100%); background:linear-gradient(to bottom, #fdfdfe 0%,#f5f7fb 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfe', endColorstr='#f5f7fb',GradientType=0); border-bottom:1px solid #DDD; border-radius:3px 3px 0 0; height:50px;}
.quick_links_pop .title h3{ color:#4467a7; font-size:16px; font-weight:normal; line-height:24px; padding:13px 15px; height:24px;}
.quick_links_pop .title i{ display:inline-block; background:url(images/bg_hor.png) no-repeat -140px -34px; margin:-3px 6px 0 0; height:22px; width:30px; vertical-align:middle; *margin-top:0;}
.quick_links_pop .pop_panel{ font-size:12px;}
.quick_cart_list, .quick_history_list, .quick_links_pop .links, .quick_my_qlinks, .quick_message_list{ width:256px;}
.quick_cart_list .user_cart_inner, .quick_history_list .history_slider{ display:block; border:0; margin:0; position:static;}
.quick_cart_list .user_cart_inner .del{ display:none;}
.quick_history_list .title i{ background-position:-170px -34px;}
.quick_leave_message{ width:504px;}
.quick_leave_message .title i{ background-position:-160px 0;}
.quick_leave_message .types{ font-size:0; position:absolute; left:148px; top:18px; white-space:nowrap;}
.quick_leave_message .types input, .quick_leave_message .types label{ font-size:12px; margin-right:20px; vertical-align:middle; white-space:nowrap;}
.quick_leave_message .types input{ margin:-2px 3px 0 0; height:13px; width:13px; *margin-top:0;}
.quick_leave_message .txt{ padding:15px 0;}
.quick_leave_message .txt textarea{ display:block; background:#fff; border:1px solid #e8e8e8; border-radius:3px; box-shadow:0 1px 0 #fff, inset 0 1px 4px rgba(0,0,0,.1); margin:0 auto; padding:8px; height:68px; width:90%;}
.quick_leave_message .token{ padding:0 0 14px 16px; height:26px;}
.quick_leave_message .token input{ background:#fff; border:1px solid #ddd; padding:3px 4px; width:76px; vertical-align:middle;}
.quick_leave_message .token img{ margin-left:5px; vertical-align:middle;}
.quick_leave_message .btns{ float:right; margin-top:-42px; padding-right:16px;}
.quick_leave_message .btn{ background-position:0 -356px; cursor:pointer; font-size:0; padding-left:20px; text-shadow:0 1px 0 #355ba9; overflow:visible;}
.quick_leave_message .btn:hover{ background-position:0 -386px;}
.quick_leave_message .btn span{ background-position:100% -356px; font-size:12px; padding-right:20px; *height:29px;}
.quick_leave_message .btn:hover span{ background-position:100% -386px;}
.quick_links_pop .no_data{ color:#333; font-size:14px; padding:35px 10px; text-align:center;}
.quick_links_pop .no_data i{ display:inline-block; background:url(images/cart_new.png) no-repeat 0 -188px; margin:0 10px 0 0; height:36px; width:60px; vertical-align:middle;}
.quick_links_pop .links li{ border-top:1px solid #f1f1f1; vertical-align:top;}
.quick_links_pop .links a{ display:block; background:#FCFCFC; color:#333; font-size:14px; padding:12px 15px;}
.quick_links_pop .links a:hover{ background-color:#F2F3F4; color:#4467a7;}
.quick_links_pop .links .tips{ float:right; color:#61c2ed; font-size:12px;}
.quick_my_qlinks .title i{ background-position:-200px 0; height:22px; width:22px;}
.quick_message_list .title i{ background-position:-200px -34px; height:22px; width:22px;}
.quick_message_list .no_data i{ background-image:url(images/quick_links_no_msg.png); background-position:0 0; height:45px; width:62px;}

#xubox_iframe{ background:#fff}
.search_filter{clear:both}
.search_filter p{clear:both; height:35px; line-height:35px;}
.search_filter label{font-weight:bold; display:block; float:left; padding-right:10px; width:40px; text-align:right}
.search_select{border:#ddd solid 1px; height:25px; line-height:25px;}




/*jdthickbox*/
.thickframe{position: fixed; top: 0; left: 0; z-index: 10000000; width: 100%; height: 100%; background: #000; border: 0; filter: alpha(opacity=0); opacity: 0;}
.thickdiv{position: fixed; top: 0; left: 0; z-index: 10000001; width: 100%; height: 100%; background: #000; border: 0; filter: alpha(opacity=15); opacity: 0.15;}
.thickbox{position: absolute; z-index: 10000002; overflow: hidden; padding: 0; border: 4px solid rgba(0, 0, 0, 0.1); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.thicktitle{height: 27px; padding: 0 10px; border: solid #C4C4C4; border-width: 1px 1px 0; background: #F3F3F3; line-height: 27px; font-family: arial, "\5b8b\4f53"; font-size: 14px; font-weight: bold; color: #333;}
.thickclose:link,
.thickclose:visited{display: block; position: absolute; z-index: 100000; top: 7px; right: 12px; overflow: hidden; width: 15px; height: 15px; background: url(images/bg_thickbox.gif) no-repeat 0 -18px; font-size: 0; line-height: 100px;}
.thickcon{overflow: auto; background: #fff; border: solid #C4C4C4; border-width: 1px; padding: 10px;}
.thickloading{background: url(images/loading-jd.gif) #ffffff no-repeat center center;}
.thickcountdown{height: 20px; padding-right: 6px; margin-top: -20px; text-align: right; color: #999;}
*html .thickframe{position: absolute;}
*html .thickdiv{position: absolute;}
#thicktitler{padding: 0 11px; background: #8DB7DC; border: none; color: #fff;}
#thickcloser:link,
#thickcloser:visited{top: 6px; right: 9px; width: 16px; height: 17px; background-position: 0 0;}
#thickconr{border: solid #8DB7DC; border-width: 1px;}

#windowBox {margin:10px; position:absolute; z-index:99999; background:#FFF}
#windowBoxInner{}

#windowBox .titbar {background: #4062A7; border-bottom: 1px solid #EDE9EA; color: #E31256; height: 42px; line-height: 42px; position:relative;padding-left: 22px;}
#windowBox .titbar span { font: 18px/52px Microsoft Yahei; font-weight: bold;  overflow: hidden; color:#fff}
#windowBox .titbar .btn_close{ background: url("images/cart_pop_close.png") no-repeat 0 0; color: #4062A7; height: 23px; margin: 0; overflow: hidden; padding: 0; right: 10px; top:10px; width: 23px; position:absolute}
#windowBox .titbar .btn_close:hover{}
#windowBox .windowBoxContent{padding: 10px 10px;}
.add_address{}
.add_address h3{background:#e6e6e6;border-bottom:1px solid #d9d9d9;font-size:14px; line-height:35px;padding-left:10px;}
.add_address {}
.add_address td{padding:6px 4px;}
.add_address em{display:inline-block;color:#c00;width:10px;margin:0px; font-style:normal}
.add_address .country_select{width:120px;margin-right:10px;}
.add_address .text1{width:141px;border:1px solid #ccc; height:23px;}
.add_address .text2{width:500px;height:40px;border:1px solid #ccc;}
.add_address .warning{background:#ffe8e8;border:1px solid #f34956;color:#c00;padding:0 5px;}
.add_address .submit{background: #4062A7; border: medium none; height: 30px; line-height: 30px; padding: 0; width: 80px; color:#fff}
.add_address .reset{background: #FCFCFC; border: 1px solid #E0E0E0; color: #999999; display: inline-block; height: 28px; line-height: 28px; margin-left: 10px; text-align: center; width: 58px;}

/*.ads_list a{float:left; width:230px; height:376px; margin:2px;}*/
.ads_list a{float:left; margin:5px 30px 27px 32px; border: 1px solid #cacaca;}
#ads_list a img:hover{box-shadow: 30px;}


/*reset*/
body, button, input, keygen, legend, select, textarea{
    font-family:"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
    font-weight:400;
    color:#000000;
    outline:0;
    speak:none;
    -webkit-font-feature-settings:normal;
    -moz-font-feature-settings:normal;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
h1, h2, h3, h4, h5, h6{font-weight:400;}
li{list-style:none;}
html, body, fieldset, img, iframe, abbr{border:0;}
img{vertical-align:top;}
a, button{cursor:pointer;}
a{color:#666 !important;outline:none;text-decoration:none;}
a:focus{ color:#fff;
     outline:none; 
     -moz-outline:none;
}  


/*common*/
body{background:#ebeaea !important;}
a:hover{color:#fff;text-decoration:none;}
a:-webkit-any-link{text-decoration:none;}
.container{width:1200px;margin:0 auto;padding:0;}
.container:after{content:"";display:block;clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.color-white{color:white!important;}
.red{color:#fc8080 !important;}
.fz12{font-size:12px;}
.fz14{font-size:14px;}
.wfs{width:100%;position:relative;}
.p_r{position:relative;}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}