/*reset*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin: 0;padding: 0;}
body,button, input, select, textarea {font-size: 12px;line-height:150%;font-family:"\5B8B\4F53";}
input{line-height:100%;}
button, input, select, textarea { vertical-align:middle;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } 
small { font-size: 12px; } 
ul, ol { list-style: none; }
legend { color: #000; } 
fieldset, img { border: 0; } 
button, input, select, textarea { font-size: 100%; } 
table { border-collapse: collapse; border-spacing: 0; }
iframe{border:none;}
.clearfix{*zoom:1;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
a:link, a:visited{text-decoration:none;color:#323232;}
a:hover, a:active{text-decoration:underline;color:#F8742C;}
.s-form a:link, .s-form a:visited{
    color: #D2E2F1;
}

/*常用*/
.w320{width:320px;}
.f12{font-size:12px;}
.fwn{font-weight:normal;}
.fl{float:left;}
.fr{float:right;}
.p8{padding:8px;}
.p-8{padding:0 0 0 8px;}
.pl5{padding-left:5px;}
.p10{padding:10px;}
.pb15{padding-bottom:15px;}
.pr10{padding-right:10px;}
.pt5{padding-top:5px;}
.mt10{margin-top:10px;}
.mt10-8{margin-top:10px;_margin-top:0;+margin-top:0;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}
.mb101{margin:10px 0px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px; }
.mr30{margin-right:30px;}
.pt0{padding-top:0;}
.wb60{width:60px;display:block;}
.wb65{width:65px;display:block;}
.wb70{width:70px;display:block;}
.wb95{width:90px;display:block;}
.wb115{width:115px;display:block;}
.w135{width:135px;display:block;}
.wb155{width:155px;display:block;}
.w180{width:180px;display:inline;}
.w200{width:200px;display:inline;}
.w210{width:210px;display:inline;}
.w215{width:215px;display:inline;}
.w228{width:228px;}
.w235{width:235px;display:inline;}
.w250{width:250px;display:inline;}
.w260{width:260px;display:inline;}
.w270{width:270px;display:inline;}
.w300{width:300px;display:inline;}

