@charset "UTF-8";
/*goods_list*/
.main{ width: 100%; height: auto;}
.mainIn{ width: 1030px; height: auto; margin: 0 auto;}
.mainCenter{ background: #fefefd; box-shadow: 0 1px 4px rgba(0,0,0,0.2);
overflow: hidden; padding: 20px 3% 30px;}
.listing_title h1{ font-size: 14pt; font-weight: lighter; margin: 0 0 2px 0; padding: 0;}
.position{ margin: 5px 0 5px 0;}
.position a{ font-size: 13px; color: #369; font-family: Arial,sans-serif; font-style: normal; font-weight: bold;}

.mainLeft{ width: 65%; float: left; padding: 20px 0;}
.treeList dl{ padding-left: 2%;}
.treeList dl dt,.treeList dl dd{ float: left;}
.treeList dl dt{ position: relative; background-color: #f1f1f1; border: 1px solid #e1e1e1;}
.treeList dl dd{ margin-left: 15px; width: 519px;}
.treeList dl dd h2{ margin: 0; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.treeList dl dd h2 a{ color: #404041;}
.treeList dl dd h2 a:hover{ text-decoration: underline;}
.treeList dl dt img{ width: 80px; height: 59px;}
.treeList ul li{ border-bottom: 1px solid #e1e1e1; padding-bottom: 2%; margin-bottom: 2.6%;}
.ads_price{ font-size: 17px; font-weight: bold; color: #ca2027; margin: 5px 5px 0 0;}
.treeList dl dd p{ color: #939597; background: url(../images/list.png) no-repeat left center; padding-left: 16px; margin-top: 5px;}
.nb {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 26px;
  font-size: 8pt;
  cursor: pointer;
}
.nb .top {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -o-border-radius: 6px 6px 0 0;
  -ms-border-radius: 6px 6px 0 0;
  font-size: 0;
  height: 4px;
  margin: 0 auto;
  width: 8px;
  border: .8pt solid #58595b;
  border-bottom: 0;
  z-index: 100;
  position: absolute;
  left: 5px;
  background-color: #939598;
}
.nb div {
  background: none repeat scroll 0 0 #bbb;
  text-align: center;
}
.nb .value {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  -ms-border-radius: 3px 3px 3px 3px;
  color: #fff;
  font-weight: bold;
  padding: 0;
  height: 12px;
  background-color: #939598;
  border: .8pt solid #58595b;
  font-family: verdana;
  line-height: 11px;
  width: 18px;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 99;
}
.mainRight{ position: relative; width: 32%; float: right;}
.tri_lhs {
    position: absolute;
    z-index: 1;
    left: -96px;
    background-color: rgba(0,0,0,0);
    border: 75px solid rgba(0,0,0,0);
    border-right-color: #eaeaea;
    height: 0;
    width: 0;
    top: 3px;
    border-right-width: 22px;
}
.tri_lhs_over {
    position: absolute;
    left: -71px;
    background-color: rgba(0,0,0,0);
    border: 75px solid rgba(0,0,0,0);
    border-right-color: #d1d2d4;
    height: 0;
    width: 0;
    top: -75px;
    border-right-width: 22px;
}
.tri_lhs_inner {
    position: absolute;
    left: -74px;
    background-color: rgba(0,0,0,0);
    border: 75px solid rgba(0,0,0,0);
    border-right-color: #FFF;
    height: 0;
    width: 0;
    top: -75px;
    border-right-width: 22px;
}
.rhs_top {
  border: 4px solid #eaeaea;
  border-radius: 8px;
  background-color: #fff;
  -webkit-border-radius: 8px;
  border-top-left-radius: 5px 4px;
  margin-bottom: 20px;
  min-height: 200px;
}
.rhs_topIn{ border: 1px solid #d1d2d4;
  padding: 20px 14px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-top-left-radius: 0;
  background-color: white;
  padding: 2% 3%;
  box-sizing: border-box;
}
.share{ overflow: hidden; margin-top: 5%;}
.share a{ display: inline-block; margin-right: 1%;}
.share p{ color: #5eaaaa;font-size: 9px; line-height: 1; margin-bottom: 5px;}

.inqu{ width: 100%; height: auto; background: #faf4e6; box-sizing: border-box; border-radius: 5px; margin-top: 5%;}
.inqu .inqutit{ height: 37px; line-height: 37px; border-radius: 5px; cursor: pointer; color: #666; background: #ffd169; text-align: right; padding-right: 3%; font-weight: 300; font-size: 13px;}
.inqutit i{ display: block; width: 16px; height: 16px; background: url(../images/gemail.png) no-repeat; float: left; margin: 10px 0 0 10px;}
.inqutit p{ font-weight: bold;}
.inqutit:hover{ color: #404041;}
.inqu .inqutit.active{ background: #faf4e6; border-radius: 5px 5px 0 0;}
.liuyan input,.liuyan textarea{ font-size: 14px; color: #b1a9bb; width: 100%; padding: 6px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; background: #fff;}
.liuyan p{ margin-bottom: 10px;}
.liuyan textarea{ font-family: arial; resize: vertical;}
.liuyan{ padding: 4%; display: none;}
.liuyan .subbtn{ display: block; padding: 0; width: 80px; background: #22a556; text-align: center; line-height: 24px; color: #fff; cursor: pointer; margin: 1% auto;}

.bigpic ul li{ display: none;}
.bigpic ul li.active{ display: block;}
.bigpic ul li img{ display: block; margin: 0 auto;max-height: 480px;max-width: 640px;}
.smallpic{ margin-top: 5%; padding-left: 5%;}
.smallpic ul li{ float: left; margin-right: 3%; width: 120px; height: 90px; border: 1.5px solid #ccc; padding: 1%; box-sizing: border-box; cursor: pointer;}
.smallpic ul li img{ width: 100%; height: 100%;}
.smallpic ul li.current{ border: 1.5px solid #31659b;}


.list_pages{ margin-bottom: 30px;}
.pages {text-align: left;padding-top: 35px;}
.pages a { display: block; float: left; padding: 0 2px; margin: 0 2px; border: 1px solid #eee; height: 30px; min-width: 28px; line-height: 30px; text-align: center; color: #9b9b9b; background: #f4f4f4;}
.pages a:hover{color: #fff;background: #e1e1e1; color: #a39bab; border: 1px solid #eee;}
.pages .current{ background: none;}
.pages .pages_prev,.pages .pages_prev:hover{ background: url(../images/spilt.png) -47px -78px; border: 0;}
.pages .pages_next{ background: url(../images/spilt.png) -97px 6px; border: 0;}
.pages .pages_next:hover{ opacity: 0.5; background: url(../images/spilt.png) -97px 6px; border: 0;}


/*goods_read*/
.content{ width: 100%;  height: auto; background: #fff; padding: 0 0 30px;}
.topt h1{ font-size: 24px; float: left; margin-right: 10px;}
.topt span{ float: left; line-height: 30px;}
.top p{ margin: 15px 0;}
.top p span{ color: #71b2f1;}
.bigpic{ background: #e9eaeb;}
.detail{ margin: 30px 0; padding: 0 15px;}
.detail h2{ font-size: 18px; color: #848484;}
.detail p{ line-height: 24px;}
.cmleft{ float: left; margin-right: 18px; width: 65%; box-sizing: border-box;}
.cmlefttop{ border: 1px solid #eaeaea;}
.cmlefttop .top{ margin: 20px 0 0 15px;}
.cmright{ float: right; width: 35%;}

.col-xs-12 { width: 100%; margin-top: 1%;}
blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eee;}
blockquote.description_quote {
  padding: 0;
  background: url(../images/icn_quoteOpen.gif) no-repeat top left;
  text-indent: 25px;
  color: #404041;
  font-weight: normal;
  line-height: 1.5;
  border: 0;
}
blockquote.description_quote p {
  display: block;
  background: url(../images/icn_quoteClose.gif) no-repeat bottom right;
  font-weight: normal;
  line-height: 18px;
  white-space: pre-line;
  word-wrap: break-word;
}
blockquote p {
  font-weight: 300;
  line-height: 1.25;
}
.related{ margin-top: 6%;}
.related h3{ font-size: 14px; font-weight: normal; margin: 0;}
.related ul{ text-align: center;}
.related ul li{ display: inline-block; margin: 5px 1% 5px 0; width: 22%; overflow: hidden; padding: 5px;}
.related ul li:last-child{ margin-right: 0;}
.related ul li img{ width: 100%; max-height:90px;}
.related ul li p a{ display: block; margin-top: 5px; line-height: 20px; text-align: center; color: #555; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.related ul li:hover a{ text-decoration: underline;}


.sidedes dl{ overflow: hidden; border-bottom: 1px solid #ebebeb;}
.sidedes dl:first-child{ margin: 2% 0;}
.sidedes dl:first-child dd{ font-size: 18px; color: #ca2027;}
.sidedes dl dt,.sidedes dl dd{ display: inline-block; vertical-align: middle; padding: 12px 0;}
.sidedes dl dt{ width: 25%; color: #404041;}
.sidedes dl dd { font-weight: bold; width: 72%;}
.tx{ padding-left: 5%; margin-bottom: 5%;}
.tx img,.tx span{ vertical-align: middle;}
.tx img{ margin-right: 5%;}
.tx span{ font-size: 16px; font-weight: bold; color: #404041;}
.sidecont{ margin-top: 6%;}
.sidecont h5{ font-size: 16px; color: #999; font-weight: normal; margin: 0 0 5%;}
.sidecont h5 span{ font-size: 12px; color: #999;}
.telin{ line-height: 37px; border-radius: 5px; border: 1px solid rgb(255, 209, 105); background: #faf4e6 url(../images/gettel.png) no-repeat 10px center; padding-left: 36px;}
.telin p{ font-weight: bold; font-size: 13px; letter-spacing: 1px; color: #666;}