@charset "utf-8";
*{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,button{margin:0;padding:0;list-style:none;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal; color:#333}
input,textarea,select{*font-size:100%;font-family:inherit;font-size:inherit;font-weight:inherit;outline: none;}
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, th, td {margin: 0px;padding:0px;}
body{font:12px/1.6 "microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif; font-family:"microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif !important; background:#F2F2F2; color:#808080}
em,i{ font-style:normal;}
b{ font-weight:400}
a{outline: none;text-decoration:none; color:#5a5a5a}
img{border:0 none;width:100%;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.clear:after{content:"";clear:both;display: block}
.w{width: 1240px;margin:auto;}
.lbtn-blue{border:solid 1px #31A6CF;color:#31A6CF;background:#FFF;}
.btn-blue{background:#31A6CF;color:#FFF;border:solid 1px #31A6CF;}
.btn-orgn{background:#F39800;color:#FFF;border:solid 1px #F39800;}

.banner{height: 378px;position:relative;}
.banner .hd{position: absolute;top: 0;bottom:0;left:50%;margin-left:-620px;width:1240px;text-align: center;z-index: 9;}
.banner .hd ul{position:absolute;bottom:20px;left:0;width:100%}
.banner .hd li{width:10px;height: 10px;display: inline-block;border-radius:10px;background:rgba(0,0,0,0.17);margin: 0 4px;cursor:pointer;}
.banner .hd li.on{background: #F39800;width: 24px;}
.banner .hd .prev,.banner .hd .next{background:url(../images/ico-b-arrow.png);width: 36px;height: 36px;background-size:cover;position: absolute;top: 50%;margin-top: -18px;}
.banner .hd .prev{left:0;}
.banner .hd .next{right:0;transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}
.banner .bd li{width: 100%;height: 378px;background-position: center;background-repeat: no-repeat;}
.copyright{background: #323232;height: 38px;line-height: 38px;color: #e0e0e0;}
.footer{height: 120px;background:#444444;color: #e0e0e0;}
.footer .f-logo{height: 42px;margin-top: 39px;}
.footer .f-logo img{height: 42px;width:auto;vertical-align: middle;}
.footer .f-logo span{font-size:20px;height: 20px;line-height: 18px;padding-left: 24px;border-left: solid 1px #6f6b6b;margin-left: 24px;letter-spacing: 2px;vertical-align: middle;display: inline-block;}
.footer .f-info{width: 640px;margin-top: 35px;}
.footer .f-info p{width: 44%;float:left;padding-left: 18px;background-position: left center;background-repeat: no-repeat;margin-bottom: 11px;background-size: 12px;}
.footer .f-info p:nth-child(2n){width:56%}
.footer .f-info p.qq{background-image: url(../images/ico-f_qq.png)}
.footer .f-info p.tel{background-image: url(../images/ico-f_tel.png)}
.footer .f-info p.email{background-image: url(../images/ico-f_email.png)}
.footer .f-info p.adr{background-image: url(../images/ico-f_adr.png)}
.title{font-size: 20px;font-weight: 600;color:#565656;margin: 24px 0 12px;letter-spacing: 2px;}
.title i{width:26px;height: 26px;display: inline-block;background-position: center;background-repeat: no-repeat;vertical-align: middle;margin-bottom: 4px;margin-right: 8px;}
.title i.ico1{background-image: url(../images/ico-1.png)}
.title i.ico2{background-image: url(../images/ico-2.png)}
.title b{font-weight: 700;color:#F39800;}
.title .more{background:#FFF;width: 54px;height: 24px;border-radius: 25px;font-size: 12px;font-weight: 400;float: right;text-align: center;line-height: 25px;margin-top: 2px;color: #808080;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.title .more:hover{background:#F39800;color:#FFF}
.store-box{background:#FFF;margin-top:24px;}
.store-box .info{padding:24px 36px;color: #808080;line-height: 1.8;}
.store-box .info h2{font-size: 28px;color: #212121;line-height: 1;margin-bottom: 18px;}
.store-box .info .key{margin-top: 12px;}
.store-box .info .key span{height: 26px;line-height: 26px;padding: 0 16px;background: #F7F7F7;display: inline-block;color: #787878;}
.store-box .adr{background:#FBFBFB;height: 64px;line-height: 64px;font-size: 14px;padding:0 36px;overflow: hidden;}
.store-box .adr .fl a{font-size:13px;color:#31A6CF;margin-left: 34px;}
.store-box .adr .fl a:after{content:"";border-right:solid 1px #D8D8D8;border-bottom:solid 1px #31A6CF;width:5px;height:5px;transform: rotate(-45deg);margin-bottom: 1px;display: inline-block;margin-left: 2px;}
.store-box .adr .fr a{font-size: 13px;padding-left: 16px;margin-left: 10px;height: 14px;line-height: 14px;display: inline-block;}
.store-box .adr .fr a.tel{background: url(../images/ico-tel.png) no-repeat left 0px;border-right: solid 1px #ccc;padding-right: 14px;background-size: 14px;}
.store-box .adr .fr a.concern{background: url(../images/ico-concern.png) no-repeat left 0px;background-size: 13px;}

.news-slide{background: url(../images/news-bg.png) no-repeat 16px center #FFF;height: 40px;margin-top: 12px;padding-left: 118px;background-size: 88px;}
.news-slide li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size: 13px;}

.tab-nav{font-size: 18px;margin-top: 20px;}
.tab-nav > a{display:inline-block;padding: 0 0 10px 0;margin-right: 28px;}
.tab-nav > a.on{border-bottom:solid 2px #F39800;color:#212121;}

.history-list{overflow:hidden;margin: 6px 0 48px;}
.history-list .item{border:solid 1px #E8E8E8;border-radius:2px;background:#FFF;margin: 16px 16px 0 0;padding:10px 14px 8px;display:inline-block;width: 235px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;color:#999999;font-size:10px;float: left;}
.history-list .item:nth-child(5n){margin-right: 0;}
.history-list .item:hover,.bidding-box .item:hover{border-color:#F39800}
.history-list .item p{color:#999}
.history-list .item .name{font-size:15px;font-weight:600;color:#565656;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.history-list .item .key{overflow:hidden;margin-top:6px}
.history-list .item .key span{border:solid 1px #31A6CF;display:inline-block;color:#31A6CF;padding:0 6px;height:20px;border-radius:20px;line-height:18px}
.history-list .item .price{color:#FF2A2A;font-size:16px;margin-top: 16px;}

.bidding-box:after{content:"";clear:both;display:block}
.bidding-box .item{border:solid 1px #E8E8E8;border-radius:2px;background:#FFF;margin: 0 16px 16px 0;float: left;width: 298px;-webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.bidding-box .item:nth-child(4n){margin-right: 0;}
.bidding-box .item .info{padding: 15px 18px;display: block;}
.bidding-box .item .info .name{font-size:18px;font-weight: 600;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;color: #424242;}
.bidding-box .item .info .key{overflow:hidden;margin-top: 8px;}
.bidding-box .item .info .key span{border:solid 1px #31A6CF;display:inline-block;color:#31A6CF;padding:0 6px;height:20px;border-radius:20px;line-height:18px}
.bidding-box .item .info .txt{color:#999999;margin-top: 10px;line-height: 1.6;}
.bidding-box .item .info .price{font-size: 20px;color:#FF4B2A;margin-top: 18px;}
.bidding-box .item .end-time{background: #F8F8F8;text-align: center;padding: 6px 18px 0;position: relative;height: 130px;}
.bidding-box .end-time .status{position:absolute;right: -4px;top: 4px;background: url(../images/tag_1.png) no-repeat left top;width: 66px;height: 26px;line-height: 30px;padding-left: 4px;color: #FFF;}
.bidding-box .end-time .status.s-1{background:url(../images/tag_2.png);}
.bidding-box .end-time .status.s-2{background:url(../images/tag_3.png);}
.bidding-box .end-time .t{text-align:left;background: url(../images/ico-date.png) no-repeat left center;padding-left: 14px;background-size: 12px;}
.bidding-box .end-time .txt{height: 130px;font-size: 18px;color:#ACACAC;line-height: 130px;}
.bidding-box .end-time .btn{width:82px;height: 28px;color:#FFF;display: inline-block;background: #31A6CF;line-height: 28px;margin: 18px 0 14px;}
.bidding-box .end-time .btn.disabled{background:#BEBEBE}
.bidding-box .end-time .time{margin-top: 16px;}
.bidding-box .end-time .time b{width:16px;height: 23px;line-height: 23px;border-radius: 2px;background:#272822;color:#FFF;display: inline-block;text-align: center;margin: 0 3px 0 0px;}

.crumb{height: 45px;line-height: 45px;color:#666666;}
.crumb a{color:#31A6CF;}
.crumb a:after{content:"";width: 5px;height: 5px;border-right: solid 1px #8c8c8c;border-bottom: solid 1px #9c9c9c;display:inline-block;transform: rotate(-45deg);margin: 0 8px 1px 3px;}
.supplier-detail{background:#FFF;padding: 24px 24px 26px;}
.supplier-detail .name{font-weight: 600;font-size: 28px;color:#212121;letter-spacing: 1px;}
.supplier-detail .price{font-size: 24px;color:#FF4B2A;margin-top: 7px;}
.supplier-detail .info{font-size: 13px;margin-top: 28px;}
.supplier-detail .info span{margin-right: 64px;background-position: left 2px;background-repeat: no-repeat;background-size: 14px;padding-left: 20px;}
.supplier-detail .info span.ico1{background-image: url(../images/ico-01.png)}
.supplier-detail .info span.ico2{background-image: url(../images/ico-time.png)}
.supplier-detail .oper{margin-top: 18px;}
.supplier-detail .oper .btn{width:94px;height: 34px;border-radius: 2px;font-size: 13px;display:inline-block;text-align: center;line-height: 32px;margin-left: 14px;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.supplier-detail .oper .btn i{display:inline-block;width: 12px;height: 12px;display:inline-block;background-size:cover;background-repeat:no-repeat;background-position:center;vertical-align: middle;margin-bottom: 2px;margin-right: 2px;}
.supplier-detail .oper .btn i.love{background-image: url(../images/ico-collect.png)}
.supplier-detail .oper .btn i.tel{background-image: url(../images/ico-f_tel.png)}

.supplier-left{margin-top:18px;width:1240px;margin-bottom:42px;background: #FFF;}
.supplier-left .s-tips{background:#31A6CF;color:#FFF;font-size:14px;text-align: center;line-height: 40px;height: 40px;}
.supplier-left .s-cont{background:#FFF;padding: 28px 20px; width: 900px}
.supplier-left .s-cont .t{font-size: 18px;font-weight: 600;border-left: solid 5px #31A6CF;color: #565656;height: 18px;line-height: 18px;padding-left: 12px;margin-bottom: 22px;}
.supplier-left .s-cont .info1{padding:0 18px;overflow: hidden;font-size: 13px;margin-bottom: 34px;}
.supplier-left .s-cont .info1 p{width:33.3%;float:left;margin-bottom: 8px;}
.supplier-left .s-cont .info2{padding: 0 18px;line-height: 25px;margin-bottom: 34px;}
.supplier-left .s-cont .info2 p{margin-bottom:4px}
.supplier-left .s-cont .btn{width:324px;height:52px;line-height:52px;text-align:center;font-size:18px;border-radius:3px;margin:120px auto 24px;display:block;-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.supplier-left .s-cont .btn:hover{box-shadow: 0 0 20px #f3980069;}
.needs-table{width:100%}
.needs-table thead th{background: #F3F3F3;height: 35px;padding:0 20px}
.needs-table tbody td{height:42px;border-bottom:solid 1px #eee;padding:0 20px;text-align:center}
.needs-table thead th:first-child,.needs-table tbody td:first-child{text-align:left}

.supplier-right{margin-top:18px;width:300px;margin-bottom:42px;display: none}
.bid-box{margin-top:18px;background: url(../images/bg.png) no-repeat center top #FFF;background-size: contain;padding: 18px 20px 4px;}
.bid-box .t{font-size: 18px;color:#565656;font-weight: 600;background:url(../images/ico-bid.png) no-repeat left center;background-size: 16px;padding-left: 22px;margin-bottom: 16px;}
.bid-box .list{}
.bid-box .list li{margin-bottom: 26px;color:#999999;}
.bid-box .list li .name{font-size:15px;color:#424242}
.bid-box .list li > .clear{margin-top: 8px;line-height:20px;}
.bid-box .list li .key{color:#28A2CD;border:solid 1px #28A2CD;padding:0 6px ;height:22px;display:inline-block;text-align: center;border-radius: 20px;font-size: 12px;}