::-webkit-scrollbar {display:none}
.chart{
	position:relative;
	width: 590px;
	float:right;
}
.chart-left,.chart-right{
	width:590px;
	height:290px;
	background:#fff;
	border:1px solid #ccc;
	overflow:hidden;
}
.price{
	margin:30px auto;
	width:1190px;
	height: auto;
	display:block;
}
.price-jiaGe{
    width: 580px;
    height: 580px;
    border: 1px solid #ccc;
}
.price-jiaGe .ferrous{
	max-height: 500px;
    overflow-y: auto;
}
.price-jiaGe .ferrous td{
    text-align: center;
}
.price-jiaGe .price-title{
	padding:0 0 0 16px;
	font-size:16px;
	background:#009bec;
	color:#fff;    
	height: 40px;
    line-height: 40px;
}
.back-prist{
	background: #f5f5f5;
}
.ce-a{
	float: right;
	height: 100%;
	width: 100px;
	padding:0 10px 0 0;
	color:#333;
	text-align: right;
}
.ce-a:hover{
	text-decoration: underline;
}
.flash{
	width: 400px;
	height: auto;
	border: 1px solid #ccc;
	float: left;
}
.flash-xX{
	float: left;
	cursor: pointer;
	width: 50%;
	font-size: 16px;
	line-height: 50px;
	height:50px;
	text-align: center;
	background: #f2f2f2;
    border-bottom: 1px solid #ccc;
    transition:all 0.5s;
}
.flash-xX +.flash-xX{
	border-left:1px solid #ccc;
}
.flash-xX.active{
	background: #fff;
	color: #009bec;
	border-bottom-color:transparent;
}
.line{width:100%;height:1px;display:block;border:1px dashed #ccc;clear:both;}
.line1{width:100%;height:23px;display:block;border:1px dashed #ccc;clear:both;}
.flash-top{padding:5px 5px 31px 5px;width:100%;position:relative;height:500px;overflow-y:scroll;}
.flash-top li{
	border-bottom:1px dashed #ccc;
	padding:0 0 10px 0;
	display:block;
}
.flash-top li:last-child{
	border-color:transparent;
}
.flash-top>li>a{
	display:block;
}
.flash-a{
	margin: 0 auto;
	width: 380px;
	font-size: 15px;
	height: 30px;
	line-height:30px;
	overflow: hidden;
	text-overflow:ellipsis;
	margin:10px 0 0 10px;
	white-space:nowrap;
	word-break:break-all;
}
.flash-b{
	margin: 0 auto;
	width: 380px;
	font-size: 14px;
	height: 52px;
	line-height:26px;
	overflow: hidden;
	text-overflow:ellipsis;
}
.flash-c{
	width: 380px;
	color: #666;
	font-size: 12px;
	height: 20px;
	line-height:20px;
	text-align:right;
	padding:0 20px 0 0;
	margin: 0 auto;
}
.hot{
	width: 762px;
	height: auto;
	padding: 0 10px 0 10px;
	border:1px solid #ccc;
	border-bottom:0px;
}
.hot>div{
	margin:10px 0 0 0;
	border-bottom: 1px dashed #ccc;
}
.menu-news{
	width:100%;
	height:50px;
}
.menu-news>p{
	cursor:pointer;
}
.hot>div>a{
	width:740px;
	height:116px;
	display:block;
}
.hot-title,.hot-tip{
	height:50px;
	width:100px;
	line-height:50px;
	font-size:16px;
	border: 1px solid #ccc;
	display:block;
	text-align:center;
	float:left;
}
.hot div:last-child{
	border-bottom: none;
}
.hot a img{
	float: left;
	width: 162px;
	height: 98px;
}
.hot-top{
	float: right;
	width: 560px;
	font-size:16px;
	color: #000;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow:hidden;
	height: 20px;
}
.hot-last{
	float: right;
	width: 560px;
	line-height:22px;
	height: 66px;
	overflow:hidden;
	color: #555;
}
.hot-time{
	float: right;
	width: 560px;
	line-height:20px;
	height: 20px;
	overflow:hidden;
	padding:0 20px 0 0;
	color: #999;
	text-align:right;
}
.qing{
	width: 100%;
	height: 350px;
	margin: 10px auto 10px auto;
}
.qing>img{
	width: 100%;
	height: 350px;
}
.trend{
	width:100%;
	height:28px;
	float:left;
}
.tre-sp{
	float:left;
	width:50%;
	line-height:28px;
	padding:0 0 0 10px;
}
.tre-sp01{
	float:right;
	width:50%;
	line-height:28px;
	padding:0 0 0 10px;
}
.more-a,.more-b{
	height:40px;
	width:100%;
}
.more-a>button,.more-b>button,.more-c>button,.more-d>button{
	width:100%;
	height:40px;
	line-height:40px;
	background:none;
	color:#aaa;
	text-align:center;
	font-size:14px;
	display:block;
}
.more-a>button,.more-b>button{
	border-top:1px solid #ccc;
}
.more-c>button,.more-d>button{
	border:1px solid #ccc;
}
.more-c,.more-d{
	width:762px;
	height:40px;
	background:#fff;
	padding:0;
	float:right;
}
.hot-div{float:right;height:auto;display:block;}
.clear{width:100%;clear:both;height:0;}
/*¶¨×ˇcss*/
.clearfix:before,
.clearfix:after {
    content: " " !important;  /* 1 */
    display: table !important; ; /* 2 */
}
.clearfix:after {
    clear: both !important; ;
}
.clearfix{
	content: " " !important; 
    width: 1190px !important;
    height: auto !important;;
    clear: both !important;;
    visibility: visible !important;
}
.wrapper {
  width: 1190px;
}
.pin{
  position: absolute;
  top: -49px;
  right: -87px;
}
.note-container {
  margin-top: 10px;
}
.note {
  padding: 18px 20px;
  background: #ccc;
  text-decoration:none;
  background:#ffc;
  display:block;
  padding: 20px;
  width: 230px;        
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  -webkit-transform: rotate(-6deg);
     -moz-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
          transform: rotate(-6deg);
  font-size: 18px;
}
.note h3 {
  font-size: 32px;
  margin: 0;
}
.row {}
.text-right { text-align: right; }
.text-center { text-align: center; }
.handwritten { font-family: "Cabin Sketch"; font-size: 18px; font-weight: 400; opacity: 0.9; }
.gallery .container { margin: 72px 0; position: relative; background: rgba(0,0,0,0.1); border: 1px dashed rgba(0,0,0,0.2); }
.gallery .cat { text-align: center; margin: 20px; }
.gallery .cat .cat-indicator {
  margin-top: 10px;
}
.gallery .pinned-indicator {
  position: relative;
  top: 60px;
  margin-top: -50px;
  text-align: center;
}
.gallery .container-indicator {
  position: absolute;
  bottom: 50%;
  right: -100px;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.panel {
  background: rgba(255,255,255,0.2);
  padding: 20px;
  margin-top: 20px;
  margin-right: 20px;
}
.panel h4 {
  margin-top: 0;
}
.left-nav .left-col { width: 20%; }
.left-nav .right-col { width: 80%; }
.left-nav .nav {
  margin: 136px 0 0;
  padding: 10px 20px;
  list-style: none;
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  background: rgba(4, 18, 27, 0.88);        
  border-radius: 3px;
}
.nav li { margin-bottom: 5px; }

.social { position: fixed; top: 265px; left: 10px; list-style: none; padding: 0; margin: 0; }
.social li { margin: 5px 0 5px; }
.social span { display: none; }

.relative { position: relative; }

small { font-size: 13px; }

@media all and (max-width: 1135px) {
  .social { display: none; }
}
@media all and (max-width: 48em) {
  .left-col, .right-col { float: none; width: auto; }
  .left-nav .nav { display: none; }
  .pin {display: none; }
  .handwritten { display: none; }
}
.pin-wrapper{
	height:auto;
}
.price001{
	width:1190px;height:610px;display:block;
}
.newsImg{
	width:1190px;
	margin-left:auto;
	margin-right:auto;
	height:350px;
	overflow:hidden;
}
.newsImg>div{
	height:350px;
}
.mewsMu{
	float:left;
	width:590px;
}
.mewsMu>div{
	float:left;
	overflow:hidden;
}
.mewsMu div:first-child{
	width:270px;
	height:100%;
	margin:0 14px 0 0;
}
.mewsMu div:nth-child(2){
	width:305px;
	height:170px;
}
.mewsMu div:nth-child(3){
	width:305px;
	height:170px;
	margin-top:14px;
}
/* .mewsMu div:nth-child(3){
	width:145px;
	height:170px;
	margin-top:14px;
}
.mewsMu div:nth-child(4){
	width:145px;
	height:170px;
	margin-top:14px;
	margin-left:14px;
} */
.priceA span{
	width:120px;
	height:30px;
	line-height:30px;
	float:left;
	display:block;
	text-align:center;
	cursor:pointer;
}
.priceA span:first-child{
	background:#009bec;
	color:#fff;
}
.priceImg03{
	width:auto !important;
	float:right !important;
}
.priceImg03>a:hover{color:#009bec;}
.mewsMu>div>a{
	position:relative;
}
.mewsMu>div>a>p{
	position:absolute;
	bottom:5px;
	width:100%;
	height:30px;
	line-height:30px;
	display:block;
	background:rgba(0,0,0,.4);
	color:#fff;
}
#pin-wrapper{
	display:block;
}
#detail{text-decoration:none;}
.priceImgT01,.priceImgT02{
	width:100%;
	text-align:center;
	height:30px;
	line-height:30px;
	display:block;
}
.mewsMu>div>a>p{
	text-indent:2em;
}