body{background: #f5f6fa}

.trade-box{background: #fff;padding:15px;margin: 10px 0}
.filter-item{background: #fff;padding: 15px 0;color: #444;border-bottom: 1px solid #eee}
.filter-item .title{float: left;font-weight: bold;width: 80px;padding: 5px 0}
.filter-item .filter-content{float: left;width: calc(100% - 80px);font-size: 12px}
.filter-item .filter-content .keyword-type{background: #fff;padding: 4px 8px;border: 1px solid #ccc;border-radius: 3px}
.filter-item .filter-content .keyword-input{border: 1px solid #ccc;width: 300px;padding: 5px 8px;margin-left: -5px;border-top-right-radius: 3px;border-bottom-right-radius: 3px}
.filter-item .filter-content .keyword-submit{background: #3c7ee5;color: #fff;padding: 6px 35px;border-radius: 3px;cursor: pointer}
.filter-item .filter-content .trademark-category{}
.filter-item .filter-content .trademark-category a{display: inline-block;padding: 5px 8px;margin: 0 5px 8px 5px}
.filter-item .filter-content .trademark-category a:hover{color: #3c7ee5}
.filter-item .filter-content .trademark-category a.active{background:#3c7ee5;color: #fff}
.filter-item .filter-content .filter-cls a{display: inline-block;padding: 5px 8px;margin-right: 15px;}
.filter-item .filter-content .filter-cls a:hover{color: #3c7ee5}
.filter-item .filter-content .filter-cls a.active{background:#3c7ee5;color: #fff}
.filter-item .filter-content .filter-cls .price-input{border: 1px solid #ccc;padding: 5px 8px;width: 100px;margin: 0 5px}
.filter-item .filter-content .filter-cls .des{color: #bababa}
.filter-item .filter-content label{display: inline-block;padding: 5px 5px;margin: 0 5px 8px 5px;}
.filter-item .filter-content label span{margin-top: -5px;display: inline-block}
.trade-content{margin: 15px 0}
.trademark-list{font-size: 0}
.trademark-list .trademark-item{display: inline-block;position: relative;width: 20%;font-size: 14px;}
.trademark-list .trademark-item .trademark-info{transition: 0.1s;cursor: pointer;padding: 15px;background: #fff;margin: 5px;border-radius: 5px;box-shadow: 0 2px 4px 0 hsla(0, 0%, 71.8%, 0.5);}
.trademark-list .trademark-item .trademark-info:hover{box-shadow: 0 0 4px 0 hsla(217, 76%, 57%, 0.5);}
.trademark-list .trademark-item img{width: 150px;height: 120px;margin: 0 auto;display: block}
.trademark-list .trademark-item h4{color: #444;margin-bottom: 10px;margin-top: 10px}
.trademark-list .trademark-item p{color: #a0a0a0;font-size: 12px;;margin-bottom: 10px}
.trademark-list .trademark-item .icon{color: #ed711f;font-size: 12px}
.trademark-list .trademark-item .price{color: #ed711f;font-weight: bold}
.trademark-list .trademark-item .button-box{border-top: 1px solid #e8e8e8;font-size: 0;position: absolute;bottom: 0;left: 0;right: 0;padding-bottom: 5px}
.trademark-list .trademark-item .button-box a{display: inline-block;width: 49%;font-size: 14px;text-align: center;line-height: 35px}
.trademark-list .trademark-item .button-box a:nth-of-type(1){border-right: 1px solid #e8e8e8;}
#pageBox{background: #fff;margin: 20px 5px;text-align: center;box-shadow: 3px 3px 3px #eee;}

.trademark-detail-box{margin: 15px 0;}
.trademark-detail-box img{display: inline-block}
.trademark-detail-box .trademark-detail{float: left;width: 940px;height: 320px}
.trademark-detail-box .trademark-detail .detail{background: #fff;width: 100%;height: 320px}
.trademark-detail-box .trademark-detail .detail .tm-img{float: left;border: 1px solid #eee;border-radius: 5px;width: 300px;text-align: center;margin: 15px}
.trademark-detail-box .trademark-detail .detail .tm-info{float: left;padding: 15px 20px;width: calc(100% - 375px);font-size: 12px}
.trademark-detail-box .trademark-detail .detail .tm-info h3{font-size: 20px}
.trademark-detail-box .trademark-detail .detail .tm-info .price-row{margin: 15px 0;background: aliceblue;padding: 10px 15px}
.trademark-detail-box .trademark-detail .detail .tm-info .price-row .price{font-size: 18px;font-weight: bold}
.trademark-detail-box .trademark-detail .detail .tm-info .title{color: #9b9b9b}
.trademark-detail-box .trademark-detail .detail .tm-info p{margin: 15px 0;font-size: 12px}
.trademark-detail-box .trademark-detail .detail .tm-info b{margin-right: 20px}
.trademark-detail-box .trademark-detail .detail .tm-info .tip{font-size: 12px}
.trademark-detail-box .trademark-detail .detail .trade-buy{margin-top: 5px;margin-bottom:5px;display:inline-block;background: #ed711f;color: #fff;padding:8px 18px;border-radius: 5px}
.trademark-detail-box .contact-kefu{float: left;width: calc(100% - 985px);background: #fff;padding: 15px;margin-left: 15px;text-align: center}
.trademark-detail-box .contact-kefu .title{font-size: 20px;text-align: center;font-weight: bold;color: #0179ff}
.trademark-detail-box .contact-kefu .contact-img{border: 1px solid #eee;padding: 15px;width: 120px;margin: 15px auto}
.trademark-detail-box .contact-kefu .contact-btn{background: #3c7ee5;color: #fff;border-radius: 999px;display: inline-block;padding: 6px 25px;margin: 0 auto}
.trademark-detail-box .contact-kefu .contact-tel{border-top: 1px dashed #eee;margin-top: 15px;padding-top: 15px}

.detail-content{clear: both;padding-top: 5px}
.detail-content .tabs{background: #fff;margin: 15px 0;display: flex;text-align: center}
.detail-content .tab-item{display: inline-block;flex:1;padding: 15px 0}
.detail-content .tab-item:hover{color: #0179ff}
.detail-content .tab-item.active{border-bottom: 2px solid #0179ff}
.detail-content .content{background: #fff;padding: 15px}
.detail-content .content .layui-panel h3{font-weight: bold;font-size: 20px;margin-bottom: 15px}
.detail-content .content .layui-panel p{color: #a79d93}
.detail-content .content .row-title{border-left: 4px solid #0179ff;padding-left: 5px;color: #0179ff;font-size: 16px;font-weight: bold}
.detail-content .content .layui-table p{margin-bottom: 10px}
.detail-content .content .question{padding: 10px;background: #F5F6FA;font-weight: bold}
.detail-content .content .answer{padding: 10px;background: #fff;}
.text-center{text-align: center !important;}


.order-process{height: 150px;background-size: 1045px 78px;background-color: #fff;background-repeat: no-repeat;background-position: center;background-image: url("../images/order_process.png");margin-top: 30px;margin-bottom: 30px}
.order-form{background: #F5F6FA;margin: 30px;
    padding: 30px;}
.hot_trade{display: inline-block;color: #e92a23}
.hot_trade img{width: 20px;display: inline-block}
.hot_trade span{}