*{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;}
.pcbShop{width:100%;height:100%;}
.pcbShop .catalogue{width:1200px;height:40px;margin:0 auto;line-height: 40px;font-size: 12px;color: #808080;text-align: left;}
.pcbShop .catalogue>span{font-size: 12px;font-family: serif;}
.pcbShop .catalogue>a{color:#808080;}
.pcbShop .catalogue>a:hover{color:#E56A18;}
.center{margin:20px auto 90px;width:1198px;background: #fff;text-align: right;border: solid 1px #e6e6e6;font-size:0;box-shadow: 0px 8px 15px rgba(204,204,204,0.5);padding-bottom:50px;position: relative;}

.center .enquiryBox{width:1150px;margin:0 auto;border:1px solid #c5c5c5;}
.center .enquiryBox .left{width:250px;height:426px;display: inline-block;vertical-align: top;}
.center .enquiryBox .right{width:880px;display: inline-block;vertical-align: top;float: right;margin:10px;box-sizing: border-box;}
.center .enquiryBox .right ul{width:100%;display: inline-block;border-top: 1px solid #c5c5c5;border-left: 1px solid #c5c5c5;}
.center .enquiryBox .right ul .form-item{width: 50%;height:34px;display: inline-block;vertical-align:top;box-sizing: border-box;border-right:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;}
.center .enquiryBox .right ul .form-item .item-label{width:100px;line-height:34px;font-size:13px;color:#333;display: inline-block;vertical-align: middle;text-align: right;padding-right:10px;;}
.center .enquiryBox .right ul .form-item .item-label .layui-icon{font-size:16px;color:#269CD7;font-weight: bold;display: inline-block;vertical-align: middle;margin:0px 4px 0 0;cursor: pointer;}
.center .enquiryBox .right ul .form-item .item-block{width:325px;display: inline-block;vertical-align: middle;}
.center .enquiryBox .right ul .form-item .item-block .layui-form-radio{font-size:14px;margin:0 6px 0 0;color:#666;}
.center .enquiryBox .right ul .form-item .item-block .layui-form-radio i{font-size:18px;margin-right: 2px;}
.center .enquiryBox .right ul .form-item .item-block .layui-form-radioed i{color:#269CD7;}
.center .enquiryBox .right ul .form-item .item-block .layui-form-radio i:hover{color:#269CD7;}
.center .enquiryBox .right ul .form-item .item-block select{width:100px;height:22px;font-size:13px;color:#666;padding-left:5px;border:1px solid #c2c2c2;display: inline-block;vertical-align: middle;}
.center .enquiryBox .right ul .form-item .item-block select:focus{border-color:#126cb5;}
.center .enquiryBox .right ul .form-item .item-block input[type='text']{width:60px;height:20px;font-size:13px;color:#666;padding-left:5px;border:1px solid #c2c2c2;display: inline-block;vertical-align: middle;}
.center .enquiryBox .right ul .form-item .item-block input[type='text']:focus{border-color:#126cb5;}
.center .enquiryBox .right ul .form-item .item-block .symbol{font-size:13px;color:#999;display: inline-block;vertical-align: middle;padding:0 5px;}
.center .enquiryBox .right ul .form-item .item-block span.text{font-size:13px;color:#666;display: inline-block;vertical-align: middle;}

.center .enquiryBox .right ul .form-item .item-block #choiceNum{position: absolute;width:308px;display: inline-block;border: solid 1px #1089f0;background: #fff;z-index: 99;top:22px;left:0;padding-bottom:16px;display: none;}
.center .enquiryBox .right ul .form-item .item-block #choiceNum ul{padding:10px;overflow:hidden;font-size:0;width:290px;}
.center .enquiryBox .right ul .form-item .item-block #choiceNum ul li{width:50px;font-size:14px;color:#4e4e4e;text-align: left;display: inline;float: left;padding-left:8px;line-height: 32px;cursor: pointer;}
.center .enquiryBox .right ul .form-item .item-block #choiceNum ul li:hover{color:#1089f0;}
.center .enquiryBox .right ul .form-item .item-block #choiceNum .remark{font-size: 14px;color: #4e4e4e;margin:0 0 5px 18px;}
.center .enquiryBox .right ul .form-item .item-block #choiceNum .remark span{font-size: 12px;color: #cccccc;}
.center .enquiryBox .right ul .form-item .item-block #choiceNum .quantity{margin-left:18px;}
.center .enquiryBox .right ul .form-item .item-block #choiceNum .quantity input{height:24px;line-height: 24px;padding-left:10px;width:200px;border: solid 1px #e1e1e1;vertical-align:middle;}
.center .enquiryBox .right ul .form-item .item-block #choiceNum .quantity button{width: 42px;height: 24px;background: #fff;border: solid 1px #1089f0;font-size:12px;color:#1089f0;line-height: 22px;text-align: center;display: inline-block;vertical-align: middle;margin-left:20px;cursor: pointer;}
.center .enquiryBox .right ul .form-item .item-block #choiceNum .quantity button:hover{background: #1089f0;color:#fff;}

.center .enquiryBox .right .quote{width:100%;display: inline-block;margin-top:5px;}
.center .enquiryBox .right .quote .price{min-width:90px;height:32px;line-height: 32px;padding:0 10px;font-size:16px;font-weight:bold;color:#FFFD7C;display: inline-block;vertical-align: middle;text-align:left;background-color:#269CD7;margin-right:15px;}
.center .enquiryBox .right .quote .price i{font-style: normal;padding-left: 4px;}
.center .enquiryBox .right .quote .layui-btn{display: inline-block;vertical-align: middle;height:32px;line-height: 32px;margin:0;background-color: #F4F4F4;}
.center .enquiryBox .right .quote .layui-btn:hover{border-color:#269CD7;}
.center .enquiryBox .right .quote #count-price-btn{margin-right:15px;}


.center .proShow{width:1150px;margin:40px auto 0;}
.center .proShow>h3{font-size:20px;color:#333;font-weight: bold;display: inline-block;padding-left:20px;}
.center .proShow ul{width:100%;display: inline-block;padding:10px 10px 0;}
.center .proShow ul li{width:262px;height:212px;line-height:212px;display: inline-block;vertical-align: top;margin:10px;background-color:#F1F1F1;text-align:center;position: relative;}
.center .proShow ul li img{max-width:100%;max-height:100%;width:auto;height:auto;vertical-align: middle;}
.center .proShow ul li:after{content: '';width:100%;height:100%;display: inline-block;background: url(../img/watermark.png) no-repeat center center;position: absolute;top:0;left:0;}


.center .jointedBoard{width:1150px;margin:40px auto 0;}
.center .jointedBoard>h3{font-size:20px;color:#333;font-weight: bold;display: inline-block;padding-left:20px;}
.center .jointedBoard ul{width:100%;display: inline-block;padding:10px 10px 0;}
.center .jointedBoard ul li{width:204px;height:204px;line-height:204px;display: inline-block;vertical-align: top;margin:10px;background-color:#FFF;text-align:center;border:1px solid #c5c5c5;position: relative;}
.center .jointedBoard ul li img{max-width:100%;max-height:100%;width:auto;height:auto;vertical-align: middle;}
.center .jointedBoard ul li:after{content: '';width:100%;height:100%;display: inline-block;background: url(../img/watermark.png) no-repeat center center;position: absolute;top:0;left:0;}


.center .dayShipment{width:1150px;margin:40px auto 0;}
.center .dayShipment>h3{font-size:20px;color:#333;font-weight: bold;display: inline-block;padding-left:20px;}
.center .dayShipment .tableHead{width:100%;height:46px;display: inline-block;padding:0 20px;;box-sizing: border-box;margin-top:20px;}
.center .dayShipment .tableHead span{width:185px;line-height:46px;background-color:rgba(17,132,230,.6);text-align: center;font-size:14px;color:#fff;display: inline-block;vertical-align: middle;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#991184e6,endColorstr=#991184e6);}
.center .dayShipment .tableHead span.different{background-color:rgba(17,132,230,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F1184e6,endColorstr=#7F1184e6);}
.center .dayShipment #dayShipmentTable{width:1110px;max-height: 332px;border:1px solid #e6e6e6;overflow: hidden;margin-left:20px;;box-sizing: border-box;padding:5px 0;}
.center .dayShipment .tableBody{width:100%;background-color: #fff;display: inline-block;box-sizing: border-box;}
.center .dayShipment .tableBody li{width:100%;height:32px;display: inline-block;}
.center .dayShipment .tableBody li span{width:184px;height:100%;line-height: 32px;font-size: 14px;color: #000;display: inline-block;vertical-align: middle;text-align: center;}


.center .orders{padding:20px 0;width:100%;display: none;}
.center .orders .text{padding-left:200px;}
.center .orders .text dt,.center .orders .text dd{font-size: 12px;color: #999999;line-height: 20px;}
.center .orders .upload{font-size: 14px;width:700px;margin:10px auto 30px;}
.center .orders .upload .location{display: inline-block;height:30px;line-height: 30px;position: relative;width: 100%;}
.center .orders .upload .location .keys{height:32px;line-height: 32px;color:#333;font-size:16px;display: inline-block;position: absolute;top:0;left:50px;}
.center .orders .upload .location #filename{width:442px;height:30px;line-height:30px;border:1px solid #ccc;padding-left:10px;color:#333;position: absolute;left:136px;top:0;}
.center .orders .upload .location #gerberFile{width:70px;height:32px;position: absolute;right:92px;top:0;z-index: 2;filter:alpha(opacity=0);-moz-opacity:0; -khtml-opacity:0; opacity: 0;cursor: pointer;}
.center .orders .upload .location #gerberFile:hover ~ .browse{background: #0f4f82;}
.center .orders .upload .location .browse{width:70px;height:32px;position: absolute;background: #126cb5;line-height:32px;text-align:center;color:#fff;right:92px;top:0;z-index: 1;}
.center .orders .upload .location .browse.rull{background: #a7d5fd;}
.center .orders .upload .location #gerberFile:hover ~ span{background:#1184e6;}
.center .orders .upload p{width:100%;text-align: left;font-size: 12px;color: #b3b3b3;margin-top: 14px;margin-left:136px;}
.center .orders .btn{width:100%;text-align: center;}
.center .orders #pcbOrder{width: 273px;height: 36px;background: #126cb5;border-radius: 6px;-ms-border-radius: 6px;text-align: center;line-height: 36px;display: inline-block;color:#fff;font-size:14px;border:none;outline: none;cursor: pointer;}
.center .orders #pcbOrder:hover{background: #0f4f82;}
.layui-layer-btn a{font-size:14px;}

#deliveryDiv{width:100%;height:100%;position:fixed;top:0;left:0;background: rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);z-index: 999;display: none;}
#deliveryDiv .closeDiv{font-size: 40px;color: #808080;position: absolute;left:50%;top:50%;z-index: 102;margin:-240px 0 0 250px;cursor: pointer;display: inline-block;height:50px;width:50px;}
#deliveryDiv .deliveryForm{width:528px;height:384px;background: #fff;border:1px solid #1c87e0;border-radius: 10px;-ms-border-radius: 10px;position: absolute; top: 50%;left: 50%;z-index:101;margin: -240px 0 0 -305px;padding:68px 40px 40px 22px;display: none;}
#deliveryDiv .deliveryForm .layui-form-item{margin-bottom: 18px;}
#deliveryDiv .deliveryForm .layui-form-item .layui-form-label{width:86px;height:30px;line-height: 30px;color:#333;font-size:14px;display: inline-block;vertical-align: middle;padding:0;margin-right: 10px;}
#deliveryDiv .deliveryForm .layui-form-item .layui-form-label .red{color:#f02d2d;display: inline-block;margin: 2px 3px 0 0;vertical-align: middle;}
#deliveryDiv .deliveryForm select{width:110px;border:1px solid #e1e1e1;font-size:14px;color:#333;display: inline-block;padding:4px 0 4px 10px;background: #fff;}
#deliveryDiv .deliveryForm select.city{margin: 0 31px;}
#deliveryDiv .deliveryForm select:focus{border: solid 1px #1c87e0;}
#deliveryDiv .deliveryForm input.formInput{width:188px;height:28px;line-height: 28px;padding-left:10px;font-size:14px;color:#333;vertical-align: middle;border: solid 1px #e1e1e1;}
#deliveryDiv .deliveryForm input.formInput::-webkit-input-placeholder { /* WebKit browsers */color:#ccc;}
#deliveryDiv .deliveryForm input.formInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#ccc;}
#deliveryDiv .deliveryForm input.formInput::-moz-placeholder { /* Mozilla Firefox 19+ */color:#ccc;}
#deliveryDiv .deliveryForm input.formInput:-ms-input-placeholder { /* Internet Explorer 10+ */color:#ccc;}
#deliveryDiv .deliveryForm input.formInput:focus{border: solid 1px #1c87e0;}
#deliveryDiv .deliveryForm textarea{width:398px;height:138px;border: solid 1px #e1e1e1 !important;resize:none;}
#deliveryDiv .deliveryForm textarea:focus{border: solid 1px #1c87e0 !important;}
#deliveryDiv .deliveryForm #myButtonSite{width: 103px;height:28px;border-radius: 4px;-ms-border-radius: 4px;border: solid 1px #1184e6;display: inline-block;
text-align:center;line-height: 28px;font-size: 14px;color: #1184e6;background: #fff;outline: none;cursor: pointer;}
#deliveryDiv .deliveryForm #myButtonSite:hover{background: #1184e6;color:#fff;}