﻿@charset "utf-8";
/* CSS Document */
html{color:#444;overflow-y:scroll;background:#fff}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 Tahoma,Arial,"\5b8b\4f53",sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}
small{font-size:12px}ul,ol{list-style:none}
a{text-decoration:none; color:#444}a:hover{text-decoration:underline;color:#ff7300}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
q:before,q:after{content:''}
legend{color:#444}
fieldset,img{border:none}
.link01 a{color:#C00;font-weight:bold;}.link01 a:hover{text-decoration:underline;}
button,input,select,textarea{font-size:100%}
body{background:url(../images/bg.gif) repeat-x;}
.topLeft,.topRight li,.search,.sTitle li,.navCon,ul.menuNav,.navLink,.navLink ul li,.navMore span,.tabInfo a,ul.hotList,ul.hr li pre{float:left;}
.topRight,.navMore{float:right;}
.cl ul li.san,.cl .listBox a,.topCurr span.arrow,.topHover span.arrow,.topRight li a.ywt,.topRight li a.slt,.topRight li a.hjsp,.logo a.logoimg,.sInput{background:url(//www.51sole.com/images_new_lx/index2.gif) no-repeat;}
/*top*/
.topbar{background:#f7f7f7;border-bottom:solid 1px #ececec;}
.top{width:1190px;height:30px;line-height:30px;margin:0 auto;+overflow:hidden;}
.topNav,.topCurr{float:left;padding:0 9px;line-height:30px;}
.topNav{padding:0px;}
.topCurr{padding:0 24px 0 10px;position:relative;z-index:999999;cursor:pointer;}
.topCurr span.arrow{position:absolute;width:7px;height:4px;overflow:hidden;right:11px;top:13px;}
#topBox3 {left:-129px;width: 200px;}
.topHover{background:#fff;border-left:#eee 1px solid;border-right:#eee 1px solid;margin:0px -1px;}
.topHover span.arrow{background-position:-29px 0;}
.topBox{position:absolute;background:#fff;width:176px;padding:5px 10px;border:#eee 1px solid;border-top:none;left:-1px;top:30px;display:none;box-shadow:1px 2px 2px #ccc;}
.topHover .topBox{display:block;}
.topBox a{float:left;width:88px;}
.topBox a:hover{color:#2a71c1;}
.topBox dl a{margin-right:6px;width:auto;}
.topBox dl{width:390px; clear:both;}
.topBox dl dt{float:left;width:70px;font:bold 14px/30px "宋体";}
.topBox dl dd{float:left;width:306px;border-bottom:#eee dashed 1px;padding:5px 0;}
.topBox dl dd a{float:left;line-height:18px;}
.topRight li{float:left;}
.topRight li a{color:#444;margin-right:11px;}
.topRight li a.login,.topRight li a.reg{ color:#369;}
.topRight li a.ywt,.topRight li a.slt,.topRight li a.hjsp{display:inline-block;height:26px;color:#333;}
.topRight li a.slt{background-position:-114px 2px;}
.topRight li a.hjsp{background-position:-179px 2px;}
.topRight li a.ywt{ background-position:-48px 2px;}
.topRight li .topBox a{ margin-right:0px;}
.showtopbar .topBox{display:block;}
#Div2{left:-24px;}
#topBox3 a{width:98px;}
#Message,#topNav .txt05{color:#f00;text-decoration:underline;}
#topNav a.reg{color:#2a71c1}
.showtopbar .arrow{transform:rotate(-180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform: rotate(180deg);-moz-transform:rotate(180deg);transition:0.5s;}
/*header*/
.header{width:1190px;clear:both;height:100px;margin:0px auto;position:relative;}
.logo{width:380px;float:left;overflow:hidden;background:none; white-space:normal}
.logo a.logoimg{display:block;background-position:-387px -69px;width:185px;height:55px; margin-top:20px;text-indent:-99999px;}
.header .page-title{left:188px;position:absolute;top:8px;font-weight:500;font-size:18px;height:25px;line-height:25px;border-left:1px solid #ccc;padding-left:10px;margin:28px 0 0 5px;display:inline;font-family:"microsoft yahei"}
.fbsjxx{position:relative;background-position:0px -32px;width:92px; height:36px; float:right; margin-top:30px;}
.fbsjxx a{ display:block; height:36px;line-height:36px;text-align:center; width:90px;background:#fff;border:solid 1px #ddd;color:#555;}
.fbsjxx a:hover{color:#f70; text-decoration:none;}
.search{position:relative;float:right; margin:10px 10px 0 0;}
.search,.sTitle,.sInput{width:585px;}
.sTitle{padding-left:10px;position:absolute;z-index:9;top:-10px;}
.sTitle li{width:37px;float:left;line-height:35px;text-align:center;}
.sTitle li a, .sTitle li span {color:#999;height:35px;display:block;}
.sInput{height:38px;background-position:0 -68px;position:absolute;top:19px;z-index:8;}
.sText{width:484px;outline:none;padding-left:10px;float:left;height:34px;font:14px/38px "arial";background:#fff;border:solid 2px #c1c1c1;border-right:none;color:#999;}
.sBtn{width:84px;height:38px;float:left;background:#2a71c1;border:none;cursor:pointer;color:#fff;letter-spacing:10px;text-align:center;text-indent:5px;}
.sTitle li.scurr{background-position:-348px -106px;}
.sTitle li.scurr a, .sTitle li.scurr span {color:#000;}
.search_kwd{clear:both;position:absolute;top:53px;width:360px; height:30px; overflow:hidden;}
.search_kwd li{float:left;line-height:30px;margin-right:10px;}
.search_kwd li a{color:#666;}
.search_kwd li a:hover{color:#f60;text-decoration:none;}
#q1:focus{border:solid 2px #2a71c1;border-right:none;}
.webcode{float:right;width:80px;display:inline;height:80px;margin:10px 0 0 20px;color:#999;text-align:center;position:relative;z-index:1;}
.webcode i{width:80px;height:58px;display:block;text-align:center;background:url(//www.51sole.com/images_new_lx/m-code.jpg) no-repeat center bottom;}
.webcode div{position:absolute;z-index:1;top:80px;left:-80px;width:150px;height:150px;padding:4px;background:#fff url(//www.51sole.com/images_new_lx/b-code.jpg) no-repeat center;border:solid 1px #e2e2e2;display:none;}
.webcode.show-code div{display:block;}
/*menu*/
.menu{width:1190px;margin:0 auto;height:40px;background:#2a71c1;border-radius:3px 3px 0px 0px;position:relative;}
ul.menuNav li{float:left;height:42px;margin:0 15px;text-align:center;font:bold 14px/32px "arial"; line-height:38px;}
ul.menuNav li a{display:block;color:#fff;font-weight:bold;}
ul.menuNav li a:hover{ color:#ff0}
ul.menuNav li.current{color:#fff; background:url(../images/gif24.gif) no-repeat; width:52px; height:42px; margin-left:0px;}
ul.menuNav li.current a{color:#fff;}
.menuLink{float:right;width:500pxl}
.menuLink a{display:block; float:right;line-height:38px; margin-right:20px;font-weight:bold;color:#fff; font-weight:normal;}
.menuLink a:hover{ color:#ff0;}
.cur{ cursor:pointer;}
.h1style{width:660px;display:block; text-align:center;font-size:14px; font-weight:bold; color:#06c;}

.liststyle ul li,.liststyle ul li .search_list_info{ overflow: visible; }
.slhynf{ display: inline-block; margin: 0 50px 0 10px; position: relative;}
.slhynf_t{ display: inline-block; height: 17px; line-height: 17px; padding: 0 4px 0 20px; background: url(//style.51sole.com/masterwebsite/b2b/images/v66.jpg) left center no-repeat; border: 1px solid #ff6300; border-radius: 2px; color: #222; font-size: 12px; cursor: default;}
.slhynf_t .num{ padding: 0 4px; font-size: 13px; color: #f60; font-weight: bold;}
.slhynf_b{ display: none; position: absolute; left: 57px; top: 17px; width: 108px; height: 20px; line-height: 20px; border: 1px solid #fdd46f; background: #fff2df; letter-spacing: 1px; color: #808080; padding: 0 8px; text-align: center; overflow: hidden;}
.slhynf:hover .slhynf_b{ display: inline-block;}