.titletd td{background-color:#EFEFEF;padding:2px;text-align:center;}
.datatd td{background-color:#FFFFFF;padding:2px;}
.td1{width:110px;}
.td2{width:150px;}
.td3{width:80px;}
.td4{width:70px;}
.td5{width:50px;}
.td6{width:40px;}
.td7{width:50px;}
.yihang{white-space: nowrap;}
.STYLE9 {color: #FF0000; width: 70px;}
.STYLE8 {width:30%;
	color: #FFFFFF;background-color:#D7000F;
	font-weight: bold;cursor:pointer;
	font-size:14px;
}
.STYLE82 {width:30%;
	
	font-weight: bold;
	background-color: rgba(215, 0, 15, 0.0675);
   cursor:pointer;font-size:14px;
    color: #D7000F;    line-height: 44px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
}

.ycang{display:none;}
.baise{background:#ffffff !important;}
.indexbeijing{/* background:#f7f7f7 !important; */padding-top: 1px!important;}
.paddingtop20{padding-top: 10px!important;}
/*行情报价 涨跌*/
.upred {color:red !important ;font-size: 40px; font-weight: 500;  text-align:center;}
.downgreen {color:green !important;font-size: 40px;  font-weight: 500;text-align:center;}
.upred a{color:red !important ;font-size: 40px; font-weight: 500;  text-align:center;display: block;}
.downgreen a{color:green !important;font-size: 40px;  font-weight: 700;text-align:center;display: block;}

.firstRow{background-color:#ffffff !important;}
.firstRow td{background-color:#ffffff !important;}
.firstRow th{background-color:#ffffff !important;}
.et3 td{background-color:#ffffff !important;}
.et3{background-color:#ffffff !important;}
.top_title{background: #ffffff !important;border-bottom: 1px solid #E7866E;
    border-right: 1px solid #E7866E;}
  .top_title table tr th{  border-bottom: 1px solid #E7866E;
    border-right: 1px solid #E7866E;}
.mui-icon-custom2{
    background: url(../image/member.png) no-repeat;
    width: 18px;
    height: 22px;
       margin-top: 12px;
    margin-right: 10px;}
 .price{    text-align: center;
 font-size: 0.80rem;
    line-height: 35px;
	text-align: center;border-top: 0px solid #eee;}
.red{ color: red;}
.green{ color:green;}
.quoteup{padding:10px 10px 10px 10px;margin:0 auto; margin-top:0px;margin-bottom:5px;}

.dt-article-content table{width:100% !important;background:#ffffff !important;    border-top: 1px solid #E7866E;   border-left: 1px solid #E7866E;}
.dt-article-content p{background:#ffffff !important;}
.dt-article-content table tr td {
    font-size: 12px;text-align: center;
    border-right: 1px solid #E7866E;
    border-bottom: 1px solid #E7866E;  
}
.dt-article-content table tr th {
    font-size: 12px;text-align: center;
    border-right: 1px solid #E7866E;
    border-bottom: 1px solid #E7866E;  
}
/* 
.home-zixun {background:url('https://m.91jinshu.com/image/gl-icon-special11.png') no-repeat center 5px;} */
.clearfix::after {  
    content: "";  
    display: table;  
    clear: both;  
}
.home-zixun a {
    float: left;
    width: 33.33%;
    border: 1px solid #E8EDF2;
    color: #595959;
    font-size: 12px;
    height: 80px;
    padding-top: 55px;
    line-height: 17px;
    background: #fff no-repeat center 14px;
    background-size: 32px 32px;
    text-align: center;
}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.main {background: #fff; 
  width: 100%;overflow: hidden;
  position: relative; }
  .main .cl-green {
    color: #5ab446;
    height: 46px;
    line-height: 46px;
   font-size: 18px; }
  .main .cl-black {
    color: #323232;
    height: 46px;
    line-height: 46px;
    font-size: 18px; }
  .main .cl-red {
       height: 46px;
    line-height: 46px;
    font-size: 18px;  }
    .main  .textright{text-align:right;}
	.main  .textright img{text-align:center !important;}
  .main .cl-gray {
    color: #999999;
    height: 46px;
    line-height: 46px;
    font-size: 18px; }
  .main .bg-green {
    background-color: #5ab446;
     font-size: 18px; }
    text-align: center;
    height: 46px;
    line-height: 46px;
    width: 80%;
    color: #fff;
    float: right;
    border-radius: 5px; }
  .main .bg-black {
    background-color: #999999;
    font-size: 14px;
    text-align: center;
    height: 52px;
    line-height: 52px;
    width: 80%;
    color: #fff;
    float: right;
    border-radius: 0.05rem; }
  .main .bg-red {
    background-color: #fe473c;
    font-size: 19px;
    text-align: center;
    height: 52px;
    line-height: 52px;
    width: 80%;
    color: #fff;
    float: right;
    border-radius: 5px; }

.main .nav-instrument {
  height: 52px;
  line-height: 52px;
  background-color: #f2f2f2;
  color: #666666; }
  .main .nav-instrument div {
    float: left;
    height: 100%;
    width: 50%;
    font-size: 14px;
    text-align: center; }
    .main .nav-instrument div.active {
      background-color: #fff;
      color: #323232; }


.main .main-header {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  background: #999;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  position: relative;
  border-bottom: 1px solid #e1e1e1; }
  .main .main-header span {
    position: absolute;
    width: 0.14rem;
    height: 0.07rem;
    right: 12px;
    top: 0.11rem;
   
    background-size: 100% 100%;
    transform: rotate(-180deg);
    transition: all 0.5s; }

.main .main-price-content {
  display: none; }

.main .details {
  padding: 10px 12px;
  line-height: 18px;
  font-size: 12px;
  color: #999;
  border-bottom: 1px solid #e1e1e1; }

.main .main_title_active .main-header span {
  transform: rotate(0deg); }

.main .main_title_active .main-price-content {
  display: block; }

.main .main-content {
 
  position: relative; }
  .main .main-content ul{
  width: 100%;margin:0 auto;padding:0 auto;
  position: relative; }
  .main .main-content li {
  width:100%;
   padding: 0px 2px 0px 2px;
    white-space: nowrap;border-bottom: 1px solid #e1e1e1;
     height: 46px;
    white-space: nowrap; text-align:center;list-style-type:none;}
    .main .main-content li:nth-child(2n-1) {
      background-color: #ffffff; list-style-type:none;
	  }
    .main .main-content li:nth-child(2n) {
      background-color: #ffffff; }
    .main .main-content li h2 {
      height: 40px !important;
      line-height: 40px !important;list-style-type:none }
	 
	      .main .main-content li .jiage1 {
      height: 40px !important;width:100%;
      line-height: 40px !important; }
      .main .main-content li h2 .content-title {
        font-size: 18px;
        font-weight: 500;list-style-type:none }
      .main .main-content li h2 .content-time,
      .main .main-content li h2 .content-unit {
        padding-left: 10px;
        font-size: 12px;
        font-weight: 300;list-style-type:none }
	
		
.incenter{text-align:center;}
	.cankaojiage {
    border: #e5e5e5 0px solid;
    border-bottom: none;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0px 10px 0px 10px;
   background-color: #1687ec;
   color:#fff
}	
.cankaojiage .h_l {
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #ffffff;
    border-left: 0px solid #e60000;
    padding: 0 0 0 10px;
    float: left;
    margin-top: 8px;
    font-weight: bold;
}
.cankaojiage .h_ll {
    height: 25px;
    font-size: 16px;
    color: #ffffff;
    padding: 0 0 0 10px;
    float: left;
    margin-top: 0px;
    font-weight: bold;
}
.cankaojiage strong {
    font-size: 16px;
}
.1hao_cankao{padding-bottom:10px;}
.fr {
    float: right;
}
.size20 {
    font-size: 20px !important;
}
.size20chanpin {
    font-size: 18px !important;
	height: 46px;
    line-height: 46px;
}


.size17 {
    font-size: 17px !important;
}
.size16 {
    font-size: 16px !important;
}
.size15 {
    font-size: 15px !important;
}
.size18 {
    font-size: 18px !important;
}
.jinjia {
    color: #f1b800 !important;
}
 .cankaojia-navwu {    border-bottom: #DDDDDD 1px solid;
   text-align: center;
    background: #ffffff!important;color:#333333;
  font-size: 14px;
  line-height: 40px; padding: 0px 8px 0px 8px;
  height: 40px;
  font-weight: 300;border-bottom: 0px #135baf solid;
 /*  border-bottom: 1px solid #e1e1e1;
  background-color: #fff; */ }
 .cankaojia-nav {    border-bottom: #DDDDDD 1px solid;
   border-top: #DDDDDD 1px solid;
    text-align: center;
    background: #ffffff!important;color:#333333;
  font-size: 14px;
  line-height: 40px; padding: 0px 8px 0px 8px;
  height: 40px;
  font-weight: 300;border-bottom: 0px #135baf solid;
 /*  border-bottom: 1px solid #e1e1e1;
  background-color: #fff; */ }
  
   .cankaojia-navshouji {  /*   border-bottom: #DDDDDD 1px solid;
   border-top: #DDDDDD 1px solid;
    text-align: center;
   color:#333333;
  font-size: 14px;
  line-height: 40px; padding: 0px 8px 0px 8px;
  height: 40px;
  font-weight: 300;border-bottom: 0px #135baf solid;
  border-bottom: 1px solid #e1e1e1;
  background-color: #fff; */ }
  
  .mainshouji {text-align: center;
    max-width: 750px;
    margin: 0 auto;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}.tabs-containershouji {
    display: flex;
    background: white;
    border-bottom: 1px solid #eee;
}

.tabs-column {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.tabs-column:first-child {
    flex: 0 0 30%;
}

.tabs-column:last-child {
    flex: 0 0 70%;
}

.tab-title {
    background: rgba(40, 51, 69, 0.9);
    color: white;
    padding: 8px 15px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-right: 1px solid #ffffff;
}

.tab-content {
    flex: 1;
}

.real-time-tab {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: white;
    border-right: 1px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 12px 15px;
    position: relative; /* 添加相对定位 */
}

.real-time-tab.active {
    background: #f1f8ff;
    /* 移除 border-bottom */
}

.real-time-tab.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%; /* 统一宽度百分比 */
    height: 3px; /* 统一高度 */
    background: #e74c3c; /* 统一颜色 */
    border-radius: 2px; /* 统一圆角 */
}

.real-time-title {
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: 600;
}

.real-time-subtitle {
    font-size: 14px;
    font-weight: normal;
}

.sub-tabs {
    display: flex;
    flex: 1;
}

.tabshouji {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    text-align: center;
    border-right: 1px solid #f0f0f0;
    padding: 12px 5px;
    position: relative;
}

.tabshouji:last-child {
    border-right: none;
}

.tabshouji:hover {
    background: #f1f8ff;
}

.tabshouji.active {
    color: #e74c3c;
    font-weight: 600;
}

.tabshouji.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60%; /* 统一宽度百分比 */
    height: 3px; /* 统一高度 */
    background: #e74c3c; /* 统一颜色 */
    border-radius: 2px; /* 统一圆角 */
}
/* 底部备注样式 */
        .price-note {
        text-align: center;
font-size: 12px;
color: #7f8c8d;
padding: 5px 0;
border-bottom: 1px dashed #e9ecef;
margin-bottom: 1px;
background: #fff;
        }

.cankaojia-navshouji {
    display: flex;
    background: #f8f8f8;
    padding: 8px 10px;
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #eee;
}

.nav-1hshouji {
    flex: 2;
}

.nav-2hshouji {
    flex: 1.5;
    text-align: center;
}

.nav-5hshouji {
    flex: 1.2;
    text-align: center;
}

.nav-4hshouji {
    flex: 1.5;
    text-align: center;
}

.product-listshouji {
    display: none;
    padding: 0px;
}

.product-listshouji.active {
    display: block;
}

.product-itemshouji {
    display: flex;
    padding: 14px 0;
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
}

.product-itemshouji:last-child {
    border-bottom: none;
}

.product-nameshouji {
    flex: 2;
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.product-priceshouji {
    flex: 1.5;
    text-align: center;
    font-size: 15px;
    color: #e74c3c;
    font-weight: 500;
}

.product-timeshouji {
    flex: 1.2;
    text-align: center;
    font-size: 13px;
    color: #999;
}

.product-historyshouji {
    flex: 1.5;
    text-align: center;
}

.history-btnshouji {
    display: inline-block;
    padding: 6px 12px;
    background: #f0f0f0;
    color: #666;
    border-radius: 4px;
    font-size: 13px;
    text-decoration: none;
}

.no-datashouji {
    text-align: center;
    padding: 40px 20px;
    color: #999;
    font-size: 15px;
}

.no-data-iconshouji {
    font-size: 40px;
    margin-bottom: 10px;
    opacity: 0.5;
}

.login-promptshouji {
    background: #fff9e6;
    padding: 12px 15px;
    margin: 10px;
    border-radius: 6px;
    border-left: 4px solid #ffc107;
    font-size: 14px;
    color: #666;
}

.login-promptshouji a {
    color: #e74c3c;
    text-decoration: none;
}

   .cankaojia-nav2 {    border-bottom: #DDDDDD 1px solid;
    border-left: #DDDDDD 1px solid;
    border-top: #DDDDDD 1px solid;
    text-align: center;
    background: #ffffff!important;color:#333333;
  font-size: 14px;
  line-height: 40px; padding: 0px 8px 0px 8px;
  height: 40px;
  font-weight: 300;border-bottom: 0px #135baf solid;
 /*  border-bottom: 1px solid #e1e1e1;
  background-color: #fff; */ }
  .cankaojia-nav-jiage {
  font-size: 12px;
  line-height: 46px; padding: 0px 8px 0px 8px;
height: 46px;
  font-weight: 300;    color: #ffffff;
   background-color: #203866;
}
 /*  border-bottom: 1px solid #e1e1e1;
  background-color: #fff; */ }
.main .cankaojia-nav-list {
  font-size: 14px;
  line-height: 40px; padding: 0px 8px 0px 8px;

  height: 40px;
  font-weight: 300;  
  color: #fff;
  border-bottom: 1px solid #e1e1e1;
  background-color: #203866;}
 .main .cankaojia-nav-list2 {
  font-size: 14px;
  line-height: 40px; padding: 0px 8px 0px 8px;

  height: 40px;
  font-weight: 300;  
  color: #fff;
  border-bottom: 1px solid #e1e1e1;
  background-color: #e60020; }
.main .cankaojia-nav-list3 {
  font-size: 12px;
  line-height: 50px; padding: 0px 8px 0px 8px;

  height: 45px;
  font-weight: 300;  
  color: #fff;
  border-bottom: 1px solid #e1e1e1;
  background-color: #e60020; }  
    .main .cankaojia-nav-list div {
  font-size: 14px;
    white-space: nowrap;
    position: relative; }
	
	
	.hqtitle {
    line-height: 38px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    padding: 10px 10px 10px 10px;}
	
  .main .cankaojia-nav div {
  font-weight: 500;
    white-space: nowrap;
    position: relative; }
    .nav-1hao {
      width: 20%;
      text-align: left; }
    .nav-2hao {
      width: 20%;
      text-align: left; }
	  
	    .nav-3hao {
      width: 35%;
      text-align: left; }
	    .nav-4hao {
      width: 15%;
      text-align: center; }
	    .nav-5hao {
      width: 10%;
      text-align: center; }
	 
	  
     .more {
      position: absolute;
      right: -0.13rem;
      bottom: 10px;
      width: 00.1rem;
      height: 00.1rem;
     
      background-size: 100%;
      transform: rotate(-45deg); }
	  
    .main .main-content li .content-one {
      width: 20%;
      text-align: left; }
      .main .main-content li .content-one .content-price {
     font-size: 14px;
    font-weight: 500;

    text-overflow: ellipsis;
    white-space: nowrap; }
		
    .main .main-content li .content-two {
      width:50%;
      text-align: center; }
	  
	    .main .main-content li .content-threee {
      width: 15%;
      text-align: center; }
    .main .main-content li .content-four {
      width: 15%;
      text-align: center; }
	  .main .main-content li .content-five {
      width: 15%;
      text-align: center; }
	  
    .main .main-content li .content-origin {
      font-size: 14px;
      color: #666666;
      font-weight: 300; }

	  .size20{font-size:20px;}
	  .size17{font-size:17px;}
	  .size14{font-size:14px;}
	  
	  .nav-1h {
      width: 30%;
      text-align: left; }
    .nav-2h {
      width: 31%;
      text-align: center; }
	  
	    .nav-3h {
      width: 0%;
      text-align: center; }
	    .nav-4h {
      width: 20%;
      text-align: center; }
	   .nav-5h {
      width: 19%;
      text-align: center; }
	  
	  
	   .main .main-content li .content-1 {
      width: 28%;
      text-align: left;padding-left:15px; }
      .main .main-content li .content-1 .content-price {
        font-size: 16px;overflow:hidden; }
		
    .main .main-content li .content-2 {
      width: 29%;
      text-align: center; }
	  .main .main-content li .content-2 .content-price {
        font-size: 14px; }
	    .main .main-content li .content-3 {
      width: 0%;
      text-align: center; }
	  .main .main-content li .content-3 .content-price {
        font-size: 14px; }
    .main .main-content li .content-4 {
      width: 18%;
      text-align: center; }
	  .main .main-content li .content-4 .content-price {
        font-size: 14px; }
	   .main .main-content li .content-5 {
      width: 18%;
      text-align: center; }	  
	  .main .main-content li .content-5 .content-price {
        font-size: 14px; }

		 .main .main-content li .content-33 {
      width: 29%;
      text-align: center; }
	  .main .main-content li .content-33 .content-price {
        font-size: 14px; }
		
		  .main .main-content li .content-111 { width:30%; text-align: center;border-right: 0px solid #eee; }
		 .main .main-content li .content-111 .content-price { font-size: 14px; }
    .main .main-content li .content-222 { width: 28%; text-align: center;border-right: 0px solid #eee; }
	  .main .main-content li .content-222 .content-price {font-size: 14px; }
	   .main .main-content li .content-333 {  width: 22%; text-align: center;border-right:0px solid #eee; }	  
	  .main .main-content li .content-333 .content-price {font-size: 14px; }
	   .main .main-content li .content-444 {  width: 18%; text-align: center; line-height: 22px;}	  
	  .main .main-content li .content-444 .content-price {font-size: 14px; }
		
		.content-111 { width: 27%; text-align: center;border-right: 0px solid #eee; }
		.content-222 { width: 25%; text-align: center;border-right: 0px solid #eee; }
		
.gaodi{font-size: 16px;    font-weight: 500;}
.fl {
    float: left;
}.fr {
    float: right;
}
.clearfix {
    zoom: 1;
}

/* 原样式基础上进行改造 */
.novice_con {
    margin: 0px auto;
    max-width: 600px; /* 限制卡片宽度 */
}

.price.novice {
    background: #fff;
    border-radius: 8px;
   /* box-shadow: 0 2px 10px rgba(0,0,0,0.1);*/
    border: 0px solid #e0e3eb;
    border-top:none;
    padding: 15px;
    text-align: center;
    font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* 标题样式 */
.btngoumai {
   color: #fff !important;
    background: #1687ec;
    margin: 0 0.3rem;
    width: 100%;
    min-width: 400px;
    height: 2.85rem;
    border-radius: 0.04rem;
    margin-bottom: 2.85rem;
    font-size: 1rem;
    line-height: .85rem;
    padding: 10px 50px 10px 50px
}

/* 主价格样式 */
.downgreen strong a {
    font-size: 2.5rem;
    color: #f44336; /* 下跌红色 */
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    margin: 10px 0;
    position: relative;
}

/* 添加价格单位 */
.downgreen strong a::after {
    content: "";
    font-size: 1rem;
    color: #6b7280;
    margin-left: 5px;
    font-weight: 400;
}

/* 最高最低价样式 */
.max-min {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 15px 0;
}

.u-price {
    font-size: 1.1rem !important;
    color: #2a3042 !important;
    font-weight: 600;
    display: block;
}

.u-max::before {
    content: "最低 ";
    font-size: 0.9rem;
    color: #6b7280;
    font-weight: normal;
}

.u-min::before {
    content: "最高 ";
    font-size: 0.9rem;
    color: #6b7280;
    font-weight: normal;
}

/* 底部信息样式 */
.price.novice table {
    width: 100%;
    margin-top: 15px;
    background: #f8f9fc;
    border-radius: 4px;
    border-collapse: separate;
    border-spacing: 0;
}

.price.novice th {
    padding: 8px;
    color: #6b7280;
    font-weight: normal;
    text-align: center;
    position: relative;
}

.price.novice th::before {
    content: "🕒 ";
    font-size: 0.8em;
}

.datatd td{line-height:30px; font-size: 0.7rem;}

a {
    text-decoration: none;
    outline: none;
    color: #333333;
}
.novice_con{background: #fff; }
.height10{height:10px;background: #fff;}

.aui-col-xs-2020{width:20%;}

 .ys_container .notice {
        height:50px; }
      .ys_container .detail-box {
      height:50px; }
.mian_3g {
  width: 100%;
    width: 100%;
    position: fixed;
    bottom: 45px;
    z-index: 9999;
    left: 0;  }
  .mian_3g .notice {
    border-top: 1px solid #dfd4d3;
    border-bottom: #dfd4d3 solid 1px;
    width: 100%;
    height:50px;
    padding: 0.16rem 0;
    background: white;
    width: 100%;
    position: relative; }
    .mian_3g .notice .btn-close {
      float: left;
      width: 30px;
      height:40px; }
      .mian_3g .notice .btn-close a {
        display: block;
        height: 100%;
        text-indent: -10000px;
        background-size: auto 50%; }
    .mian_3g .notice .app-box {
      overflow: hidden;
      float: left;
      width: 42%;
       height:40px; }
      .mian_3g .notice .app-box a {
        display: block;
        height: 100%;
        letter-spacing: -0.032rem;
        font-size: 0; }
        .mian_3g .notice .app-box a .icon-app {
		padding-left: 10px;
          display: inline-block;
          margin-right:10px;
          height: 100%;
          letter-spacing: normal;
          vertical-align: middle; }
          .mian_3g .notice .app-box a .icon-app img {
            height: 100%; }
        .mian_3g .notice .app-box a .txt {
          display: inline-block;
          vertical-align: middle;
          letter-spacing: normal; }
          .mian_3g .notice .app-box a .txt h3 {
            margin-bottom: 5px;
            line-height: 1;
            color: #000;
            font-size: 12px;
            font-weight: bold; }
          .mian_3g .notice .app-box a .txt p {
            line-height: 1;
            color: #909090;
            font-size: 10px; }
    .mian_3g .notice .btn-download {
      position: absolute;  display: flex;
      right: 0;
      top: 0;
      height: 100%; }
      .mian_3g .notice .btn-download  .go_to_app{
       display: flex;margin: auto;
        width: 90px;
        height: 40px;
        justify-content: center;
        align-items: center;
        background-color: #d7000f;
        color: #fff;
        font-size:14px;
        text-align: center; }		
		.mian_3g .notice .btn-close { 		}
	 .app_bottom_close {margin-top: 10px;
width: 40px;height: 26px;line-height:26px;text-align: center;color:#fff;}

.huise{font-size:.7rem;color:#999;}
.aui-badged {padding: 3px 6px;font-size: 12px;color: #333;top: 50%;right: 15px;}
.top_menu_bar { background: #F7F7F7; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; 
/*   top: 0; bottom:0; */display: flex;
    background-color: #fff;
  border-bottom: 0px solid #f2f2f2;    position:fixed;    overflow-y:scroll;    overflow-x:hidden; z-index: 9;  }
.top_menu_bar::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-size: 100% 1px; background-position: bottom; background-repeat: no-repeat; }
.top_menu_bar .top_menu_list { padding-left:6px;overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; }
.top_menu_bar .top_menu_list::-webkit-scrollbar { display: none; }
.top_menu_bar .top_menu_list .btnz { white-space: nowrap; display: inline-block; padding-left: 3px; padding-right: 8px; color: #5b6066; text-decoration: none; font-size: 1.2rem; line-height: 43px; height: 43px; margin-left: 5px; padding-top: 2px; margin-bottom: 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);width:auto;}
.top_menu_bar .top_menu_list .btnz.cur {  color:red;  /*  color: #323233;    font-weight: 700;  */}
.top_menu_bar .top_menu_more { float: right; position: relative; }
.top_menu_bar .top_menu_more .more_btn { display: block; position: relative; width: 40px; height: 36px; background-size: 20px; font-size: 35px; color: #f85959; text-align: center; line-height: 36px; }
.top_menu_bar .top_menu_more .list_shadow { position: absolute; width: 10px; height: 36px; left: -10px;  background-size: contain; background-color: rgba(244, 245, 246, 0.3); }
content.feed-list-container .item_info .ad_label { display: inline-block; width: 25px; text-align: center; border-radius: 2px; font-size: 9px; color: #2a90d7; border: 1px solid rgba(42, 144, 215, 0.5); }
content.feed-list-container .item_info .ad-label-fix { width: 27px; line-height: 15px; }
content.feed-list-container .item_info .gg_label { display: inline-block; width: 25px; text-align: center; border-radius: 2px; font-size: 9px; color: #2a90d7; border: 1px solid rgba(42, 144, 215, 0.5); }
content.feed-list-container .item_info .ad-material { display: inline-block; font-size: 9px; line-height: 12px; width: 23px; text-align: center; border: 1px solid #fff; border-radius: 2px; color: #f85959; border-color: rgba(248, 89, 89, 0.5); }

.top_menu_index { background: #ffffff; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%;  
  
    position:fixed;
  
    overflow-y:scroll;
  
    overflow-x:hidden; z-index: 999;  }
.top_menu_index::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-size: 100% 1px; background-position: bottom; background-repeat: no-repeat; }
.top_menu_index .top_menu_list2 { overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; }
.top_menu_index .top_menu_list2::-webkit-scrollbar { display: none; }
.top_menu_index .top_menu_list2 .btnz { white-space: nowrap; display: inline-block; padding-left: 5px; padding-right: 0px; color: #505050; text-decoration: none; font-size: 17px; line-height: 32px; height: 32px; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);width:auto;}
.top_menu_index .top_menu_list2 .btnz.cur { color: #f85959; }
.top_menu_index .top_menu_more2 { float: right; position: relative; }
.top_menu_index .top_menu_more2 .more_btn { display: block; position: relative; width: 40px; height: 36px; background-size: 20px; font-size: 35px; color: #f85959; text-align: center; line-height: 36px; }
.top_menu_index .top_menu_more2 .list_shadow { position: absolute; width: 10px; height: 36px; left: -10px;  background-size: contain; background-color: rgba(244, 245, 246, 0.3); }

.xcx_module_top {
    position: relative;
    text-align: center;
    font-size: 26px;
    height: 50px;
    line-height: 50px;
}
.xcx_module_top .top_left {
    margin-left: -180px;
    margin-top: -6px;
    background-image: url(/images/shiliang2.png);
	position: absolute;
left: 50%;
top: 50%;
width: 65px;
height: 18px;
}
.xcx_module_top .top_right {
    margin-left: 125px;
    margin-top: -6px;
    background-image: url(/images/shiliang2.png);
	position: absolute;
left: 50%;
top: 50%;
width: 65px;
height: 18px;
transform: rotateY(180deg);
}
.xcx_module_top .top_center {
  position: relative;
    text-align: center;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
}
.jianjie_btn {
    width: 110px;
    height: 30px;
    border: 1px solid #f08820;
    border-radius: 15px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #f08820;
    cursor: pointer;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
}.jianjie_btn {
    background: #f08820;
    color: #fff;margin-bottom:20px;
}
.shengming {
    margin-top: 10px; line-height:130%;
    line-height: 23px;font-size:12px;
    color: #999999;padding:10px;
}
.ejingyun a{color:#fff;}
.ejingyun .p a{color:#fff;}
.kefu_app {
  background-color: #38f;
    border-radius: 5px;
    text-align: center;
    height: 30px;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    margin-top: 6px;
    margin-bottom: 6px;
}
.kefu_app a{color:#fff !important;}

.open_app {
   background-color: #38f;
    border-radius: 5px;
    text-align: center;
    height: 44px;
    width: 99.7%;
    font-size: 18px;
    line-height: 44px;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
}
.open_app a{color:#fff !important;}
.matalindex {
    width: 100%;
}
.gl-tl-title{position:relative;text-align: center;height:2.5rem;line-height:2.5rem;color: #333;font-size: 0.9rem;font-weight: normal; padding-left:0.5rem; padding-bottom:0.5rem}.gl-tl-span{position:absolute; bottom: 0.4rem;width:0.65rem; height:0.15rem;}
.matalindex{
    width: 100%;
       height: 140px;
 }
.matal-cateindex{
   width: 100%;
   padding: 0 10px 0 10px;
    background: #fff; 
}
.matal-cateindex  a{list-style: none;
    float: left;
    font-style: normal;
    font-size: 14px;
  padding-right: 4px;
    padding-left: 4px;
    text-align: center;
    text-decoration: none;
    color: #333;
    height: 30px;
    /* width: 218px; */
    margin-bottom: 8px;
    line-height: 30px;
    display: inline-block;
    
   
    border-bottom: 1px solid #2769dc;
    border-radius: 0px;
    overflow: hidden;
    transition: background .2s;
    margin-right: 5px;
}
.matal-cateindex a:hover{
    color: #D7000f;
}


.mbg{ background:#ffffff; border:0px solid #e5e5e5;}
.mbg .mbgad{
    width: 24px;
    height: 14px;
    position: absolute;
    right: 2px;
    bottom: 2px;
	background:url('images/91_ad.png') no-repeat;
}
.border{border:1px solid #e5e5e5;}
.hqcankaotit{width:100%; border-bottom:none; margin-left:0px;overflow:hidden; float:left; display:inline;background: #fff;
    border: 1px solid #e5e5e5;}
.gl{ width:400px; border-bottom:none; }
.gr{width:100%; border-bottom:none; margin-left:0px;overflow:hidden; float:left; display:inline;background: #fff;
    border: 1px solid #e5e5e5;margin-bottom: 10px;}
	.hangqingTitle{ margin-bottom: 10px;height:35px; width:100%;border-bottom: 1px solid #f3f6fb; }
.hangqingTitle .hqTitleName{font-size: 18px;font-family: 微软雅黑; float:left; display:inline;border-left: 4px solid red;padding-left: 10px;}

.hangqingTitlezst{background: #fff;    padding: 10px 10px 0px 10px;height:28px; }
.hangqingTitlezst .hqTitleNamezst{font-size: 18px;font-family: 微软雅黑; float:left; display:inline;border-left: 4px solid red;padding-left: 10px;}



.sTitle{ margin-top:10px; border-bottom:2px solid #2F5895; height:38px; width:100%; }
.sTitle .sTitleName{margin-left: 13px;margin-top: 8px; font-size: 18px;font-family: 微软雅黑; float:left; display:inline;}

.sTitle .more { float:right; font-size:12px;margin-top:18px; margin-right:5px; }
.clear { clear:both}
.moreData {border-top: 1px solid #BBD4E8;height: 29px; line-height:29px; padding-right: 10px; overflow:hidden;}
.gr .sTitle.sbsh { clear:both; width:auto; float:none;}


.gl .titleName{ width:180px; background:#fff url("/emres/futures/20210918/images/futures/element.png") no-repeat 0px -301px; position:relative; top:3px; text-align:center; z-index:1000; height:36px; line-height:36px; font-size :18px; font-family: 微软雅黑; }
.gr .titleName{ float:left; width:150px; background:#fff url("/emres/futures/20210918/images/futures/element.png") no-repeat 0px -301px; z-index:1000; height:36px; line-height:36px; font-size :18px; font-family: 微软雅黑; padding:0 0 0 13px;}
.gr .content2 .title2 { width:580px; border-bottom:2px solid #2F5895; float:left; height:38px; margin-top:5px;}
.gr .content2 .title2 .titleNameR{ float:left; margin-left:13px; margin-top:8px; font-size:18px; font-family: 微软雅黑;}
.gr .content2 .title2 .more { float:right; font-size:12px; margin-right:5px; margin-top:15px; }
.gr .content2 .title2 .date { float:left; font-size:12px; margin-left:25px; margin-top:16px; }

.fixdfload { width:100%; overflow:hidden;}
.seeMoreText1{float:left; padding:5px 10px 5px 0;  text-align:right;border-top:1px solid #bbd4e8;}
.title_r1{ float:right; font-size:12px; margin-top:15px;}
.title_r1 a{ padding:0 5px;}
.productInfo{float:left; width:100%; display:inline;}
.productInfo img{ float:left; width: 15%;; height:70px; padding:0px; border:1px solid #c4c4c4;}
.productInfoText{ float:left;  padding:10px 15px 0px 15px; line-height:20px; overflow:hidden;}
.productInfoText span{ font-size:14px;}
.productInfoText p{font-size:14px;width:100%;word-wrap:break-word;overflow:hidden;line-height: 180%;}
.productTable{width:100%; border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2;margin-left:10px;float:left; display:inline;}
.productTable ul { overflow:hidden;width:100%;}
.productTable ul li { border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;text-align:center;height:20px; overflow:hidden; width:91px; display:block;float:left;padding:9px 0;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.productTable ul li.Ttitle { background:#eff6fc;}

.spot-board-hq {margin: 0 auto; 
    background: #Ffffff;
    /* background: #F7F8F9; */
    padding: 10px;
    /* position: relative; */
    /* border: 1px solid #E9EAEA; */
    /* z-index: 1; */
    /* height: 200px; */
   /*  margin: 10px 0px 10px 0px;  */ }
 
	.spot-board-hq .clearfix:after {
    content: "";
    display: block;
    clear: both; }
	.spot-board-hq .spot-basic-info-hq {
    padding: 8px 0; }
	
	.spot-board-hq .spot-trade-info-hq {
    margin-top: 13px;
    padding: 6px;
}

    .spot-board-hq .spot-basic-info-hq .spot-name {
      color: #333333;
      font-size: 16px;
      line-height: 21px;
      margin-bottom: 10px; }
      .spot-board-hq .spot-basic-info-hq .spot-name .spot-util {
        margin-left: 10px;
        font-size: 12px;
        line-height: 1;
        color: #999; }
.spot-board-hq .spot-trade-info-hq .spot-trade-info-block  {/* width:50%; float:left;*/
}
.spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-row {
        color: #333;
        font-size: 12px;
       
        padding: 0px 0;    /* height: 28px; */
        border-bottom: 1px dashed #E9EAEA; }
        .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-row:before, .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-row:after {
          content: " ";
          display: table;
          clear: both; }
        .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-row:first-child {
          padding-top: 0; }
        .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-row:last-child {
          border-bottom: none; }
        .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-row .name {
          float: left;    line-height: 28px;
          width:20%;
          text-overflow: ellipsis;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
          overflow: hidden;
          }
        .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-row .value {
          float: right;    line-height: 28px;
          width: 80%;
          text-overflow: ellipsis;
         <!--  white-space: nowrap; -->
          -o-text-overflow: ellipsis;
          overflow: hidden; }
        .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-row.brand .value {
          height: 42px;
          line-height: 14px;
          white-space: normal; }
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table thead tr {
        padding: 9px 0; }
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table tbody tr {
        padding: 8px 0; }
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table tbody td {
        padding: 4px 0;
        border-top: 1px dashed #E9EAEA; }
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table.block-table-premium .product-name {
        width: 80px;
        padding-right: 25px;
        -webkit-box-sizing: content-box;
                box-sizing: content-box; }
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table.block-table-premium .range-price {
        width: 80px;
        padding-right: 25px;
        -webkit-box-sizing: content-box;
                box-sizing: content-box; }
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table.block-table-premium .average-price {
        width: 60px;
        padding-right: 25px;
        -webkit-box-sizing: content-box;
                box-sizing: content-box; }
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table.block-table-premium .up-or-down {
        width: 60px;
        -webkit-box-sizing: content-box;
                box-sizing: content-box; }
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table.block-table-hulun .hulun {
        width: 150px;
        padding-right: 23px;
        -webkit-box-sizing: content-box;
                box-sizing: content-box; }
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table.block-table-hulun .hulun-rate {
        width: 80px;
        padding-right: 22px;
        -webkit-box-sizing: content-box;
                box-sizing: content-box; }
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table.block-table-hulun .update-time {
        width: 80px;
        -webkit-box-sizing: content-box;
                box-sizing: content-box; }
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table.block-table-hulun .last-price-icon-up:after,
      .spot-board-hq .spot-trade-info-hq .spot-trade-info-block .block-table.block-table-hulun .last-price-icon-down:after {
        margin-left: 5px; }
    .spot-board-hq .spot-trade-info-hq .spot-trade-info-block-small {
      height: 90px; }
	  
	  
	  
.bd_1 {padding: 0 10px 0 10px;  border-top: solid 1px #4763b2;    overflow: hidden;background:#fff;}
.gy_topic{font-size:16px;font-weight:700;color:#222;line-height:44px;margin-top:1px;}
.lab ul{overflow:hidden;}
.lab ul li{float:left;margin-bottom:10px;/* width: 135px; */margin-right: 3px;}
.lab ul li.zj{margin:0 5%}
.lab ul li a{color:#5b6b88;display:block;text-align:center;background-color:#f1f4fc;line-height:30px;border-radius:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 5px;}
.lab ul li.cur a,.lab ul li:hover a{color:#fff;background-color:#5a9df7}

h2, .h2 {
    font-size: 30px;
}

.xh_dl{display:black;}
.xh_dl_no{display:none;}
.xh_dl_2{display:black;}
.xh_dl_2_no{display:none;}

 .ui-page{margin-bottom:55px;}
 
 /*清浮动*/
.clearfix:after{clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden;}
.clearfix{zoom: 1;}
.bai-bg,.kzui-bf{background:#ffffff;background-position: 100% 50%;animation: skeleton-loading 1.4s ease infinite;}
.kzui-flex{display:flex;}
.kzui-fl{float:left !important;}
.kzui-fr{float:right !important;}
.kzui-mr-15{margin-right:15px;}
.kzui-wrap{width:100%;}
.kzui-no-border{border:none !important;}
.kzui-common-text{line-height:2.2em;}
.kzui-common-padding{padding:10px;}
.kzui-show{display:block !important;}
.kzui-hide{display:none !important;}
.kzui-text{line-height:1.8em;}
.kzui-primary-txt{color:#3388FF !important;}
.kzui-danger-txt{color:#EF4F4F !important;}
.kzui-text-center{text-align:center !important;}
.kzui-click{}
.kzui-click:active{background-color:#ECECEC;}
.kzui-txt{width: 80px;font-size:14px;height:44px;line-height:44px;}
.kzui-txt span{width: 50px;font-size: 14px;color: #ffffff;}
.kzui-line-40{height:40px;}
 
.box-flex>*, .box-inline-flex>*{-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;}
.box-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.list_action_title{padding: 3px 10px 3px;border-radius: 10px;}
.list_action_title .h{background: #fff;height: 37px;line-height: 37px;font-size: 14px;text-align: center;border-radius: 5px;}
.list_action_title .h .ti{color: rgba(0,0,0,.6);font-size: 0.9rem;}

/*横幅*/
.tc{text-align: center;}
.banner{background: #000000 url("../image/banner-sc.png") no-repeat;background-size: cover;}
.banner{width: 100%;height: 6.96666667rem;padding: 0.93333333rem 5%;}
.banner .banner-wrap{position: relative; color: #fff;}
.banner .banner-wrap h2{line-height: 1.86666667rem;font-size: 1.33333333rem;font-weight: bold;}
.banner .banner-wrap .banner-p{color: #fff !important;margin: 0.56666667rem 0 0.53333333rem;line-height: 1.99333333rem;font-size: 0.92666667rem;}
.market-signup-btn{width: 6.66666667rem;line-height: 1.8rem;margin: 0 auto;border: 1px solid #c40000;border-radius: 2.66666667rem;background: #c40000;color: #fff;text-align: center;}
a.market-signup-btn{color:#ffffff}


.bannerxh{background: #000000 url("../image/sellbg.png") no-repeat;background-size: cover;}
.bannerxh{width: 100%;height: 6.96666667rem;padding: 0.93333333rem 5%;}
.bannerxh .banner-wrap{position: relative; color: #fff;}
.bannerxh .banner-wrap h2{line-height: 1.86666667rem;font-size: 1.33333333rem;font-weight: bold;}
.bannerxh .banner-wrap .banner-p{color: #fff !important;margin: 0.56666667rem 0 0.53333333rem;line-height: 1.99333333rem;font-size: 0.92666667rem;}
/*新价格*/
.aui-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 15px; position: relative;}
.aui-flex-box{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; font-size: 14px; color: #333;}
.aui-flex-box h3{color: #ff1767; font-weight: normal; font-size: 0.85rem; font-weight: normal; padding-bottom: 4px;}
.aui-flex-box p{color: #999;font-size: 0.85rem;/* text-decoration: line-through; */}
.aui-box-gradual{background-image: -webkit-gradient(linear,left top,right top,from(#ff6143),to(#ff1767)); background-image: -webkit-linear-gradient(left,#ff6143,#ff1767); background-image: -moz-linear-gradient(left,#ff6143,#ff1767); background-image: linear-gradient(to right,#ff6143,#ff1767); background-color: #ff6143; height: 60px;}
.aui-box-gradual .aui-flex{padding: 0;}
.aui-time-price{font-size: 35px;font-weight: normal;padding-left: 15px;letter-spacing: -1px;padding-right: 10px;}
.aui-box-gradual .aui-time-price{color: #fff;}
.aui-time-price i{font-weight: normal; font-style: normal; font-size: 14px; padding-right: 4px;}
.aui-text-lines h3{text-decoration: line-through;}
.aui-box-gradual .aui-flex-box h3{color: #fff;}
.aui-box-gradual .aui-flex-box p{text-decoration: initial;}
.aui-flex-box p .aui-one{color: #ff3272;background: #fff;border-radius: 2px;font-size: 12px;padding: 0.1rem 0.2rem;font-style: normal;border: 1px solid #fff;}
.aui-flex-box p .aui-two{border: 1px solid #fff; font-style: normal; font-size: 12px; color: #fff; border-radius: 2px; padding: 0.1rem 0.2rem;}
.time-item{float: left; padding-top: 0;}


.aui-invite-people{width: 80%; position: relative; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 7px 5px 7px 5px; background: #fdfdfd; margin: 0 auto;}
.time-item span{background: #ff3952; color: #fff; font-weight: 400; padding:0 3px;min-width:16px;display: block; float: left; margin: 0 3px; border-radius: 3px; height: 20px; line-height: 20px; text-align: center; font-size: 12px;}
.time-item em{font-style: normal; color: #ff2c58; float: left;}
.aui-time-box{background: #ffdce7;height: 60px;padding: 0 5px;text-align: center;}
.aui-time-box p{color: #ff1e64; padding-top: 10px; font-size: 12px; padding-bottom: 4px;}



.jiaru{width:100%;
    height: 45px;
    box-sizing: border-box;
   background-color: #1aad19;color:#fff;
   margin:0 auto;text-align: center;
line-height: 45px;margin-top:10px;margin-bottom:10px;
   }
   .jiaru a{text-align:center;font-size:18px;color:#fff!important;}

   
.clubinfo  {padding:0px 0px 20px 0px;}
.clubinfo .title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;}
	
	.clubinfo .img {width:48px;}
	.clubinfo .desc {
    text-align: center;
}
.clubinfo .tag {
    margin-top: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 13px;
}
.clubinfo .tag .unselect-tag{
    padding: 2px 8px;
    border-radius: 3px;
    border: 1px solid #eeeeee;
    margin-top: 2px;
    margin-right: 3px;
}
.group_introduce{text-align:center;border-top: #EEEEEE 0px solid!important;}
.m{background:#ffffff;}
.group-cat {overflow:hidden;padding-top:6px;}
.group-cat div {width:146px;float:left;text-align:center;}
.group-cat img {border:#EEEEEE 1px solid;border-radius:50%;padding:2px;}
.group-cat img:hover {border:#FF6600 1px solid;}
.group-cat ul {padding:10px 0 20px 0;}
.group-cat li {height:24px;line-height:24px;font-size:16px;overflow:hidden;}
.group-cat span {color:#666666;font-size:12px;}
.group_list p {color:#666666;margin:0;line-height:24px;}
.group_info {border:#EEEEEE 1px solid;font-size:14px;}
.group_title {padding:16px;}
.group_title span {padding-top:8px;}
.group_title strong {font-size:24px;}
.group_title img {width:36px;height:36px;border-radius:50%;margin:0 10px 0 0;float:left;}
.group_introduce {border-top:#EEEEEE 1px solid;padding:10px 24px;line-height:24px;font-size:12px;color:#666666;}

/* sell*/
.tab-wrapper{
width: 100%;
    margin: 0 auto;}
.tab-menusell{
display: grid;  
    place-items: center; /* 同时水平和垂直居中 */  
    grid-auto-flow: column; /* 水平排列 */  
    gap: 10px; /* 设置间距（可选） */  
    padding: 0; /* 移除默认的 padding，如果需要 */  
    margin: 0; /* 移除默认的 margin，如果需要 */  
    list-style: none; /* 移除默认的列表样式 */ 
}
.tab-menusell li {
     position: relative;width: 45%;
    display: inline-block;
    opacity: 0.8;
    cursor: pointer;
    z-index: 0;
       padding: 0px 10px 0px 10px;
    text-align: center;    font-weight: bold;
    
    color: #5b6066;
    font-size: 17px;
	    background-size: 100% 1px;
    text-align: center;
    line-height: 44px;
}

.tab-menusell li:hover {
  color:#666666;
}

.tab-menusell li.active {
 color: #1a79ff;
    opacity: 1;
      border-bottom: 3px solid #1a79ff;
}

.tab-menusell li.active:hover {
 color: #1a79ff;
}

.tab-content>div {
  background-color: #fff;
  box-sizing:border-box;
  width: 100%;max-width:1200px;
  margin:0 auto;
 
}
.tab-menusell{margin-bottom:10px;}
. index-module-list{
width: 1200px;
    margin: 0 auto;}
/*sell end*/


.rowtxl{  
    width: 100%;  
    padding: 20px;  
    box-sizing: border-box;   
    border-top: 1px solid #ccc;  
    display: flex;  
    flex-direction: column; /* 确保容器内的行垂直堆叠 */  
}  
  
.row {  line-height: 23px;
    display: flex; border-top: 0px solid #E5E5E5; 
    align-items: center; /* 垂直居中对齐子元素 */  
    margin-bottom: 10px; /* 行与行之间的间距 */  
}  
  
.profile-img {  
    width: 45px;  
    height: 45px;  
    border-radius: 50%; /* 可选：将图片设为圆形 */  
    margin-right: 10px; /* 图片与文本之间的间距 */  
}  
  
.text-col {  width:100%;
 display: flex;  
    align-items: center; /* 垂直居中 */  
    justify-content: space-between; /* 两端对齐 */  
}  
.txltitle-container {  
    flex: 1; /* 占据剩余空间 */  
} 
  
.txltitle {  
    margin: 0 0 2px 0; /* 去除默认的上下外边距，并添加一些下边距 */  
    font-family: Arial, sans-serif;  
    color: #333; font-size:16px; 
}  
.action {  
    white-space: nowrap; /* 防止内容换行 */  
}  
  
.action a span {  
    /* 你可以在这里添加一些样式来美化“加为好友”按钮 */  
    padding: 5px 10px;  
    background-color: #007BFF;  
    color: white;  
    border-radius: 5px;  
    text-decoration: none;  
}  
  
.action a span:hover {  
    background-color: #0056b3; /* 鼠标悬停时的背景色 */  
}
.subtitle{  
    margin: 0 0 2px 0;   
    font-family: Arial, sans-serif;  
    color: #333; font-size:14px; 
}  
.company {  
    margin: 0 0 2px 0;  
    font-family: Arial, sans-serif;  
    color: #333; font-size:14px; 
}  
   
  .txltitle span {  
    font-size:13px;color: rgb(153, 153, 153); 
} 

p {  
    margin: 0; /* 去除默认的上下外边距 */  
    font-family: Arial, sans-serif;  
    color: #333;  
}