body{
	font-family: "Microsoft YaHei","Helvetica Neue","Helvetica","Arial","sans-serif";
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    background-color: #fefefe;
	min-width: 1900px;
}
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

img{
	border:none;
	vertical-align: middle;
}
a {  
  text-decoration: none;
  color:#333;
}
a:hover,a:focus {  
  text-decoration: none;
  color:#666;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
ul li{
	list-style: none;
}
.top{
	padding:15px;
	background-image: linear-gradient(to right, #001B79 , #1973CC,#55CEC7);
	color:#fff;
}
.top .top-left{
	float: left;
	width:33.33%;
	font-size: 16px;
}
.top .top-left-name{
	display: inline-block;
	vertical-align: top;
}
.top .top-left-text{
	display: inline-block;
	padding-right: 10px;
}
.top .top-center{
	font-size: 34px;
	float: left;
	width:33.33%;
	text-align: center;
	font-weight: bold;
}
.top .top-right{
	float:left;
	width:33.33%;
	font-size: 12px;
	text-align: right;
	padding-right: 20px;
}
.top .top-right .icon{
	width:40px;	
	line-height: 44px;
}
.top .top-right .inline{
	display: inline-block;
	vertical-align: top;
	padding:0 8px;
}
.top .top-right .num{
	font-size: 42px;
	line-height: 44px;
	display: inline-block;
	vertical-align: top;
}
.top .top-right .cell{
	height: 44px;
}
.top .top-right .w-unit{	
	display: inline-block;
	vertical-align: top;
}
.top .top-right .summary{
	font-size: 14px;
	padding-top:20px;

}
.top:after,.company-ad:after,.tab:after,.product-price-new:after,.card-title2:after,.contact:after,.company-list:after,.num-box .item:after,.product-price:after,.num-box:after,.content:after,.card:after,.situation .num-info:after,.panel-num .item:after,.panel-box:after,.panel-box:after,.interpret .item:after,.video-box:after,.video-box2:after,.before-index .item:after{
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: "020";
	font-size: 0;
	line-height: 0;
}
.content{
	padding:15px 15px 10px 15px;
}
.content-left{
	width:32%;
	float: left;
	padding-right: 15px;
}
.content-center{
	width:36%;
	float: left;
}
.content-right{
	width:32%;
	float: left;
	padding-left: 15px;
}
.card{
	background: #fff;
	box-shadow: 0 0 10px 3px rgba(102,102,102,0.1);
	padding:15px;
	border-radius: 6px;	
}
.m-b-15{
	margin-bottom: 15px;
}
.card-title{
	font-size: 20px;
	font-weight: bold;
	color:#304159;
	padding-bottom: 10px;
}
.card-title2 .card-title2-left{
	float: left;
	font-size: 20px;
	font-weight: bold;
	color:#304159;
	padding-bottom: 10px;
}
.card-title2 .card-title2-right{
	float: right;
	padding-left:10px;
}
.card-title2 .el-form--inline .el-form-item{
	margin-right: 0px;
	margin-bottom: 0px;
}
.card-line{
	height: 3px;
	background-image: linear-gradient(to right, #3868fd , #ffffff);
}
.card-text{
	padding-top:10px;
}
.situation .num-info{
	margin-left:-14px;
	margin-right: -14px;
}
.situation .num-info .item{
	float: left;
	text-align: center;
	padding-left:14px;
	padding-right: 14px;
	border-right: 1px solid #ddd;
}
.situation .num-info .item .value{
	font-size: 20px;
	font-weight: bold;
}
.situation .num-info .item:last-child{
	border-right: none;
}
.situation .blue{
	color: #2A5CFE;
}
.situation .map{
	text-align: center;	
	position: relative;
	width:390px;
	height: 530px;	
	margin:15px auto 0 auto;
}

.map .map-icon1{
	position: absolute;
	z-index: 9;
    top:410px;
	left:206px;
	cursor: pointer;
}
.map .map-icon1-text{
	position: absolute;
	z-index: 9;
	top:370px;
	left:122px;
	background: #fff;
	border-radius: 40px;
	padding:5px 10px;
	box-shadow: 0 0 10px 3px rgba(102,102,102,0.1);
}
.map #map-icon1-text{
	display: none;
}
.map .map-icon2{
	position: absolute;
	z-index: 9;
   top:475px;
   left:336px;
   cursor: pointer;
}
.map .map-icon2-text{
	position: absolute;
	width: 190px;
	z-index: 9;
	top: 435px;
	left: 250px;
	background: #fff;
	border-radius: 40px;
	padding:5px 10px;
	box-shadow: 0 0 10px 3px rgba(102,102,102,0.1);
}
.map #map-icon2-text{
	display: none;
}
.map .map-icon3{
	position: absolute;
	z-index: 9;
   top:475px;
   left:356px;
   cursor: pointer;
}
.map .map-icon3-text{
	position: absolute;
	width: 220px;
	z-index: 9;
	top: 414px;
	left: 260px;
	background: #fff;
	border-radius: 40px;
	padding:5px 10px;
	box-shadow: 0 0 10px 3px rgba(102,102,102,0.1);
}
.map #map-icon3-text{
	display: none;
}
.map .triangle {
	position: absolute;
	left:90px;
	top:30px;
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;	
}
.map #map-icon3-text .triangle {
	position: absolute;
	left:100px;
	top:50px;
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;	
}
.situation .map-pic{
	width: 390px;
	height: 530px;
}
.price-index .index-num{
	background-image: linear-gradient(to right, #e8f0fd , #ffffff);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding:5px 0 5px 20px;
}
.price-index .date{
	font-size:20px;
	text-align: center;
}
.price-index .index-num span{
	display: inline-block;
	vertical-align: middle;
}
.price-index .index-num .name{
	font-size:20px;
	padding-left:30px;
}
.price-index .index-num .num-value{
	width:40px;
	height: 60px;
	text-align: center;
	background: url(../images/num-box.png);
	font-size: 36px;
	color:#295BFE;
	font-weight: bold;
	padding-top:4px;
}
.price-index .index-num .num-decimal{
	font-size: 36px;
	color:#295BFE;
	font-weight: bold;
}
.panel-num-cell{
	width:74px;
	height: 74px;
}
.panel-num-cell.status1{
	background: url(../images/panel_up.png);
	text-align: center;
	line-height: 74px;
	color:#FF6767;
	font-size: 14px;
	font-weight: bold;
}
.panel-num-cell.status2{
	background: url(../images/panel_down.png);
	text-align: center;
	line-height: 74px;
	color:#6AD27A;
	font-size: 14px;
	font-weight: bold;
}
.panel-num .item{
	background-image: linear-gradient(to right, #d9f7ff , #ffffff);
	padding:10px;
	border-radius: 6px;
	margin-bottom:15px;
}
.panel-num .item .item-left{
	float: left;
}
.panel-num .item .item-right{
	float: right;
}
.panel-num .panel-num-name{
	font-size: 16px;
	padding-top:4px;
}
.panel-num .panel-num-value{
	font-size: 28px;
	font-weight: bold;
}
.panel-num .panel-num-text img{
	display: inline-block;
	vertical-align: middle;
}
.panel-num .panel-num-text{
	padding-top:10px;
}
.panel-num .panel-num-text span{
	display: inline-block;
	vertical-align: middle;
}
.panel-box{
	padding-top:15px;
}
.panel{
	width:55%;
	float: left;
}
.index-line{
	width: 100%;
}
.panel-num{
	width:45%;
	float: left;
	padding-top:15px;
}
.interpret .item{
	padding:7px 10px;
}
.interpret .item:nth-child(even) {
	background: #e1e6fa;
}
.interpret .item .name{
	float: left;
	width:calc(100% - 120px);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.interpret .item .date{
	float: right;
	width: 120px;
	text-align: right;
}
.interpret .item a{
	display: block;
}
.video-box .pic{
	object-fit: cover;
	width:160px;
	height: 140px;
}
.video-box .item{
	width: 50%;
	float: left;
	padding: 0 10px;
	text-align: center;
}
.video-box .name{
	padding-top:10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.video-box .item a{
	display: block;
}
.video-box2 .pic{
	object-fit: cover;
	width:160px;
	height: 140px;
}
.video-box2 .item{
	width: 50%;
	float: left;
	padding: 0 10px;
	text-align: center;
}
.video-box2 .name{
	padding-top:10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.video-box2 .item a{
	display: block;
}
.about{
	text-indent: 2em;
	height: 180px;
	line-height: 30px;
}
.card .card-left{
	width:50%;
	float: left;
	padding-right:20px;
}
.card .card-right{
	width:50%;
	float: left;
	padding-left:20px;
}
.before-index{
	font-size: 12px;
}
.before-index .item .name{
	width:calc(100% - 100px);
	float: left;
}
.before-index .item{
	padding:10px 0;
	border-bottom: 1px solid #eee;
}
.before-index .item:last-child{
	border-bottom: none;
}
.before-index .item .date{
	width:100px;
	text-align: right;
	float: left;
}
.before-index .item .num{
	font-weight: bold;
}
.wholesale{
	height: 340px;
}
.wholesale .item{	
	position: relative;	
	font-size: 12px;
	padding:7px 0;
	padding-left: 80px;
	border-bottom: 1px solid #eee;
}
.wholesale .item:last-child{
	border-bottom: none;
}
.wholesale .item .tag{
	position: absolute;
	left:10px;
	top:10px;
	color:#01A2F6;
	background:#ccebfd;
	padding:4px 8px ;
	border-radius: 2px;	
}
.wholesale .price-down{
	background:#6ad27a;
	color:#fff;
	display: inline-block;
	padding:0 5px;
	border-radius: 3px;
	line-height: 1.2;
}
.wholesale .price-down span{
	display: inline-block;
	vertical-align: middle;
}
.wholesale .price-down .icon{
	display: inline-block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff; /* 这里设置三角形的颜色 */
}
.wholesale .price-up{
	background:#ed6b48;
	color:#fff;
	display: inline-block;
	padding:1px 5px;
	border-radius: 3px;
	line-height: 1.2;
}
.wholesale .price-up span{
	display: inline-block;
	vertical-align: middle;
}
.wholesale .price-up .icon{
	display: inline-block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #fff; /* 这里设置三角形的颜色 */
}
.history{
	height: 194px;
}
.history .el-table .el-table__cell{
	padding:4px 0;
	font-size: 13px;
}
.history .el-table td.el-table__cell{
	border-bottom: none;
}
.history .el-table::before { 
	height: 0px; 
}
.interpret{
	height: 210px;
	overflow: auto;
}
.info-price{
	height: 299px;
}
.num-box .item{
	background-image: linear-gradient(to right, #d9f7ff , #ffffff);
	padding:5px 10px;
	border-radius: 6px;
	/* margin-bottom:15px; */
	float: left;
	height:64px;
}
.num-name{
	padding-bottom: 5px;
}
.num-font{
	font-weight: bold;
	font-size: 24px;
}
.num-box .child .num-text img{
	vertical-align: middle;
	display: inline-block;
}
.num-box .child{
	float:left;
	width:50%;
}
.num-box .child .num-text .num-value{
	vertical-align: middle;
	display: inline-block;
	font-weight: bold;
	font-size: 24px;
}
.product-price{
	margin-left:-10px;
	margin-right: -10px;
}
.product-price .item{
	width:50%;
	padding:10px;
	float: left;
}
.product-price .item-cell{
	border:1px solid #ccc;
	padding:5px 10px;
	border-radius: 6px;
}
.product-price .item-cell img{
	display: inline-block;
	vertical-align: middle;
}
.product-price .product-info{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	padding-left: 15px;	
}
.product-price .product-name{
	padding-top:6px;
	padding-bottom:6px;
	font-size: 12px;
}

.product-price-new{
	border:1px solid #ccc;
	padding:5px 10px;
	border-radius: 6px;
	margin:10px 0;
}
.product-price-new .item{
	float: left;
	width: 25%;
}
.product-price-new .item .product-name{
	padding-top:10px;
}
.product-price-num{
	font-weight: bold;
}
.company-list .item{
	float: left;
	width: 50%;
	padding-right: 10px;
	padding-bottom:5px;
	padding-top:5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.contact .c-left{
	float: left;
	color:#267cff;
	font-size: 16px;
	margin-right: 14px;
	padding-right: 14px;
	border-right: 1px solid #eee;
	padding-top: 5px;
}
.contact .c-right{
	float: left;
}
.tab{
	padding-bottom: 5px;
}
.tab .tab-item{
	float: left;
	width: 25%;
}
.tab span{
	background: #f5f5f5;
	padding:2px 20px;
	border-radius: 20px;
	font-size: 12px;
	cursor: pointer;
}
.tab .active span{
	background: #0e99ff;
	color:#fff;
}
.company-ad{
	margin-left:-5px;
	margin-right: -5px;
}

.company-ad .item{
	float: left;
	width: 33.33%;
}
.company-ad .item .cell{
	padding-left:5px;
	padding-right: 5px;
}
.company-ad .item  img{
	width: 170px;
	height: 126px;
	border-radius: 10px;
	object-fit: cover;
	cursor: pointer;
}
.link-more{	
	cursor: pointer;
}