.w365{width:365px;display:inline;}
.w360{width:360px;display:inline;}
.w400{width:400px;display:inline;}
.w425{width:425px;display:inline;}
.w440{width:440px;display:inline;}
.w470{width:470px;display:inline;}
.w480{width:480px;display:inline;}
.w515{width:515px;display:inline;}
.w555{width:555px;display:inline;}
.w640{width:640px;display:inline;}
.w690{width:690px;display:inline;}
.w700{width:700px;display:inline;}
.w730{width:730px;display:inline;}
.w740{width:740px;display:inline;}
.w760{width:760px;display:inline;}
.w928{width:928px;}
.w950i{width:950px;display:inline;margin:0 auto;}
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.tind10{ text-indent:10px;}
.bdbn{border-bottom:none;}
.a-blue,.a-blue a:link, .a-blue a:visited{color:#23469D;}
.a-blue .d-list a:link, .a-blue .d-list a:visited{color:#23469D;display:block;}
.greyk{ color:#666666;}
.bd-250{background:#fff url(/images/2011/bd-250.gif) repeat-y;}
.bd250{background:#F1F5FC url(/images/2011/bd-250.gif) repeat-y;}
.bd180{background:#F1F5FC url(/images/2011/bd-180.gif) repeat-y;}
.bd-300{background:#fff url(/images/2011/bd-300.gif) repeat-y;}
.dot{
 background: url("/images/2011/square.gif") no-repeat scroll 2px 10px transparent;
    text-indent: 10px;
}



.fr{float:right;}
.clearfix{*zoom:1;}
.clearfix:after{content:'\20';display:block;height:0;width:950px;}

/*头部*/
.head3 {
    font-size: 12px;
    margin: 0 auto;
    width: 950px;
}
.head3 h1 {
    background: url("/images/2011/logo.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 60px;
    margin: 0;
    overflow: hidden;
    width: 175px;
}
.head3 h1 a {
    display: block;
    height: 60px;
    text-indent: -99999px;
    width: 175px;
}
.head3 .head-m {
    float: left;
    font-size: 12px;
    text-align: center;
    width: 680px;
}
.head3 .head-r {
    float: left;
    font: 12px arial;
    margin-top: 5px;
    text-align: left;
    width: 90px;
}
.head3 .head-r a:link, .head3 .head-r a:visited {
    background: url("https://www.100ppi.com/images/2011/button.gif") no-repeat scroll 0 -5px #FFFFFF;
    clear: both;
    color: #333333;
    display: block;
    line-height: 18px;
    padding-left: 20px;
}
.pad_t15 {
    clear: both;
    display: block;
    height: 15px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/*main*/
#main{width:950px;margin:0 auto;}
/*footer*/
#footer{width:950px;margin:0 auto;color:#313131;}
#footer p{font-size:12px;text-align:center;padding-top:10px;padding-bottom:10px;}
.footer-t{height:20px;line-height:20px;background:#E1EAF9;text-align:center;}


/*商品动态*/
.sc-hd {
    background: none repeat scroll 0 0 #F3F3F3;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
}
.sc-hd div span {
    background: url("/images/2011/tbtj.png") no-repeat scroll left center transparent;
    color: #444444;
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 10px;
    text-indent: 10px;
    width: 80px;
}
.show-case{width:320px;float:left;}
.black-li li a{margin-right:6px;}
.in-st1{height:28px;line-height:28px;background:url(/images/2012/ny-bg.png) no-repeat;padding-right:10px;}
.in-st1 span{float:right;}
.in-st1 h3{padding-left: 25px; background: url("/images/2011/all.gif") no-repeat scroll -280px -512px transparent;font-size:14px;font-weight:bold;color:#333132;width:160px;float:left;}
.in-st1 .sub-item-nav{width:660px;float:left;color:#22469E;}
.in-st1 a{color:#22469E;font-size:12px;margin-left:6px;margin-right:6px;}
.in-st3{height:28px;line-height:28px;background:url(/images/2012/bj-bg.png) no-repeat;padding-left:26px;padding-right:10px;}
.in-st3 span{float:right;}
.in-st3 h3{    color: #22469E;
    float: left;
    font-size: 14px;
    font-weight: normal;
    padding-top: 2px;
    width: 160px;}
.in-st3 .sub-item-nav{    color: #22469E;
    float: right;
    text-align: right;}
.in-st3 a{color:#22469E;font-size:12px;margin-left:6px;margin-right:6px;}
.in-st2{height:28px;line-height:28px;background:url(/images/2011/item-nav-2.png) no-repeat;padding-left:26px;padding-right:10px;}
.in-st2 span{float:right;}
.in-st2 h3{font-size:14px;font-weight:bold;color:#fff;width:125px;float:left;}
.in-st2 .sub-item-nav{width:740px;float:left;color:#fff; }
.in-st2 a{color:#fff;font-size:12px;margin-left:6px;margin-right:6px;}

/*商品价格*/

.location a{color:#333;}
.location span a{font-weight:normal;}
.location span{font-weight:bold;color:#23459E;}












.mar-l10{
    margin-left:12px;
    -margin-left:-30px;
    +margin-left:-30px;
}
.ml-2{
    -margin-left:-10px;
    +margin-left:-10px;
}
.wb{
   width: 118px;
}
.p10{
   padding:10px 0;
}
.p-10{
   padding:10px;
}
.flo_e {
    clear: both;
}
.flo_e ul {
    border: 0 none;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.flo_e ul li {
    list-style-type: none;
}




/*mac 首页*/
.name {
    border-bottom: 1px solid #BECDE4;
    color: #04005E;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
}
.name2 {
    height: 24px;
    line-height: 24px;
    text-align: center;
}
.name2 span {
    color: #A20012;
    margin-left: 20px;
}
.nd-c span{
    color: #A20012;
}
.f14li dl{font-size:14px;line-height:24px;color:#777;}
.f14li dl dt{
    clear: both;
    color: #23469D;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    overflow: hidden;
    text-indent: 30px;
    width: 134px;
}
.s-position{
    margin:-3px 10px 0 0;
    -margin:3px 10px 0 0;
}


/*商品指数*/
.buy ul {
    margin-bottom: 10px;
}
.buy li {
    clear: both;
    text-align: left;
}
.buy .pr-news-tit {
    background: url("/images/2012/s-dot.png") no-repeat scroll 15px 12px transparent;
    clear: both;
    color: #666666;
    display: block;
    line-height: 24px;
    padding: 0 30px;
}
.buy .pr-news-tit a {
    font-size: 14px;
     color: #21469F;
}
.futbg3a {
    background: url("https://www.100ppi.com/images/2011/future_bg.gif") repeat-x scroll 0 -470px transparent;
    height: 28px;
    width: 360px;
}
.width105 {
    width: 105px;
}
.futbg3b2 {
    background: url("https://www.100ppi.com/images/2011/future_bg.gif") no-repeat scroll 0 -541px transparent;
    height: 28px;
}
.futtb1k2 {
    background: url("https://www.100ppi.com/images/2011/future_bg.gif") no-repeat scroll 8px -305px transparent;
    padding-left: 23px;
}
.height28p {
    height: 28px;
}
.height_28p {
    line-height: 28px;
}
.t14 {
    font-size: 14px;
}
.futbg3c {
    background: url("https://www.100ppi.com/images/2011/future_bg.gif") no-repeat scroll -195px -402px transparent;
    height: 28px;
}
.width5 {
    width: 5px;
}
.w375{
    width:375px;
    display:inline;
}
.w375 p{
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}

/*new*/
.event {
    background: url("/images/2012/event.png") no-repeat scroll 5px 7px transparent;
    border-bottom: 2px solid #E8EEFA;
    height: 18px;
    padding-top: 5px;
    text-indent: 20px;
}
.event h3 {
    color: #2245A1;
    float: left;
    font: 14px "tahoma,arial,simsun,sans-serif";
    width: 235px;
}
.event span{
   float: right;
}
.event span a {
    color: #2245A1;

}
.news li {
    background: url("/images/2011/all.gif") no-repeat scroll -285px -405px transparent;
    color: #323232;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding-left: 16px;
}
.content1 {
    float: left;
    height: 24px;
    line-height: 24px;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.w220 {
    width: 220px;
    _width: 210px;
    +width: 210px;
}
.news span {
    color: #666666;
    float: right;
    font-size: 12px;
    margin-right: 10px;
}
.blue, a.blue:link, a.blue:visited {
    color: #22479F;
    text-decoration: none;
}
.zst {
    background: url("/images/2012/n-column.png") repeat scroll 0 0 transparent;
    border: 1px solid #C7D7FF;
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
}
.w238 {
    width: 248px;
}
.zst h3 {
    background: url("/images/2012/n-column01.png") no-repeat scroll 10px 6px transparent;
    color: #2245A1;
    float: left;
    font-size: 14px;
    font-weight: normal;
    padding-left: 22px;
}
.vane {
    border: 1px solid #EAEAEA;
    border-top:none;
    display: block;
    float: left;
    overflow: hidden;
    _padding-bottom:2px;
    _padding-top:10px;
    +padding-bottom:10px;
    +padding-top:10px;
    
}
.vane h3 {
    background: url("/images/2012/opi.png") no-repeat scroll 9px 4px transparent;
    float: left;
    margin: 3px 0;
    _margin: 0;
    +margin:0;
    padding-left: 22px;
    width: 216px;
    height: 18px;
}
.vane span a {
    color: #2245A1;
    float: right;
    font-size: 12px;
    margin-right: 5px;
    margin-top: -20px;
}
.vane h3 a{
	  color: #2245A1;
    text-decoration: none;
}
.w240{
    width:250px;
}
.w218 {
    width: 218px;
}
.padd_t5 {
 padding: 4px 10px 3px 20px;
}
.flo_e ul {
    border: 0 none;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.flo_e ul li {
    list-style-type: none;
}

.ml6 {
    height: 21px;
    line-height: 21px;
    margin-right: -5px;
    overflow: hidden;
    width: 58px;
}
.ml6g {
		margin-right: 0;
    width: 70px;
}
.ml-6 {
    height: 21px;
    line-height: 21px;
    margin-right: -5px;
    overflow: hidden;
    width: 70px;
}
.cy-graph{
  margin-top: 10px;   
}
.center{
 text-align: center;
}
.sc-hd1 {
    background: none repeat scroll 0 0 #F3F3F3;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    width: 300px;
}
.hsp-vane {
    clear: both;
    margin: 0 10px;
}
.hsp-vane ul {
    clear: both;
}
.hsp-vane li {
    float: left;
    line-height: 19px;
    overflow: hidden;
}
.w1a {
    background-color: #F0F0F0;
    height: 18px;
    text-indent: 20px;
    width: 90px;
}
.w3a {
    background-color: #F0F0F0;
    height: 18px;
    width: 68px;
}
.w2a {
    background-color: #F0F0F0;
    height: 18px;
    width: 60px;
    padding-right: 10px;
}
.vbor {
    border-bottom: 1px dashed #CCDDF5;
}
.w1 {
    background: url("/images/2011/all.gif") no-repeat scroll -285px -409px transparent;
    height: 19px;
    text-indent: 20px;
    width: 90px;
}
.w2 {
    height: 21px;
    width: 70px;
}
.w3 {
    height: 21px;
    width: 46px;
}

.green, a.green:link, a.green:visited {
    color: #009900;
}
.red, a.red:link, a.red:visited {
    color: #FF0000;
}
.price {
    padding: 8px 0 0;
}
.price .hsp-price {
    clear: both;
}
.price .prbg {
    background: url("/images/2011/pricebg.gif") repeat scroll 0 22px transparent;
}
.price .hsp-price .w1a {
    background-color: #D6E3F7;
    height: 18px;
    text-indent: 25px;
    width: 130px;
    float:left;
}
.price .hsp-price .w2a {
    background-color: #D6E3F7;
    height: 18px;
    width: 220px;
    float:left;
}
.price .hsp-price .w3a {
    background-color: #D6E3F7;
    height: 18px;
    width: 100px;
    float:left;
}
.price .hsp-price .w4a {
    background-color: #D6E3F7;
    height: 18px;
    width: 150px;
    float:left;
}
.price .hsp-price .w5a {
    background-color: #D6E3F7;
    height: 18px;
    width: 210px;
    float:left;
}
.price .hsp-price .w1 {
    background: url("/images/2011/all.gif") no-repeat scroll -285px -409px transparent;
    height: 22px;
    text-indent: 25px;
    width: 130px;
    float:left;
}
.price .hsp-price .w-1 {
    background: url("/images/2011/all.gif") no-repeat scroll -285px -409px  #F1F6FC;
    height: 22px;
    text-indent: 25px;
    width: 130px;
    float:left;
}
.price .hsp-price .w2 {
    height: 21px;
    width: 230px;
    float:left;
    overflow: hidden;
}
.price .hsp-price .w3 {
    height: 22px;
    width: 100px;
    float:left;
}
.price .hsp-price .w4 {
    height: 22px;
    width: 150px;
    float:left;
}
.price .hsp-price .w5 {
    height: 22px;
    width: 235px;
    float:left;
}
.price .hsp-price .w6 {
    height: 22px;
    width: 105px;
    float:left;
}
.lb-bg li{
    background-color: #F1F6FC;
}
.detail-list{

    margin: 3px 45px 3px 4px;
}


.wrap_tu{width:318px; height:225px; border:solid 1px #C6D4EE;overflow: hidden; position: relative;}
.wrap_tu ul{position: absolute; width:318px; height:225px; overflow:hidden;}
.wrap_tu ul li{height:200px;}
.wrap_tu #wrap_list{ position: absolute; right:5px; bottom :32px;}
.wrap_tu #wrap_list li{height:20px; width:20px; background-color: #ccc; border:solid 1px #666; margin-left: 5px; color:#000; float:left; text-align: center; cursor: pointer;}
.wrap_tu li img{height:200px;}
.wrap_tu #wrap_list .on{ background-color:#E97305; color:#fff; }
.wrap_tu #wrap_wordtext{ position: absolute; left:0px; bottom:0px;}
.wrap_tu #wrap_wordtext li{height:25px; width:322px;text-align:center; color:#333; background-color: #f1f1f1; display: none; line-height: 25px;font-weight:bold;}
.wrap_tu #wrap_wordtext .on{ display: block; }