﻿.m-news{display: flex;}
.m-left{display: block; width:850px;}
.m-right{display: block; width:330px; padding-left: 20px;}

/*页面标题*/
.pages-name{font-size:18px; color:#ff910d; font-weight: normal; line-height: 1; padding:15px; background-color: #fcfcfc; border-bottom:1px solid #eee;}
.pages-name.with-tab{padding:0 15px;}
.pages-name.with-tab .news-category_list ul{border-width:0;}
.pages-name.with-tab .news-category_list ul li{padding:15px;}

.mobile-pager{margin-top:20px;}
.trade-finish{ position: absolute; z-index: 2; right:20px; top:25px; width:70px; height:70px; background: url(https://www.ce114.com/static/images/icon-trade-finish.png) no-repeat ; background-size: 100%;}
.trade-down{ position: absolute; z-index: 2; right:20px; top:25px; width:70px; height:70px; background: url(https://www.ce114.com/static/images/icon-trade-down.png) no-repeat ; background-size: 100%;}

.trade-images{padding:0;}
.trade-images:after{display: table; clear: left; content: '';}
.trade-images .images-item{float: left; width:120px; height: 120px; margin: 0 10px 0 0; border:1px solid #eee; border-radius:5px; overflow: hidden;}
.trade-images .images-item img{display: block; width: 100%; height:120px; border-radius:5px;}

.trade-button{text-align: center; padding:30px 0;}
.trade-button .btn{display: inline-block;padding:8px 25px; font-size:15px; border:1px solid #ff910d; border-radius:50px; color: #ff910d;}
.trade-button .btn.active{background-color: #ff910d; color: #fff;}
.trade-button .btn.disabled{background-color: #f8f8f9; color:#aaa; border-color: #aaa;}
.trade-button .btn + .btn{margin-left:30px;}

.trade-publish{ padding-top:180px; box-sizing: border-box;}
.trade-publish.demand{background:#fff url("/static/images/trade-demand-icon.jpg") top center no-repeat; background-size: 100%; height: 265px;}
.trade-publish.supply{background:#fff url("/static/images/trade-supply-icon.jpg") top center no-repeat; background-size: 100%; height: 265px;}
.trade-publish.service{background:#fff url("/static/images/trade-service-icon.jpg") top center no-repeat; background-size: 100%; height: 265px;}
.trade-publish .btn{}
.trade-publish .trade-button .btn + .btn{margin-left:5px;}

.trade-lists{background-color: #fff;}
.trade-lists .item{ position: relative; display: block; padding:20px; border-bottom: 1px solid #eee; background-color: #fff; line-height: 2;}
.trade-lists .item:hover{background-color: #fcfcfc;}
.trade-lists .item-company{display: flex; line-height: 1.5; padding-bottom: 10px;}
.trade-lists .item-company-logo{display:block; width:42px; margin-right:10px; position: relative;}
.trade-lists .item-company-logo img{display:block; width:42px; height: 42px; border-radius:50%; border:1px solid #f2f2f2;}
.trade-lists .item-company-logo .logo-text{width:42px; height:42px;}
.trade-lists .item-company-logo .item-company-verify{position: absolute; z-index: 1; bottom:9px; right:-5px; width:25px; height:25px; border:3px solid #fff;}
.trade-lists .item-company-body{display: block; width: 100%;}
.trade-lists .item-company-name{display: block; padding-top:1px; font-weight: bold; font-size:15px; color: #333;}
.trade-lists .item-company-label{display:inline-block; margin-right: 20px; font-size:12px; color: #bfbfbf;}
.trade-lists .item-company-label.active{color: #FF910D;}
.trade-lists .item-text{ line-height:1.8; font-size:16px; color: #333; padding:0 10px 5px 0; box-sizing: border-box;}
.trade-lists .trade-images{padding:10px 0;}
.trade-lists .item-intro{padding:2px 0 0; font-size: 12px; color:#aaa;}
.trade-lists .item-intro .ceicon{font-size:13px;}
.trade-lists .item-intro .item-label{ display: inline-block; margin-right:20px; font-size:13px; color: #aaa;}
.trade-lists .item-intro .item-label.active{color:#ffa601}
.trade-lists .item-button{ position: absolute; z-index: 1; right:20px; bottom:25px; line-height: 1; border: 1px solid rgba(255,145,13, 0.5); color: #ff910d; padding:7px 10px; border-radius:2px;  font-size:12px;}
.trade-lists .item-2 .item-button{display: none;}
.trade-lists .item-2 .trade-finish,
.trade-lists .item-2 .trade-down{top: unset; bottom:25px;}

/*.lists-empty{background:url(/static/images/lists-empty.png) center 80px no-repeat; background-size:200px; padding-top:280px; height: 400px; color: #ccc; font-size:14px; text-align: center; box-sizing: border-box;}*/


.trade-detail{ padding:20px; position: relative;}
.trade-detail.bg-white{ background-color: #fff;}
.trade-detail .trade-finish{top:15px; right:15px; width: 100px; height: 100px;}
.trade-detail h1{font-size:24px; line-height: 36px; font-weight: 400; margin-bottom:20px;}
.trade-detail .trade-info{ position: relative; margin-top:20px;}
.trade-detail .trade-info .float-icon{ position: absolute; z-index: 2; top:0px; right:0px;}
.trade-detail .trade-info .float-icon img{display: block; width:90px;}
.trade-detail .trade-info .item{display: block; line-height:3; border-bottom:1px solid #eee; margin-bottom: 5px; font-size:14px;}
.trade-detail .trade-info .item-label{display: inline-block; width:110px; margin:0 15px 0 0; text-align: center; background-color: #f5f5f5;}
.trade-detail.trade-button{margin:20px 0 0; background-color:#f8f8f9;}
.trade-detail.trade-button .btn{padding:10px 30px;}
.trade-declaration{ line-height:2; font-size:14px; padding:0;}
.trade-declaration-title{padding:20px 0 0px; color: #252525;}
.trade-declaration-body{color: #aaa;}
.trade-declaration-body .item{padding-top:5px;}
/*.trade-button a + a{margin-left: 30px;}*/

.trade-sidebar{ background-color: #fff;}
.trade-sidebar + .trade-sidebar{margin-top:20px;}
.trade-sidebar-title{font-size:16px; font-weight: bold; color: #ff910d; padding:0 15px; line-height: 50px; border-bottom: 1px solid #eee;}
.trade-sidebar-body{padding:10px 0;}
.trade-sidebar-body .item{line-height: 35px; padding:0 15px; font-size:14px;}
.trade-sidebar-body .item:after{display: table; clear: left; content:'';}
.trade-sidebar-body .item:hover{background-color: #f5f5f5;}
.trade-sidebar-body .item span{width:20px; height: 20px; line-height: 20px; float: left; margin:8px 5px 0 0; background:#ffac27 linear-gradient(to bottom right, #ffac27 , #FFDB45); color:#fff; font-size:12px; text-align: center;}
.trade-sidebar-body .item i{width:20px; height: 20px; line-height: 20px; float: left; margin:8px 5px 0 0; font-size:12px; text-align: center;}
.trade-sidebar-body .item:nth-of-type(1) span,
.trade-sidebar-body .item:nth-of-type(2) span,
.trade-sidebar-body .item:nth-of-type(3) span{background:#1795e2 linear-gradient(to bottom right, #1795e2 , #2BB3E2);}
