@charset "utf-8";
.box250{width: 250px; float: left;background:#fff;}
.box260{width: 259px; height:361px; float: left;background:#e5e5e5;border:1px solid #ededed;border-right:none;border-top:none;}
.box260.nobg{ background:none;}
.box300{width: 300px; float: right;background:#fff;}
.box350{width: 350px; float: left;background:#fff;}
.box420{width: 420px; float: left;background:#fff;}
.box440{width: 440px; float: left;background:#fff;}
.box480{width: 480px; float: left;}
.box450{width: 450px; float: right;}
.box510{width: 510px; float: left;background:#fff; margin-left:15px;}
.box610{width: 610px; float: left;background:#fff; margin-left:15px;}
.box860{width: 860px; float: left;}
.box870{width: 870px; float: left;background:#fff;}
.box1190{width: 1190px;background:#fff; overflow:hidden;}

.box180{width: 180px; float: right;}
.box990{width: 990px; float: left;}

.m-tit {height:40px; line-height:40px;border-bottom: 1px solid #e5e5e5;}
.m-tit i{ display: block; width: 30px; float: left; font-size: 23px; color: #f70;}
.m-tit i.fs32{font-size: 32px; margin-left:-5px; width:35px;}
.m-tit h3{ float: left; font-size: 20px; color: #000; font-family: "微软雅黑"}
.m-tit .m-more{width:70px; text-align: right; float: right; font-size: 14px;color: #999;font-family:"微软雅黑"; }
.m-tit .m-more i{ display:inline; float:none;padding-left:5px; font-size:18px; vertical-align:bottom; color:#ccc;}
.m-tit a:hover{color: #f70;}

.m-tit02{width: 100%; height: 28px; line-height: 28px; margin-top: 20px; padding:12px  0;border-bottom: 1px solid #e8e8e8;}
.m-tit02 h2{float: left;width: auto;height: 26px; line-height: 26px; font-size: 22px;color: #000;}
.m-tit02 .m-more{width:70px; text-align: right; float: right; font-size: 14px;color: #999;font-family:"微软雅黑"; }
.m-tit02 .m-more i{ display:inline; float:none;padding-left:5px; font-size:18px; vertical-align:bottom; color:#ccc;}
.m-tit02 a:hover{color: #f70;}





/*Ï÷ÔöÇ¿*/
#location{width:1190px; margin:0 auto; height: 50px; line-height:50px;font-size:12px; color:#999;}
#location i{ display:block; height: 50px; line-height:50px; color:#d2d2d2; font-style:normal; font-size:12px;}
#location a{line-height: 16px;color:#999;padding:0 4px;}
#location a:hover{ color:#f70;}

#location span,#location a,#location i,#location .active {float: left;color: #999; line-height:50px; font-family:"微软雅黑"}
#location .active{margin:0 5px; margin-top:14px;border:1px solid #f70;}
#location .active  a{line-height: 16px;padding:2px 8px; background:#fff; color:#f70;}
#location .active  b{ display:inline-block; width:20px; height:20px;}

#location .large{ float:right; width:200px; text-align:right; font-size:12px; color:#999;}
#location .large em{ font-style:normal; padding:0 3px; color:#f70;}

#location a.so-in{border:1px solid #f70;background-color: #fffcf9;height:24px; line-height:24px; margin:12px 0 0 10px; }
#location a.so-in span{ float:none; height:24px; line-height:24px;}
#location a.so-in h1{display: inline;}
#location a.so-in span.closed{display: inline-block;width: 15px;margin-left:3px;height: 15px;vertical-align: middle;background: url(../img/buy.png) no-repeat;background-position: 0 -84px;}
#location a.so-in:hover{background: #fff8ed;border-color: #ff9900;}

/* Èý¼×¹ã¸æ*/
#sanjia{ clear:both; overflow:hidden;width: 990px;margin:0 auto}
#sanjia ul{ width:105%;}
#sanjia li{float:left;position:relative; width:320px; height:80px;padding-right:15px;}
#sanjia li img{ display:block; width:320px; height:80px; }
#sanjia li a{ position:relative; display: block;}
#sanjia li object{ display: block;position:relative;}

/*°´·ÖÀàÑ¡Ôñ*/
.m-sorts { width: 1188px; line-height: 40px; color: #333; background-color: #fff; border: 1px solid #e6e6e6; overflow: hidden; border-bottom: none; }
/*ÀàÄ¿+µØÇø*/
.m-sorts .sContentD { background: #fff; float: left; width: 1188px; }
.m-sorts .sContentD .filter_box { position: relative; line-height: 24px; border-bottom: 1px solid #e6e6e6; background:#f2f2f2;  overflow: hidden; float: left; width: 1188px; }
.m-sorts .sContentD .filter_box h3 { height: 40px; line-height: 40px; width: 100px; float: left; padding-left: 15px; font-size: 14px; color: #999;}
.m-sorts .sContentD .filter_box .right{width: 1072px; float: left; background:#fff; border-left:1px solid #e6e6e6;}
.m-sorts .sContentD .filter_box .right p{ display:inline-block; width: 980px; margin-left: 10px; margin-top: 6px;overflow: hidden; }
.m-sorts .sContentD .filter_box .right p.brand{ overflow-y:auto;margin-bottom: 10px;}
.m-sorts .sContentD .filter_box .right p a { height: 24px; padding: 2px 10px;color: #333; font-size: 14px; display:block; float: left; }
.m-sorts .sContentD .filter_box .right p a:hover, .m-sorts .sContentD .filter_box p a.current { display:inline; background: #2d6df1; color: #fff;}
.m-sorts .sContentD .filter_box .right p a:hover{ color:#f70; background:none;}
.m-sorts .sealiszhank, .m-sorts .sealisshouq { position: absolute; right: 10px; top: 6px; width: 60px; padding-right:10px; text-align: center; height: 28px; line-height: 28px; font-size:14px; color: #999; }
.m-sorts .sealisshouq{ background:url(../img/select-arr-default.gif) no-repeat 40px -30px;}
.m-sorts .sealiszhank{ background:url(../img/select-arr-default.gif) no-repeat 40px 0;}
.m-sorts .zimu{ display:none; padding-left:70px;height:30px; line-height:35px;}
.m-sorts .zimu a{  font-size:14px; color:#333; margin-left:15px;}
.m-sorts .zimu a:hover{ color:#2d6df1;}
/*Äú»¹¿ÉÒÔÕÒ*/
.find_sorts{height: 40px; line-height: 40px; border:1px solid #e6e6e6; border-top:none;}
.find_sorts h3 { height: 40px; line-height: 40px; width: 100px; float: left; padding-left: 15px; font-size: 14px; color: #999;}
.find_sorts .right{width: 1072px; float: left; background:#fff;}
.find_sorts .right p{ float:left; width: 900px; height: 40px;overflow: hidden; }
.find_sorts .right p a { height: 40px; padding: 0 15px; white-space: nowrap; color: #333; font-size: 14px; }
.find_sorts .right p i{display:inline-block; vertical-align: -2px; width:1px; height: 14px; border-right:1px solid #ddd;}
.sort_info{ float:right; padding-right:10px; color:#2d6df1; font-size: 14px;}

.filter{ margin-top:20px; height:38px; line-height:38px; background:#f5f5f5; border:1px solid #e8e8e8;}
.order{float: left;}
.order a{display:block;float: left;height: 28px;line-height: 28px; padding:5px 18px;border-right:1px solid #e8e8e8;}
.order a.in{background-color: #2d6df1;border-color: #2d6df1; color: #fff;}

.arr,.arrt{display: inline-block;width: 14px;height: 8px;background: url(../img/select-arr-default.gif) no-repeat; vertical-align: middle;}
.arr{background-position:-6px -13px;}
.arrt{background-position:-6px -41px;}

#price{float: left;position: relative;height: 38px;padding:0 15px; background: #fff;}
#price span{ width:6px; color: #aaa}
.pri-off{width:180px;height: 31px;overflow: hidden;}
.btn-pri{border: 1px solid #ECECEC;height: 21px;line-height: 21px;padding: 0px 10px;width: 54px;margin-top: 5px;}
.btn-pri:focus{outline: 1px solid #5d9cec;}
.sub{border:1px solid #2d6df1;height: 22px;padding:0px  14px;background: #fff; color:#2d6df1;text-align: center;line-height:22px; margin: 8px auto;cursor: pointer; margin-left: 6px;}


.filter .tab{ float:right; width:160px; height:38px;}
.filter .tab a{ display:block; float:left; width:44px; height:38px; background:#f2f2f2;padding-left:35px; font-size:14px;}

.filter .tab a.icon_datu{ background:url(../img/icon_datu2.png) no-repeat 15px center; margin-right:2px;}
.filter .tab a.icon_datu.active{background:#fff url(../img/icon_datu1.png) no-repeat 15px center;color:#2d6df1;}
.filter .tab a.icon_liebiao{ background:url(../img/icon_liebiao1.png) no-repeat 15px center;}
.filter .tab a.icon_liebiao.active{background:#fff url(../img/icon_liebiao2.png) no-repeat 15px center;color:#2d6df1;}

.filter .upDwonPage{float: right; width: 82px;}
.filter .upDwonPage .prev,.filter .upDwonPage .next{width:40px; height: 38px; line-height: 40px; overflow: hidden;; float: left;border-left: 1px solid #e8e8e8; text-align: center}
.filter .upDwonPage i{font-size: 20px; color: #999;}
.filter .upDwonPage i:hover{ color: #2d6df1}

.filter .type{ float:left; width:180px; margin:0 10px 0 14px;color: #666;}
.filter .type select{height: 26px;width: 110px;padding: 0 0 0 5px;border: 1px solid #ccd1d9;color: #666;}

.filter .vip{ float:left; width:95px; padding-left:10px;color: #666;border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;}
.filter .vip input{ width:15px; height:15px; vertical-align:-2px; margin-right:5px;}

/*Çó¹º*/
.buysList{ margin-top:10px;}
.buysList h3{heigth:50px; line-height:50px; border-bottom:3px solid #e8e8e8; font-size:24px; color:#000;}
.buysList dl dt,.buysList dl dd{ height:60px; line-height:60px; border-bottom:1px solid #e8e8e8;}
.buysList dl dt{ font-size:14px; color:#666;}
.buysList dl dt p { padding-right:10px;}
.buysList dl dt p em{width:4px; height:10px; background:#f70; display:inline-block; margin-right:8px;}
.buysList dl dt p,.buysList dl dd p{ float:left;}
.buysList dl dd{ clear:both;}
.buysList dl dd p{ margin-left:11px; color:#333;}
.buysList dl dd:hover{ background:#f2f2f2;}
.buysList dl dd p.name{font-size:16px;}
.buysList dl dd p.ok{margin-left:10px;}
.buysList dl dd p.area{margin-left:8px;font-size: 16px;}
.buysList dl dd p.date{font-size: 16px;}
.buysList dl dd:hover p.name a{ color:#f70;}

.buysList dl .name{width:500px;}
.buysList dl .num{width:180px;}
.buysList dl .date{width:200px; }
.buysList dl .ok{width:140px;color:#666;}
.buysList dl .ok.no{ color:#f00;}
.buysList dl .area{width:135px;color:#666;}
.buysList dl .contact{width:100px;}
.buysList dl .contact a{ margin-top:15px; display:block; width:98px; height:26px; line-height:26px; text-align:center; border:1px solid #f70; color:#f70;}
.buysList dl .contact a i{ fpmt-size:15px; padding-right:5px; vertical-align:-2px;}
.buysList dl .contact a:hover{ background:#f70; color:#fff;}


.page a.releaseBuy{ background: none; color: #f60;text-decoration: underline; border: none; font-family: "微软雅黑"; font-weight: bold;}

/*ÁÐ±í*/
.topBg{ border-top:20px solid #f2f2f2;}
.m-list{padding:10px 15px;}
.m-list ul{padding:6px 0;}
.m-list li{height: 30px; line-height: 30px; overflow: hidden; background:url(../img/icon_d.gif) no-repeat 0 12px; padding-left:10px;}
.m-list li a{display: block;font-size:12px;font-family:"微软雅黑";color: #666;}
.m-list li a:hover{ color: #f70;}

.m-list.r_top_supply{padding:3px 15px 4px;}
.m-list.r_top_supply li a{ font-size:14px;}
/*²úÆ·ÁÐ±í*/
.m-ilist3 {margin-right:-22px;margin-top: 15px;}
.m-ilist3 li{float: left; position:relative; width: 200px;height:300px;line-height: 20px;padding:10px 15px 10px;margin: 0 21px 15px 0;border: 1px solid #e7e7e7;transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0;}
.m-ilist3 li:hover,.m-ilist3 li.bw:hover,.m-ilist3 li.hj:hover{ background: #fffaf5; border-color: #f70;}
.m-ilist3 li.sj{background-color:#fff4f4; border-color: #2d6df1;}
.m-ilist3 li.hj{background-color:#fffcec; border-color: #2d6df1;}
.m-ilist3 li .u-img{ position:relative; display:block;}
.m-ilist3 li .u-img img {width: 200px;height: 200px;}
.m-ilist3 li .u-img i{ display:block; width:66px; height:38px; position:absolute; left:0; top:0;}
.m-ilist3 li .u-img i.tg{ background:url(../img/tg2.png) no-repeat;}
.m-ilist3 li .u-img i.sj{ background:url(../img/sj.png) no-repeat;}
.m-ilist3 li .u-img i.hj{ background:url(../img/hj.png) no-repeat;}
.m-ilist3 li .u-img i.gjc{ background:url(../img/gjc.png) no-repeat;}
.m-ilist3 li .u-img i.companytg{ background:url(../img/tg2.png) no-repeat;}
.m-ilist3 li .u-img i.icon_tg{bottom: 0; top: auto; height: 13px;}
.m-ilist3 li a.u-tit {display: block;width: 100%;height:40px;line-height:20px; padding-top:10px; overflow:hidden; font-size:16px; color:#333;}
.m-ilist3 li a.u-tit:hover{ color:#f70;}
.m-ilist3 li a.u-tit em{ font-style:normal; color:#f00;}
.m-ilist3 li .u-price { padding-top:10px; line-height:26px;height:26px; font-size:14px; color:#666;display: none;}
.m-ilist3 li .u-price span{font-size:18px; color:#da1616;}
.m-ilist3 li .info{line-height:32px;height:32px;}
.m-ilist3 li .info p.company{ width:100%;height:32px; overflow:hidden; float:left;}
.m-ilist3 li .info p.company.free{ width:200px; float:none;}
.m-ilist3 li .info p.company a{ font-size:14px; color:#666;}
.m-ilist3 li .info p.company a:hover{ color:#f70;}
.m-ilist3 li .info p.area{ display:block;position:absolute; bottom:0; right:15px; font-size:12px; color:#999999;}
.m-ilist3 li .info p.year{ width:30px; float:left; background: url(../img/icon-lyt.png) no-repeat 0 2px; padding-left: 65px; font-size:12px; color:#da1616; line-height: 22px; font-weight: bold;}
.m-ilist3 li .info p.free{ width:60px; float:left;font-size:12px; color:#da1616; line-height: 22px; font-weight: bold;}
.m-ilist3 li .xp_tel{ display:none;}
.m-ilist3 li .infoList{ display:none;}

.m-ilist4 li{float:none;width:953px;height:200px;padding:16px 15px 16px 20px;margin: 0 21px 15px 0;}
.m-ilist4 li:hover{border-color: #e7e7e7; border-top-color: #2d6df1;}
.m-ilist4 li:hover .infoList dl dd{ background: #fff;}
.m-ilist4 li .u-img{float:left;}
.m-ilist4 li a.u-tit { position:absolute; top:14px; left:245px; display: block;width: 400px; height:60px;overflow: hidden;line-height:28px; overflow:hidden; font-size:18px; color:#333;}
.m-ilist4 li .info p.company{position:absolute; top:20px; right:120px; width:190px; }
.m-ilist3 li .info p.company.free{ width:190px;}
.m-ilist4 li .info p.area{ display:block;position:absolute; top:50px; right:120px; width:190px; font-size:14px; color:#999999;}
.m-ilist4 li .info p.year{ width:30px; float:right; background: url(../img/icon-lyt.png) no-repeat 0 11px; padding-left: 65px; font-size:12px; color:#da1616; line-height: 38px; font-weight: bold;}

.m-ilist4 li .info p.free{ width:55px; float:right;  padding-left: 65px; font-size:12px; color:#da1616; line-height: 38px; font-weight: bold;}

.m-ilist4 li .u-price{position:absolute; top:90px; right:120px; width:190px;}

.m-ilist4 li .xp_tel{ display:block;position:absolute; top:157px; right:210px; overflow:hidden;}
.m-ilist4 li .xp_tel .xp_btn{ float:left; display:block; width:98px; height:38px; line-height:38px; text-align:center; font-size:18px; color:#333; border:1px solid #ddd; border-radius:6px;}
.m-ilist4 li .xp_tel .xp_btn:hover{ background:#2d6df1; color:#fff;}
.m-ilist4 li .xp_tel .tel{ float:left; display:block; margin-left:16px; padding-left:30px; width:142px; height:40px; line-height:40px;background:url(../img/icon_tel.gif) no-repeat 0px 9px; font-size:18px; color:#2d6df1;}
.m-ilist4 li .infoList{ display:block; width:405px;position:absolute; bottom:30px; left:245px;}
.m-ilist4 li .infoList dl{border:1px solid #ddd; border-bottom:none; overflow:hidden;}
.m-ilist4 li .infoList dl dd{ width:201px; float:left; height:34px; line-height:34px; border-bottom:1px solid #ddd; overflow:hidden; background: #fff;}
.m-ilist4 li .infoList dl dd span{ width:100px; background:#f2f2f2; text-align:center; float:left; font-size:14px; color:#999;}
.m-ilist4 li .infoList dl dd strong{ width:80px; padding:0 10px; text-align:center;  float:left; color:#333; font-weight:normal; background: #fff;}
.m-ilist4 li .infoList p{ line-height:26px; font-size:14px; color:#999;}


.hot_supply ul{ clear:both; margin:25px 0 10px; overflow: hidden; margin-right: -21px;}
.hot_supply ul li {float:left;width: 180px; margin-right: 21px; background:#f2f2f2;}
.hot_supply ul li img{display: block; width: 180px;height: 180px;}
.hot_supply ul li p{ font-size:12px;height:40px; line-height:20px;color:#333;font-family:"微软雅黑"; margin:5px;}
.hot_supply ul li a:hover p{ color:#f70;}

.postBuy{ display:block; margin-bottom:15px; width:180px; height:40px; line-height:40px; text-align:center; background:#2d6df1; font-size:18px; color:#fff;}
.postBuy:hover{ color:#fff;}

/*¹©Ó¦Ê×Ò³*/
.siderList h2{ clear:both; line-height:22px; padding:9px 15px 10px; border-top:1px solid #e8e8e8; font-size:18px; font-weight:bold; color:#000;}
.siderList h2.first{ border-top:6px solid #f70;}
.siderList p{ margin-left:10px; padding-bottom:10px; overflow:hidden;font-family:"微软雅黑";}
.siderList p a{ display:block; float:left;width:70px; padding-left:10px; background:url(../img/icon_d2.gif) no-repeat 0 10px; line-height:22px; font-size:14px;color:#333;}
.siderList p a:hover{ color:#f70;}
.siderList p a.w90{ width:90px;}

 /*sider */
.slideBox{ width:610px; height:320px; overflow:hidden; position:relative; border-bottom:15px solid #f2f2f2;}
.slideBox .m-hd{ height:18px; overflow:hidden; position:absolute; right:42%; bottom:12px; z-index:1; }
.slideBox .m-hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .m-hd ul li{ float:left; margin-right:8px;  width:12px; height:12px; line-height:12px; text-align:center;border:2px solid #ff7700;cursor:pointer; text-indent: -9999px;border-radius: 50%;opacity: .2;filter: alpha(opacity=20);}
.slideBox .m-hd ul li.active{ background:#ff7700;opacity: 1;filter: alpha(opacity=100);}
.slideBox .m-bd{ position:relative; height:100%; z-index:0;   }
.slideBox .m-bd li{ zoom:1; vertical-align:middle;}
.slideBox .m-bd li p{position: absolute;left:0;bottom:0;width:100%; background: #000; opacity: 0.8; height: 35px; line-height: 35px; font-size: 14px;color: #fff; text-align: center;}
.slideBox .m-bd img{ width:610px; height:320px; display:block;  }

.pic_scroll{ position:relative;}
.pic_scroll .hd ul{ display:none}
.pic_scroll .hd .prev,.pic_scroll .hd .next{ display:block;  width:30px; height:70px; line-height:70px; float:right; margin-right:5px; margin-top:40px;  overflow:hidden;cursor:pointer; background:#f0f0f0;}
.pic_scroll .hd .prev{float:left; margin-left:5px;  }
.pic_scroll .hd i{ font-size:22px; margin:0 auto; width:20px; text-align:center; color:#ddd;}

.pic_scroll .bd{ width:520px; margin:0 auto;}
.pic_scroll .bd li{float:left;width:120px; height: 150px; text-align:center;margin-right: 15px;}
.pic_scroll .bd li img{width:80px; height: 80px; display:block; margin:16px auto 0;}
.pic_scroll .bd li p{width:120px; height:40px; line-height: 40px; overflow: hidden; font-size: 14px; color: #333;}
.pic_scroll .bd li a:hover p{ color:#f70;}

.noLogin{height: 45px; background:#f2f2f2; padding-bottom:10px;}
.noLogin a{display: block;float: left;width: 143px; height: 43px; line-height: 43px; font-size: 16px;color: #ff7700; background: #ffffff; border:1px solid #f70; }
.noLogin a.login{margin-right:10px;background:#ff7700; color:#fff;}
.noLogin a.login i{ color:#fff;}
.noLogin a i{color: #ff7700; font-size: 23px; padding-right: 5px; float:left; padding-left: 23px;}
.noLogin a span{ float: left;}
.yesLogin a{ text-align: center;}

.buyContact { border-bottom:15px solid #f2f2f2; font-size:14px;}
.buyContact p{ margin:0 auto 18px; color:#f70; width:270px; height:35px; line-height:35px; text-align:center; border:1px solid #f70; border-radius:20px;}
.buyContact i{ font-size:16px; color:#f70;}
.buyContact span{font-family:"微软雅黑"; padding-left:6px;}

.tabSupply{}
.tabSupply .tabContent2{ clear:both;}
.tabSupply .tabContent2 .tabSupply_list{ display:none;}
.tabSupply .tabMenu p{ background:#333; height:61px;}
.tabSupply .tabMenu p span{ float:left; display: block; width:68px; height:58px; line-height: 58px; border:1px solid #444; text-align: center; font-size: 12px; color: #fff; cursor: pointer;font-family:"微软雅黑";}
.tabSupply .tabMenu p span.line_h30{line-height: 23px; height:48px; padding:5px 0; }
.tabSupply .tabMenu p span.active{border:1px solid #ddd;border-top-color:#f70; border-top-width:2px;height:59px; line-height: 57px; border-left-color:#ddd; border-right-color:#ddd; border-bottom: none;color: #000; background:#fff;}
.tabSupply .tabMenu p span.active.line_h30{line-height: 23px; height:49px; padding:5px 0; }
/*²úÆ·¹©¸ø*/
.vipProduct{ display:block; padding:20px 20px 8px;}
.vipProduct h3{ font-weight:bold; font-size:24px; height:30px; line-height:30px; overflow:hidden; color:#000;}
.vipProduct p{font-size:14px; height:30px; line-height:30px; overflow:hidden; color:#666;}
.vipProduct img{display:block; width:220px; height:200px; margin:20px 0 0;}

.productList{ height:361px;border-bottom:1px solid #ededed;  position:relative;}
.productList.nobor_b{ border-bottom:none;}
.productList .tit{margin:0 25px;}
.productList .tit h2{float:left;width:220px; height:55px; line-height:55px;}
.productList .tit h2 a{font-size:22px; color:#f70; text-align:left; float:none;}
.productList .tit a{float:right; display:block;width:220px; text-align:right;line-height:55px;font-size:14px; color:#666;}
.productList ul{ clear:both;}
.productList ul li{ width:90px; height:140px; margin-left:25px; float:left;}
.productList ul li a{ display:block; line-height:28px; font-size:12px;color:#666;font-family:"微软雅黑";}
.productList ul li a h3{ height:30px; line-height:30px;font-weight:bold;font-size:14px;color:#333;}
.productList ul li a:hover{color:#f70;}


.vip_img li{ float:left; width:223px; height:178px;border:1px solid #ededed;}
.vip_img li:hover{ border-color:#f70;}
.vip_img li img{ width:215px; height:170px; margin:5px;}
.vip_img li.first{ width:448px; height:180px;;border-top:1px solid #fff;}
.vip_img li.first img{ width:440px; height:170px; margin:5px;}
.vip_img li.first:hover{border-top-color: #f70;}

.productList .vip_img2{ position:absolute; left:1px; top:180px;}
.productList .vip_img2 li{ float:left; width:237px; height:179px;border:1px solid #fff; margin-left:0;}
.productList .vip_img2 li:hover{ border:1px solid #f70;}
.productList .vip_img2 li img{ display:block; width:215px; height:170px; margin:5px auto;}


/*²úÆ·Ê×Ò³12¸öÀàÁÐ±í*/
.vip_product { width:386px; float:left;background:#fff; margin-top:20px;}
.vip_product h3{ height:50px; line-height:50px; background:#e6e6e6; }
.vip_product h3 a{font-size:18px; color:#000; padding-left:15px;}

.vip_product .vip_left_img{ float:left; width:275px;}
.vip_product .vip_left_img li{ float:left;width:135px; height:135px;border:1px solid #ededed;}
.vip_product .vip_left_img li:hover{ border-color:#f70;}
.vip_product .vip_left_img li img{ display:block; width:120px; height:80px;margin:16px auto 0;}
.vip_product .vip_left_img li p{ height:40px; line-height:30px; text-align:center;}
.vip_product .vip_left_img li.first{ width:273px; height:190px;border-top:2px solid #f70;}
.vip_product .vip_left_img li.first img{ width:260px; height:110px;margin:28px auto 0;}
.vip_product .vip_left_img li.first p{ height:50px; line-height:50px;}
.vip_product .vip_left_img li.first:hover{border-top-color: #f70;}

.vip_product .vip_right_text{ float:left; width:110px; border-top:2px solid #000; padding-top:10px;}
.vip_product .vip_right_text a{ display:block; width:80px; padding-left:10px;height:30px; line-height:30px; margin:0 10px;font-family:"微软雅黑"; overflow:hidden;}
.vip_product .vip_right_text a:hover{ background:#f2f2f2; color:#f70;}

/*²ÂÄãÏ²»¶*/
.likeProduct{padding:10px 0 28px; position:relative;}
.likeProduct i.line{ display:block;border-bottom:1px solid #fff; width:1190px; height:1px; background:#ddd; position:absolute; top:38px;}
.likeProduct h3{ width:120px; margin:5px auto; background:#f2f2f2; font-size:25px; color:#333; text-align:center; z-index:9; position:relative;}

.likeProduct ul {margin-right:-22px;margin-top: 15px;}
.likeProduct ul li{float: left; position:relative; width: 180px;height:230px;line-height: 20px;margin-right:22px;margin-bottom:20px; background:#fff;transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0;}
.likeProduct ul li .u-img{ position:relative; display:block;}
.likeProduct ul li .u-img img {width: 180px;height: 180px;}
.likeProduct ul li .u-tit {display: block;line-height:22px;height:44px; margin:3px 5px; overflow:hidden; font-size:12px; color:#333; border-bottom:1px solid #e8e8e8;}
.likeProduct ul li .u-tit:hover{ color:#f70;}
.likeProduct ul li .u-price {display: none; border-bottom: 2px solid #fff; height:37px; line-height:30px; padding-right:5px; text-align:right; font-size:14px; color:#666;}
.likeProduct ul li .u-price span{font-size:18px; color:#da1616;}

.likeProduct ul li:hover .u-price{ border-color:#f70;}


/*»Æ½ð¹ã¸æÎ» ÐÞ¸Äµô»»³É¸¡¶¯µ¼º½*/
.zwdiv { padding:0; margin:0; margin-bottom:10px; position:relative}
.zwdiv A { cursor: hand; overflow:hidden; height:200px; }
.zwdiv A .zwzibox {display: none; height:200px; }
.zwdiv A .zwzibox strong { display:block; height:50px; line-height:140%; overflow:hidden; padding:8px 3px 0; text-align: center; }
.zwdiv A:hover .zwzibox { z-index: 999; text-decoration: none; color: #333; position: absolute; padding:0 5px; width: 170px; display: block; background: url(../img/zwboxbg.gif) no-repeat;height: 200px; top: 0px;  left: 0px}
.zwdiv .wenzi { height:48px; margin:15px 0; line-height:16px;word-break:break-all; overflow:hidden; }
.zwdiv .contact {line-height:17px;word-break:break-all; overflow:hidden; }

.m-company li{ height: 60px; overflow: hidden; padding-top:15px; font-family:"微软雅黑"}
.m-company img{float: left;display: block; max-width: 60px; max-height: 60px;}
.m-company .info{ float:right; width: 110px; height: 40px;}
.m-company .info a{ display:block; line-height: 18px;height: 40px; color:#555; font-size: 12px; overflow: hidden;}
.m-company .info a:hover{color: #333;}
.m-company .info strong{font-size:12px;color: #f00; padding-left:25px; background:url(../img/icon_lyt.gif) no-repeat;}

.goPage { display:inline; margin-left:20px;color:#666;}
.goPage input{ width:40px; height:40px; margin:0 6px; border:1px solid #ddd; text-align:center}
.goPage button{width:80px; height:40px; font-size:14px; color:#333; border:1px solid #ddd; background:#fff; cursor:pointer; margin-left:10px;}

/*¹Ø¼ü´ÊÕªÒª*/
.outline .tit,.outline .tit h2 { font-weight:bold; font-size:18px; margin:0;}
.hot_supplyInfo { margin:20px 0; overflow:hidden;}
.hot_supplyInfo .imgbox{display: table-cell;border:1px solid #f3f3f3;
    width: 300px;
    height: 250px;
    vertical-align: middle;
    *font-size: 218px;  /*é«˜x0.873*/}
.hot_supplyInfo .imgbox img{margin:0 auto;
    display:block;
    max-width: 300px;
    max-height: 250px;
    width: expression(this.width > 300 && this.width > this.height ? 250: true);
    height: expression(this.height >250 ? 250: true);
    vertical-align: middle;
    overflow: hidden;}
.hot_supplyInfo .info{ float:right; position:relative; width:660px; max-height:251px; overflow:hidden;  }
.hot_supplyInfo .info h1{ font-size:20px; height:40px; line-height:40px; color:#262627;font-family:"Microsoft Yahei";overflow:hidden;}
.hot_supplyInfo .info p{ font-size:14px; line-height:30px;color:#606a77;font-family:"Microsoft Yahei";}
.hot_supplyInfo .btn_close{ position:absolute;right:10px; top:0; display: block;width: 100px;height: 30px;line-height: 30px;text-align: center;background: #2E3341;font-size: 14px;color: #fff; border-radius:10px;}

.hot_supplyList{ clear:both; margin-bottom:10px;}
.hot_supplyList li {border-top:1px solid #eaecef;padding:20px 10px;}
.hot_supplyList li h2{font-size:18px; height:30px; line-height:30px; color:#262627; font-family:"Microsoft Yahei";}
.hot_supplyList li p{ text-indent: 2em; font-size:14px; line-height:30px;color:#606a77;font-family:"Microsoft Yahei";}

.m_newsList li{border-bottom:1px solid #eaecef;padding:20px 0;  overflow:hidden;}
.m_newsList .imgbox{display: table-cell;border:1px solid #f3f3f3;
    width: 150px;
    height: 150px;
    vertical-align: middle;
    *font-size: 131px;  /*0.873*/}
.m_newsList .imgbox img{margin:0 auto;
    display:block;
    max-width: 150px;
    max-height: 150px;
    width: expression(this.width > 150 && this.width > this.height ? 150: true);
    height: expression(this.height >150 ? 150: true);
    vertical-align: middle;
    overflow: hidden;}
.m_newsList .info{ float:right; width:790px;}
.m_newsList .info h3{height:40px; line-height:40px;overflow:hidden; }
.m_newsList .info h3 a{ font-size:20px;color:#262627;}
.m_newsList .info h3 a:hover{ color:#f70;}
.m_newsList .info p{ height:112px; overflow:hidden; font-size:14px; line-height:28px;color:#606a77;}

.m_newsList li.nopic .info{ float:none; width:980px; text-align: justify}


.m-links{border:1px solid #e7e7e7; border-top:2px solid #f70;  background:#fff; margin:10px 0 0; }
.m-links strong{ height:30px; line-height:30px; font-size:18px; color:#333;}
.m-links ul{padding:0 10px 10px;}
.m-links ul li{ display:inline-block; padding-right:10px; line-height:2rem; word-wrap:break-word;}
.m-links ul li a{ font-size:12px; color:#333;}
.m-links ul li a:hover{ color:#f70;}

/*ÆóÒµ*/
.m-ilist5 {margin-top: 15px;}
.m-ilist5 li{width:968px;padding:15px 0 15px 20px;margin: 0 21px 15px 0;border: 1px solid #e7e7e7;transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0; overflow:hidden;}
.m-ilist5 li:hover{transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0;border-top-color:#f70; background:#f2f2f2;}

.m-ilist5 li a.u-tit {display: block;width: 100%;overflow: hidden;line-height:24px;height:48px; overflow:hidden; font-size:14px; color:#111;}
.m-ilist5 li a.u-tit:hover{ color:#f70;}

.m-ilist5 li .info{ float:left; width:430px; line-height:30px; position:relative;font-family:"微软雅黑";}
.m-ilist5 li .info .company{ clear:both; width:330px; line-height:26px; margin:6px 0 10px;}
.m-ilist5 li .info .company a{ font-size:16px; color:#333;font-family:"Microsoft Yahei";}
.m-ilist5 li .info .company a:hover{ color:#f70;}
.m-ilist5 li .info>div{ clear:both;}
.m-ilist5 li .info span{ display:block; width:70px; float:left; font-size:12px; color:#888;}
.m-ilist5 li .info p{ display:block; width:350px; float:left; font-size:12px; color:#888;}
.m-ilist5 li .info .year{position:absolute; top:2px; right:0; width:30px; float:right; background: url(../img/icon-lyt.png) no-repeat 0 11px; padding-left: 65px; font-size:12px; color:#da1616; line-height: 38px; font-weight: bold;}

.m-ilist5 li .info .area span,.m-ilist5 li .info .area p{ color:#444;}
.m-ilist5 li .info .type span,.m-ilist5 li .info .type p{ color:#444;}

.m-ilist5 li .u-img-list{  float:right; width:505px; height:150px;}
.m-ilist5 li .u-img{ position:relative; display:block; float:left; margin-right:15px; border:1px solid #f3f3f3;}
.m-ilist5 li .u-img img {width: 150px;height: 150px;}
.m-ilist5 li .u-img p{ display:none; width:130px; padding:30px 10px; text-align:center; line-height:30px; height:90px; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; font-size:14px; color:#fff;}
.m-ilist5 li .u-img:hover p{display:block;}

.m-ilist5 li .u-info{  float:right; width:480px; height:150px; padding-right:15px;}
.m-ilist5 li .u-info p{line-height:24px;height:150px; overflow:hidden; font-size:14px; color:#666; text-indent:2em;}



/*ÁôÑÔ+ÔÚÏßÑ¯¼Û*/
.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#f8f8f8;border-radius:2px 2px 0 0}
.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}
.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:14px;_overflow:hidden}
.layui-layer-setwin .layui-layer-close1{cursor:pointer}
.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}


#layer-shade{display:none;background-color:#000;filter:alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;position: fixed;
    _position: absolute;top: 0;left: 0;width:100%; height:100%;_height:expression(document.body.offsetHeight+"px");z-index: 99998;}
#msg{display: none;position:fixed; top:50%; left:50%; background-color:fff; width:560px; height:460px; margin-left:-280px; margin-top:-310px; z-index:999999;}

.m-message{width: 100%; background: #fff;}
.m-message ul {padding: 10px 0 25px; overflow: hidden;}
.m-message ul li { margin-top: 10px; font-size: 14px; color: #333;overflow: hidden;}
.m-message ul li.success{padding-left:220px;color: #71b83d; font-size: 14px; display:none; background:url(../images/right.png) no-repeat 195px center; margin-top:5px;}
.m-message ul li label{ display: block;width: 20%; text-align: right; float: left;color: #666;}
.m-message ul li label em{ color: red;padding:0 3px; font-style: normal;}
.m-message ul li p{width: 78%;text-align: left; float: left; padding-left: 10px;}
.m-message ul li .textarea{width:85%;border:1px solid #ddd;height: 110px;line-height: 22px; padding:10px; font-size: 12px; color: #666;}
.m-message ul li .ipt{width:245px;border:1px solid #ddd; height: 30px; line-height: 30px; padding: 0 10px;}
.m-message ul li .ipt02{width:122px; float:left;}
.m-message ul li button{width:268px; background:#5d9cec; border-radius: 3px; height:38px; line-height: 38px; padding: 0 10px;border: none; color: #fff; font-size: 18px;cursor: pointer; font-family: "微软雅黑"; }

/*=========================buy Info================================*/
.m-topBuy { position: relative; padding:0 20px 20px;}
.m-topBuy h3,.m-topBuy h1{ height:100px; line-height:100px; font-size:24px; color:#000; font-weight:bold; padding-left:18px}
.m-topBuy h3.bor_b{height:50px; line-height:50px;  border-bottom:1px solid #e8e8e8; font-size:18px; font-weight:normal;}
.m-topBuy em.hs{position: absolute;background: url(https://meta.alu.cn/2018/web/img/heshi.png) no-repeat;display: block;width: 150px;height: 150px;z-index: 9;top: 0px;right: 30px;}
.m-topBuy .topBuy { position:relative; width:100%; height:110px; background:#f2f2f2; border-radius:4px; padding:10px 0; overflow:hidden;}
.m-topBuy .topBuy .list { width:560px; float:left;}
.m-topBuy .topBuy .list p{ width:200px; float:left;height:50px; line-height:50px; margin-left:20px;font-size:14px;color:#666; overflow:hidden;}
.m-topBuy .topBuy .list  p span{ color:#f70;}
.m-topBuy .topBuy .list  p em{ color:#333; font-style:normal;}
.m-topBuy .topBuy .btn-baojia{float:left; width:260px;line-height:40px; margin-top:35px;}
.m-topBuy .topBuy .btn-baojia a{ float:left; display:inline-block;width:130px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff; background:#f70; border-radius:2px;}
.m-topBuy .topBuy .btn-baojia p{ float:left; width:115px;text-align:right;font-size:14px;color:#666;}
.m-topBuy .topBuy .btn-baojia p em{color:#333; font-style:normal;}
.m-topBuy .topBuy .tip{display:block; position:absolute; top:0; left:-13px;height: 0;width:0;font-size:0;border-width:13px;border-style:dashed dashed dashed solid  ;
 border-color:transparent transparent transparent #f70;
transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari ºÍ Chrome */
-o-transform:rotate(90deg); 	/* Opera */
}

.topBuyInfo{padding:10px 0;}
.topBuyInfo img{max-width: 100%;}
.topBuyInfo p{ font-size:14px; color:#555; line-height:30px; padding:10px 18px;}
.buyTip{ background:#f5f5f5; padding:10px; color:#999; border-radius:10px;}

#baojia{ padding:10px;}
#baojia .zitop{padding-top:6px; padding-left:10px; padding-bottom:10px;}
#baojia .zitop .fl{ background:url(../images/buy/topic_moved.gif) no-repeat; padding-left:20px;}
#baojia .biaodan {padding:5px; clear:both; line-height:35px; overflow:hidden;}
#baojia .biaodan .leftbt{float:left; width:90px; padding-right:3px;text-align:right; font-size:14px; color:#555;}
#baojia .biaodan li{float:left; margin-top:10px;}
#baojia .biaodan li span{ color:#666;}
#baojia .biaodan li span.c_hong{color:#f00;}
#baojia .biaodan li .bkuan{border:1px solid #e8e8e8; width:300px; height:16px; font-size:12px;padding:8px 10px;}
#baojia .biaodan li .bkuan2{border:1px solid #e8e8e8; width:300px; height:110px; padding:8px 10px; font-size:12px;}
#baojia #btn_submit { clear:both;}
#baojia #btn_submit input{width:130px; margin:0 0 0 100px; height:40px; line-height:40px; text-align:center; font-size:18px;  border:none;color:#fff; background:#f70;}


.m-buyHot{ padding:10px 30px;border-top:20px solid #f2f2f2; overflow:hidden;}
.m-buyHot h3{ height:60px; line-height:60px; font-size:20px; color:#000;}
.m-buyHot ul{ margin-right:-12px;}
.m-buyHot ul li{ position:relative; float:left; margin-right:12px; width:240px; height:140px;margin-bottom:20px;padding:10px; border-top:1px solid #bbb; background:#f2f2f2; overflow:hidden; font-size:14px; font-family:"微软雅黑"; line-height:24px;}
.m-buyHot ul li .title{ font-size:16px; color:#33; line-height:30px; display:block;}
.m-buyHot ul li span{display:block; font-size:12px; color:#f70; background:#fff; border:1px solid #f70; width:58px; text-align:center; margin:5px 0;}
.m-buyHot ul li span.no{ color:#f00;border:1px solid #f00;}
.m-buyHot ul li strong{ display:block; font-size:12px; color:#666; font-weight:normal;}
.m-buyHot ul li em{ display:block; font-size:12px; color:#666; font-style:normal;}
.m-buyHot ul li b{ display:block; font-size:12px; color:#999;font-weight:normal;}
.m-buyHot ul li .iconfont{ position:absolute;right:-8px;top:38px; font-size:50px; color:#f00;
transform:rotate(-20deg);
-ms-transform:rotate(-20deg); 	/* IE 9 */
-moz-transform:rotate(-20deg); 	/* Firefox */
-webkit-transform:rotate(-20deg); /* Safari ºÍ Chrome */
-o-transform:rotate(-20deg); 	/* Opera */}
.m-buyHot ul li .tip{display:block; position:absolute; top:0; left:-12px;height: 0;width:0;font-size:0;border-width:10px;border-style:dashed dashed dashed solid  ;
 border-color:transparent transparent transparent #bbb;
transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari ºÍ Chrome */
-o-transform:rotate(90deg); 	/* Opera */
}
.m-buyHot ul li:hover{border-top-color:#f70;}
.m-buyHot ul li:hover .tip{border-color:transparent transparent transparent #f70;}


.buyMes .title{ position:relative; width:100%; height:50px; line-height:50px;}
.buyMes .title a{ display:block; text-align:right; padding-right:15px; height:49px; line-height:49px; font-size:12x; color:#f70;  border-bottom:1px solid #e5e5e5; }
.buyMes .title a i{ padding-left:5px;}
.buyMes .title .name{ display:block; width:170px; height:50px; position:absolute; left:0; top:0; background:url(../img/icon_buy.gif) no-repeat;}
.buyMes dl{padding:10px 15px;}
.buyMes dl dd{ line-height:30px; font-size:12px; color:#444;}
.buyMes dl dt{ width:270px; margin:0 auto;height:36px; text-align:center; line-height:36px; font-size:16px; color:#f70; border:1px solid #f70; margin:10px 0 20px;}

.m-tipMes{ position:relative; background:#e0e0e0; padding:15px;}
.m-tipMes h3{ font-size:16px; color:#000;}
.m-tipMes p{ font-size:14px; color:#666;}
.m-tipMes .join{ position:absolute; right:15px; top:15px; display:block;width:100px; height:32px; line-height:32px; text-align:center; font-size:14px; color:#fff; background:#f70;}
.m-tipMes p.contact{ color:#f70; font-weight:bold; font-size:14px; padding-top:10px;}
.m-tipMes p i{ padding-right:5px;}
.m-tipMes p span{ color:#f70;}
.m-tipMes p.f12{ font-size:12px;}
.m-tipMes .tip{display:block; position:absolute; bottom:0; right:-25px;height: 0;width:0;font-size:0;border-width:20px;border-style:dashed dashed dashed solid  ;
 border-color:transparent transparent #f2f2f2 transparent ;
}

