/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px !important; margin:0 auto; width: 90% !important;}
.wapper01{ max-width:1440px !important; margin:0 auto; width: 90% !important;}
.wapper02{ max-width:100% !important; margin:0 auto; width: 100% !important;}

.top01{ display: flex; justify-content: space-between;  align-items: center; height: 40px;}
.top01 span{ font-size: 15px; color: #000;}
.top01>a{ font-size: 15px; color: #000;}

.header{ margin: 3% auto;}
.header h2{  display: flex; justify-content: center;  align-items: center; font-size: 34px; color: #000;}
.header h2::before,.header h2::after{ content: ''; width: 50px; height: 2px; background: #ccc; margin: 0 20px;}

.cent01 dl{display: flex; justify-content: center;  align-items: center;}
.danxue label{ display: block; font-size: 16px; color: #000;}
.cent01 dl dd{display: flex; justify-content: center;  align-items: center; margin: 0 20px;}
.cent01 dl dd span{ font-size: 14px; color: #000; margin-right: 10px;}
.cent01 dl dd .input_text{ border: 1px solid #ccc; border-radius: 5px; line-height: 34px;text-indent: 10px;outline:none;}
.cent01 dl dd .input_text::-webkit-input-placeholder{ color:#ccc;}
.cent01 dl a{background: #6fb5fd;color: #fff;padding: 10px 30px;font-size: 16px;border-radius: 5px;}

.cent03{ display: flex;   align-items: center;justify-content: space-between; margin-bottom: 1%;}
.cent03 .yn{background: #6fb5fd;color: #fff;padding:8px 10px;font-size: 16px;border-radius: 5px;}
.cent03 .yn02{background: #f2f2f2;color: #333;padding:8px 10px;font-size: 16px;border-radius: 5px; border: 1px solid #ccc;}


.cent02{display: flex;align-items: flex-start;justify-content: space-between;margin: 2% auto;}
.cent02-r{ width: 18%;}
.cent02-r ul li{ margin-bottom: 2%;}
.cent02-r ul li a{ display: block;}
.cent02-r ul li img{ width: 100%; vertical-align: bottom;}
.cent02_l{width:calc(100% - 20%);}
.biddan{ width: 100%;}
.biddan table { border:1px solid #e8eaec; border-top:none; border-left:none;}
.biddan table tr td{border-left:1px solid #e8eaec;border-top:1px solid #e8eaec;color: #f00;padding: 4px 8px;font-size: 14px;     text-transform: uppercase; /* 禁止换行 */         /* 隐藏溢出内容 */  /* 用省略号表示被截断的文本 */white-space: nowrap;      /* 禁止换行 */overflow: hidden;         /* 隐藏溢出内容 */text-overflow: ellipsis;  /* 用省略号表示被截断的文本 */max-width: 139px;}
.biddan table tr th{
    border-left:1px solid #e8eaec;
    border-top:1px solid #e8eaec;
    color: #fff;
    background: #6fb5fd;
    font-size: 14px;
    font-weight:normal;
    padding: 4px 8px;
    position: relative;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* display: -webkit-box; */
    /* -webkit-box-orient: vertical; */
    /* -webkit-line-clamp: 1; */
    width: calc((100% - 26%)/8);
    }
  .biddan table .kudnu{width: 13%;} 
.jdnde{ background: #effbfa;}

/* 箭头样式 */
.sort-arrow {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
  }
  
  .arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	cursor: pointer;
	margin: 1px 0;
  }
  
  .arrow.up {
	border-bottom: 5px solid #fff;
  }
  
  .arrow.down {
	border-top: 5px solid #fff;
  }
  
  .arrow.active.up {
	border-bottom-color: #007bff;
  }
  
  .arrow.active.down {
	border-top-color: #007bff;
  }
  


.fooer {display: flex
;
    align-items: center;
    background: #f3f3f3;
    padding: 30px 0;
    flex-wrap: wrap;}
.fooer>span{ font-size: 14px; color: #000;}
.fooer a{ color: #000;}
.fooer .efw{width: auto;margin-left: 10px;}
.fooer .efw img{width: 100px;vertical-align:bottom;margin-bottom: 10px;}
.fooer em{display: block;font-size: 16px;line-height: 30px;font-style: normal;}


@media only screen and (max-width: 980px) {
	
	    .fooer {
        display: flex
;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }
	.cent01{overflow-x:scroll;}
	.cent01 dl{ width: 800px; justify-content: flex-start;}
	.header h2{ font-size: 18px;}
	.cent03{margin: 5% auto;
        margin-bottom: 2%;}
	.cent02{flex-wrap: wrap; }
	.cent02_l{ width: 100%;}
	.biddan{ width: 100%;overflow-x:scroll;}
	.biddan table{ width: 1200px;}
	.biddan table tr td {
  
    max-width: 550px;
}
	
	.cent02-r{ width: 100%; margin-top: 5%;}
}
.inside_con{ padding:10px 0; min-height: 300px;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }