*{margin:0;padding:0;}
a{text-decoration: none;}
li{list-style: none;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
input:-webkit-clear,input:-webkit-reveal{display: none !important;}
input:-moz-clear,input:-moz-reveal{display: none !important;}
input::-moz-clear,input::-moz-reveal{display: none !important;}
input::-ms-clear,input::-ms-reveal{display: none !important;}
.f_l{float:left;}
.f_r{float:right;}
html,body{width:100%;height:100%;background: #f2f2f2;font-family:Microsoft YaHei;}
.search{width:100%;height:100%;}
.search .catalogue{width:1200px;height:40px;margin:0 auto;line-height: 40px;font-size: 12px;color: #808080;text-align: left;}
.search .catalogue>span{font-size: 12px;font-family: serif;}
.search .catalogue>a{color:#808080;}
.search .catalogue>a:hover{color:#E56A18;}
.search .catalogue label{color:#E56A18;}
.center{width:1200px;margin:0 auto;}
.center .filtrate{width:100%;background:#fff;display: inline-block;border:1px solid #e6e6e6;font-size:0;}
.center .filtrate .keyName{font-size: 12px;color: #333333;line-height: 18px;vertical-align:middle;margin:20px 10px 0 20px;font-weight: bold;height:40px;line-height: 40px;}
.center .filtrate .brand{width:100%;}
.center .filtrate .brand ul{width:1134px;overflow: hidden;font-size:0;display:inline-block;min-height:64px;max-height:180px;overflow-y:auto;padding-bottom:18px;}
.center .filtrate .brand ul li{height:38px;padding:0 15px;border:1px solid #efefef;line-height:38px;text-align: center;display: inline-block;margin:20px 0 0 22px}
.center .filtrate .brand ul li.rull{border:1px solid #126cb5;position: relative;}
.center .filtrate .brand ul li.rull:before{content:'';width:23px;height:19px;background: url(/web/pinke/mainPagesV5/img/order/select-ico.png) no-repeat center center;display: inline-block;position: absolute;right:-1px;bottom:0;}
.center .filtrate .brand ul li.rull a{color:#126cb5;}
.center .filtrate .brand ul li a{width:100%;height:100%;display: inline-block;font-size:14px;color:#333;}
.center .filtrate .brand ul li a img{width:auto;height:auto;max-width:80%;max-height:80%;}
.center .cenList{width:100%;display: inline-block;margin:40px 0 20px;}
.center .cenList .title{width:1158px;height:49px;padding:0 20px;line-height: 50px;font-size:0;overflow: hidden;background: #f2f2f2;border:1px solid #e6e6e6;}
.center .cenList .title.activate{position: fixed;z-index: 99;}
.center .cenList .title>span{font-size:14px;color: #333333;float:left;display: inline-block;text-align:left;margin-right: 20px;}
.center .cenList .title>span.message{width:160px;}
.center .cenList .title>span.brand{width:100px;}
.center .cenList .title>span.inventory{width:90px;}
.center .cenList .title>span.price{width:100px;}
.center .cenList .title>span.inland{width:100px;}
.center .cenList .title>span.hk{width:100px;}
.center .cenList .title>span.day{width:124px;}
.center .cenList .title>span.number{width:130px;}
.center .cenList .title>span.operation{width:84px;margin: 0;}
.center .cenList .proList{width:1198px;display:inline-block;background: #fff;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;font-size:0;}
.center .cenList .proList>ul{width:100%;display: inline-block;min-height:100px;}
.center .cenList .proList .list{width:1158px;display:inline-table;padding:16px 20px;border-bottom:1px solid #e6e6e6;}
.center .cenList .proList .list:hover{background: #fafafa;}
.center .cenList .proList .list>div{display: inline-block;margin-right: 20px;float:left;min-height:20px;}
.center .cenList .proList .list>div a.btn{width: 138px;height: 38px;border-radius: 4px;-ms-border-radius: 4px;border: solid 1px #126cb5;text-align: center;line-height: 40px;font-size:14px;display: inline-block;}
.center .cenList .proList .list .list_message{width:160px;}
.center .cenList .proList .list .list_message .name{font-size: 12px;color: #126cb5;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;}
.center .cenList .proList .list .list_message .name:hover{color:#f16a10;}
.center .cenList .proList .list .list_message .intro{width:100%;font-size: 12px;color: #b3b3b3;line-height: 18px;padding-top:6px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.center .cenList .proList .list .list_message .needEnquiry{padding:0 5px;height: 20px;background: #e46713;border-radius:2px;-ms-border-radius:2px;display: inline-block;vertical-align: middle;font-size:12px;color:#fff;text-align: center;line-height:20px;margin-top:6px;cursor: pointer;position: relative;overflow: hidden;}
.center .cenList .proList .list .list_message .needEnquiry:hover{overflow: inherit;}
.center .cenList .proList .list .list_message .needEnquiry:hover .nowPromptBox{transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;filter:alpha(opacity=100);-moz-opacity:1; -khtml-opacity:1; opacity: 1;}
.center .cenList .proList .list .list_message .needEnquiry .nowPromptBox{position: absolute;text-align: left;font-weight: normal; left:0;top:-5px;z-index: 9999;cursor: text;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity:0; opacity: 0;}
.center .cenList .proList .list .list_message .needEnquiry .nowPromptBox .PromptBoxTop{width:8px; height: 8px;border-bottom:1px solid #e46713;border-left:1px solid #e46713;background:#fdeadd;position: absolute; bottom: 0;left:20px;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);z-index: 9;}    
.center .cenList .proList .list .list_message .needEnquiry .nowPromptBox .nowPromptCon{font-size: 12px;color: #e46713;padding:4px 6px;width:230px;background: #fdeadd;border:1px solid #e46713;position: absolute;left:0;bottom:4px;z-index: 8;border-radius: 4px;-ms-border-radius: 4px;}
.center .cenList .proList .list .list_message .list_reference_img{width:50px;position: relative;overflow: hidden;}
.center .cenList .proList .list .list_message .list_reference_img .ref_text{font-size:12px;display:inline-block;color: #808080;cursor:pointer;padding:4px 0;}
.center .cenList .proList .list .list_message .list_reference_img .ref_img_box{width: 200px;height: 200px;text-align:center;line-height: 200px;position: absolute;border: 1px solid #CCC;background: #fff;overflow: hidden;}
.center .cenList .proList .list .list_message .list_reference_img .ref_img_box>img{max-height:100%;max-width: 100%;width:auto;height:auto;vertical-align:middle;}
.center .cenList .proList .list .list_message .list_reference_img .ref_img_box .desc{width:100%;height:0px;line-height: 30px;font-size:12px;color:#fff;background: #999;text-align: center;position: absolute;left:0;bottom:0;transition: all .3s;-moz-transition: all .3s; -webkit-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;}
.center .cenList .proList .list .list_message .list_reference_img .ref_img_box:hover .desc{height:30px;transition: all .3s;-moz-transition: all .3s; -webkit-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;}
.center .cenList .proList .list .list_message .list_reference_img:hover{overflow:inherit;}
.center .cenList .proList .list .list_message .list_reference_img:hover .ref_img_box{z-index: 999;}
.center .cenList .proList .list .list_brand{width:100px;}
.center .cenList .proList .list .list_brand .brand{font-size: 12px;color: #1a1a1a;}
.center .cenList .proList .list .list_inventory{width:90px;}
.center .cenList .proList .list .list_inventory>span{width:100%;font-size: 12px;line-height:24px;display: inline-block;}
.center .cenList .proList .list .list_inventory .inventory{color: #126cb5;}
.center .cenList .proList .list .list_price{width:100px;}
.center .cenList .proList .list .list_price .price{width:100%;display: inline-block;font-size:12px;color: #1a1a1a;line-height:18px;}
.center .cenList .proList .list .list_tax_inland{width:100px;}
.center .cenList .proList .list .list_tax_inland.activate{color: #126cb5;}
.center .cenList .proList .list .list_tax_inland .tax{width:100%;display: inline-block;font-size:12px;line-height:18px;}
.center .cenList .proList .list .list_tax_hk{width:100px;}
.center .cenList .proList .list .list_tax_hk.activate{color: #126cb5;}
.center .cenList .proList .list .list_tax_hk .tax{width:100%;display: inline-block;font-size:12px;line-height:18px;}
.center .cenList .proList .list .list_day{width:124px;}
.center .cenList .proList .list .list_day .day{width:100%;display: inline-block;font-size:12px;color: #1a1a1a;line-height:24px;cursor: pointer;}
.center .cenList .proList .list .list_day .day .radio{width:14px;height:14px;border: solid 1px #a6a6a6;border-radius:50%;-ms-border-radius:50%;display: inline-block;position: relative;vertical-align: middle;margin: -2px 10px 0 0;}
.center .cenList .proList .list .list_day .day.activate .radio:before{content:'';width: 8px;height: 8px;background: #126cb5;border-radius:50%;-ms-border-radius:50%;display: inline-block;position: absolute;top:3px;left:3px;}
.center .cenList .proList .list .list_num{width:130px;overflow: hidden;font-size:0;}
.center .cenList .proList .list .list_num .numBox{width:106px;display: inline-block;}
.center .cenList .proList .list .list_num .numBox input{width:104px;display: inline-block;height:28px;font-size: 12px;color: #1a1a1a;vertical-align: middle;line-height: 26px;border: solid 1px #ccc;text-align: center;}
.center .cenList .proList .list .list_num .numBox span{display:inline-block;width:51px;height:18px;background: #f6f6f6;cursor: pointer;position:relative;vertical-align: middle;border:1px solid #ccc;border-top:none;moz-user-select: -moz-none; -moz-user-select: none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
.center .cenList .proList .list .list_num .jian:before{content:"-";width:10px;height:1px;background: #1a1a1a;position:absolute;top:9px;left:22px;}
.center .cenList .proList .list .list_num span.jia{border-left:none;width:52px;}
.center .cenList .proList .list .list_num .jia:before{content:"+";font-size:20px;color: #1a1a1a;position:absolute;top:-5px;left:17px;}
.center .cenList .proList .list .list_num .totalPrice{font-size: 13px;color: #000;margin-top: 12px;width: 100%;display: inline-block;}
.center .cenList .proList .list .list_num .totalPrice>i{font-style:normal;}
.center .cenList .proList .list .list_operation{width:84px;margin: 0;}
.center .cenList .proList .list .list_operation .btn{width:82px;height:28px;display: inline-block;text-align: center;line-height: 28px;font-size:12px;border-radius: 2px;-ms-border-radius: 2px;}
.center .cenList .proList .list .list_operation .btnShop{background: #126cb5;color:#fff;}
.center .cenList .proList .list .list_operation .btnShop:hover{background: #0f4f82;}
.center .cenList .proList .list .list_operation .btnPrice{border: solid 1px #126cb5;background: #fff;color:#126cb5;}
.center .cenList .proList .list .list_operation .btnPrice:hover{background: #126cb5;color:#fff;}


.emptyContent{width:100%;padding-bottom:60px;}
.emptyContent .empty{display: inline-block;margin-left: 30%;}
.emptyContent .tit{font-size:20px;color:#000;font-weight: bold;}
.emptyContent .tit .iconfont{width:40px;height:40px;display: inline-block;background: url(/web/pinke/mainPagesV5/img/error.png) no-repeat center center;vertical-align: middle;margin:-7px 16px 0 0;}
.emptyContent .tit .fc-fred{color:#E56A18;}
.emptyContent .suggest{margin: 30px 0 0 56px;}
.emptyContent .suggest>dt{font-weight: 700;float: left;font-size: 16px;width: 70px;}
.emptyContent .suggest>dd{padding-left:70px;}
.emptyContent .suggest>dd>ul{line-height: 1.5;margin-left: 15px;}
.emptyContent .suggest>dd>ul>li{margin-bottom: 5px;color:#666;font-size:15px;}
.emptyContent .suggest>dd .btnPcbshop{width:90px;height:30px;line-height: 30px;text-align: center;background:#126cb5;color:#fff;font-size:14px;display:inline-block;border-radius:4px;-ms-border-radius:4px;margin: 10px 0 0 15px;}
.emptyContent .suggest>dd .btnPcbshop:hover{background: #0f4f82}

#page{width: 100%;text-align: center;padding-top:20px;}
#page span.layui-laypage-spr,#page a{border: solid 1px #126cb5 !important;}
#page a:hover{color:#fb1717}
#page span.layui-laypage-count,#page span.layui-laypage-skip{background:#f2f2f2 !important;color:#333;}
#page span.layui-laypage-skip>input{border: solid 1px #126cb5 !important;font-size:12px;}
#page span.layui-laypage-skip .layui-laypage-btn{width:44px;background: #fff;border: solid 1px #126cb5 !important;padding:0;}
#page span.layui-laypage-skip .layui-laypage-btn:hover{color:#fff;background: #126cb5;}