*{padding:0; margin:0; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul,li{list-style:none;}
img,i{vertical-align:middle; border:0;}
a {color: #2d8cf0;background: 0 0;text-decoration: none;outline: 0;cursor: pointer;transition: color .2s ease;}
input{outline: none; font-family:"Microsoft YaHei";vertical-align:middle;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#ccc;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#ccc;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#ccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#ccc;}
body{
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(0,0,0,.87);
    background-color: #f8f9fd;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    min-height: 100%;
}
.clear{zoom:1;}
.clear:after{content:""; display:block; width:auto; height:0; clear:both;}
.left{float:left;}
.right{float:right;}
.view-section{width: 1200px;margin: 0 auto;display: flex;flex-direction: row;flex-wrap: wrap;}
.flex-1{flex: 1;}

.alear-y{position: fixed; left: 50%; top: 2px; width: 600px; margin-left: -300px; z-index: 99999;}
.alear-y .alert{margin-bottom: 5px; padding: 20px; font-size: 16px; display: none; animation: alertShake .2s .5s 3 linear;transform: translateX(8px);}

/* =====================================
                 头部样式
======================================== */

.header{font-size: 15px;color: #999;}
.header .nav {width: 100%;height: 34px;background: #f8f8f8;border-bottom: 1px solid #e9e9e9; line-height: 34px;overflow: hidden;}
.header .nav .view-section{justify-content: flex-end;}
.header .nav .view-section>div{padding:0 10px;cursor: pointer;}
.header .nav .view-section>div:hover{background: #fff;}
.header .nav a{color: #999;}
.header #cartNums{background-color:#dc3545;color:#fff;border-radius:9px;font-size:12px;position:absolute;padding:0 8px;height:18px;line-height: 18px;right: -20px;top:2px;}
.header .shopCart{position:relative;}


.search-wrapper{height: 143px;  background-color: #fff;border-bottom: 1px solid #e9e9e9;}
.search-wrapper .view-section{justify-content: space-between;}
.search-wrapper .logoBox{width: 296px;}
/*.search-wrapper .logoBox img{margin: 28px 30px 0 0}*/

.search-wrapper .search-section{flex: 1; margin-top: 65px;  border: 2px solid #1388ff; height: 44px;}
.search-wrapper .search-section form{display: flex; flex-direction: row;flex-wrap: wrap;}
.search-section .search-input{width: 100%;height: 38px;border: none;line-height: 1.5;padding: 4px 7px;font-size: 15px;color: #515a6e;background-color: #fff;}
.search-section .ilab-input-search{width: 140px;border: 0; line-height: 40px;font-size: 16px;background: #1388ff;text-align: center;color: #fff;cursor: pointer;}

.search-wrapper .shop-cart{width: 170px;line-height: 42px;font-size: 15px;}
.shop-cart a{background: #f9f9f9;border: 1px solid #e5e5e5;width: 140px;margin-top: 38px;color: #333;text-align: center;float: right;}

/* =====================================
                主内容区域样式
======================================== */
.container-box{width: 1200px; margin: 0 auto 40px;}
.container-box>.row{padding:0;}
.container-box .pos-info{line-height: 50px; height: 50px; font-size: 15px;}
.container-box .section{min-height: 320px; background: #fff;border: 1px solid #e9e9e9; padding: 20px; border-radius: 2px;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);}
/*网站中间主要内容部分*/
.section{width: 100%; overflow-y: auto; min-width: 1200px; padding-bottom: 30px;}
.section::after{content: '';display: block;width: 100%; height: 1px; clear: both;}

.section .position{line-height: 55px;color: #716969;font-size:14px;}
.section .main{background: #fff;min-height: 400px;margin-bottom: 20px;position: relative;z-index: 2;}
.section .main .mb-3{font-size:20px;font-weight:normal;}
.table{font-size:14px;}
.table td,.table th{padding:5px;text-align:left;}
.table thead th{line-height:40px;background:#1388ff;color: #fff;vertical-align: bottom;border-bottom: 2px solid #dee2e6;}
.gocart::after{content: '';display: block;height: 0; width: 100%; clear: both;}
.gocart p{border:1px solid #0068b7; border-radius: 3px; background: #0068b7; overflow: hidden; float: left;}
.gocart input{width: 40px; text-align: center; float: left; border: 1px solid #ccc; vertical-align: middle; border-top: 0; border-bottom: 0; line-height: 25px; height: 27px;;}
.gocart span{width: 25px; display: inline-block; float: left; text-align: center; vertical-align: middle; font-size: 18px; font-weight: 700; line-height: 27px; background: #d8edfd; cursor: pointer; user-select: none;}
.gocart img{cursor: pointer; vertical-align: middle;}
.gocart .btn{background: #ffc107; float: left; color: #222; line-height: 20px; height: 30px; font-size: 16px; border-color: #ffc107; border-radius: 3px; width: 160px; margin-left: 10px;}


.cart-box .table{width: 100%;}
.cart-box .table p{margin-bottom: 0; line-height: 1.6em;}
.cart-box .change-num input{width: 40px; text-align: center; border: 1px solid #ccc; line-height: 25px; height: 27px;;}
.cart-box .change-num  span{width: 25px; display: inline-block; text-align: center; font-size: 18px; font-weight: 700; cursor: pointer; user-select: none;}
.cart-box .table tfoot strong{font-size: 18px; margin: 0 5px; color: #e4393c;}
.cart-box input[type=checkbox]{vertical-align: middle; width: 15px; height: 15px;}
.cart-box .gou_car{padding: 50px 0;}
.cart-box .gou_car p{padding-top: 25px; line-height: 30px; margin-left: 30px; color: #666; font-size: 16px;}

.cart-box td h5{font-size:16px;}
.table tbody tr:nth-child(even){background: #ebf4ff;}

/* 产品搜索 */
.pro_search .main{border: 0; background:none;}
.pro_search .alertBox{line-height: 2em; font-size: 22px; width: 60%; padding: 40px; text-align: center; margin: 30px auto; border: 1px solid #fff; box-shadow: inset 0px 0px 30px rgba(0,0,0,0.2),1px 1px 3px rgba(0,0,0,0.7);}
.pro_search .alertBox span{vertical-align: middle; color: #666;}
.pro_search .alertBox i.fa{vertical-align: middle; font-size: 50px; margin-left: 20px;color: #1388ff; }
/* 产品列表 */
/* 产品列表---->品牌/规格选项框 */
.pro_list .option, .pro_list .detail, .pro_list .list, .pro_list .list_tit{width: auto; margin:5px 10px; line-height: 23px; border: 1px solid #aaa; padding: 0 5px;}
.pro_list .option{border:0;}
.pro_list .option li{padding:7px 2px; word-wrap: break-word;}

.pro_list .option strong{padding: 2px 8px; display: inline-block; border-radius: 5px; margin-right: 5px;}
.pro_list .option a{padding: 1px 5px; margin: 2px; display: inline-block; border: 1px solid #fff;border-radius: 5px; transition: all .5s;}
.pro_list .option a.on,.pro_list .option a:hover{ border-color:#1388ff; color: #1388ff;}
.pro_list .option a.seeMore{padding: 2px 8px; border-radius: 5px; margin-right: 5px; color: #fff; border: 0;}
.pro_list .option a.seeMore:hover{box-shadow: inset 1px 1px 3px rgba(0,0,0,0.5),1px 1px 3px rgba(0,0,0,0.5);}
/* 产品列表---->搜索结果详细信息 */
.pro_list .detail{padding-bottom: 5px; border: 0; margin: 10px 0px 0; font-size: 14px; padding-top: 10px;line-height: 2em;}
.pro_list .detail h2{ font-size: 20px;}
.pro_list .detail span{margin-right: 20px;}
.pro_list .detail img{max-height: 100px;}

/* 产品列表---->搜索结果列表 */
.pro_list th{background: #1388ff; color: #fff; font-size: 14px; padding: 10px; text-align: left;}
.pro_list .filter{display: inline-block; width: 12px; height: 20px; margin-left: 5px; margin-top: -2px; vertical-align: middle;}
.pro_list .filter i{display: block; width: 12px; height: 8px; cursor: pointer; background: no-repeat center; background-size: 100% 100%;}
.pro_list .filter i.up{background-image: url(../images/filt_up_o.png);}
.pro_list .filter i.down{background-image: url(../images/filt_down_o.png); margin-top: 2px;}
.pro_list .filter i.on.up{background-image: url(../images/filt_up.png);}
.pro_list .filter i.on.down{background-image: url(../images/filt_down.png);}

.pro_list .list{margin-top: 0; border-top: 0; padding: 0; background: #fff; margin: 0; border: 0;}
.pro_list .shop_cart input{ height: 25px; line-height: 25px; text-align: center;}
.pro_list .shop_cart input[type='text']{width: 35px; border: 1px solid #1388ff;}
.pro_list .shop_cart input[type='submit']{width: 25px; border: 1px solid #fe5502; background: url(../images/p_cart.png) no-repeat center; cursor: pointer;}
.pro_list .shop_cart input[type='button']{width: 25px; border: 1px solid #fe5502; background: url(../images/p_cart.png) no-repeat center; cursor: pointer;}
.pro_list .shop_cart a{width: 25px; height: 25px; vertical-align: middle; display: inline-block; line-height: 25px; text-align: center;}
.pro_list .shop_cart span{display: inline-block; vertical-align: middle; width: 18px; height: 25px; cursor: pointer;user-select:none;background: url(../images/sub.png) no-repeat #1388ff center ; background-size: 90% auto}
.pro_list .shop_cart span.add{background-image: url(../images/add.png);}
.pro_list .shop_cart a.more{border: 1px solid #1388ff;width: 98px; margin-top: 5px; color: #1388ff;}

.pro_list .list td{ line-height: 20px;  font-size: 14px; border-bottom: 1px solid #eee; padding: 15px 10px;}
.pro_list .list td h5{font-size: 14px;}
.pro_list .list td p{color: #333; margin: 3px 0;}
.pro_list .list td p.cu{color: #fd7100; font-weight: 700; font-size: 14px; margin-top: 8px;}
.pro_list .list td p.cu img{margin-top: -22px;}
.pro_list .list td a.title{font-size: 14px; color: rgb(19,86,165);}
.pro_list .list td a.msds{text-decoration: underline; color: #1388ff;font-weight: 400; margin-right: 20px;}
.pro_list .list td a.seenImg{text-decoration: underline; color: #fd7100;font-weight: 400;}
#bigPic{display: none; width: 500px;}
#bigPic img{width: 500px;}
.pro_list .list td .vip{line-height: 40px; font-size: 15px; font-weight: 700; color: rgb(19,136,255);}
.pro_list .list .price{text-decoration: line-through; color: #666;}
.pro_list .list li.list_head{font-size: 14px; font-weight: 700; padding: 5px 0; background: #ddd; border-bottom: 2px solid #aaa;}

.pro_list .list tr:nth-of-type(even){background: rgba(19,136,255,0.06);}
.pro_list .pro_error{padding: 20px; width: 500px; font-size: 16px; text-align: center; border: 1px solid #ccc; box-shadow: 2px 2px 10px rgba(0,0,0,0.5); margin: 30px auto; border-radius: 10px;}
#search_relative{display: none;}


/* 产品列表---->列表分页 */
.m-page{width:100%; margin:10px auto; text-align: center;}
.m-page a{color:#333;border:1px solid #999; padding:2px 8px; margin-right:2px; border-radius:2px; display:inline-block;}
.m-page a.on,.m-page a:hover,.m-page .page_cur a{background:#1388ff; color:#fff; border-color:#1388ff;}
.m-page a.disable:hover{color:#333;background:#fff;border:1px solid #999;}
.m-page input{width:40px;line-height:28px;height: 28px; margin:0 5px;text-align:center;color:#333;border:1px solid #999}

.proList-page{margin:20px 0;width: 100%; padding: 0 5px; border-bottom: 1px dashed rgba(19,136,255,0.3);}
.proList-page a{border-bottom: 0; margin:4px 0 0 -1px; border-radius: 0; font-size: 12px}
.proList-page dt{color: #333; text-align: left; font-size: 14px; color: #1388ff;}
.proList-page input{width: 18px; height: 18px; margin-right: 10px;}
.proList-page .m-page{text-align: right;font-size: 0; width: 50%; margin:0;}


.pro_detail .list_tit{ margin: 10px 8px 0; line-height: 40px; padding: 0 10px;font-size: 14px; font-weight: 700; color: #fff; background: rgb(19,136,255); border: 0;}
.pro_detail .tuijian{border-bottom: 1px solid #ccc;}
.pro_detail .list_tit .right a{border: 0; background: #888; border-radius: 5px; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.6);}
.pro_detail .detail{margin: -1px 8px 10px; position: relative; border-top: 0; background: #f9f9f9;}
.pro_detail .detail .left{width: 250px; height: 250px; text-align: center; background: #fff; position: absolute; left: 70px; top: 20px; border: 1px solid #ddd;}
.pro_detail .detail .left span{height:100%; display:inline-block; vertical-align:middle; margin: 0;} 
.pro_detail .detail .left img{max-width: 240px; max-height: 240px;}
.pro_detail .detail .right{width:100%; padding-left: 340px; padding-right: 60px;}
.pro_detail .detail dt{float: left; width: 49%; color: #555;}
.pro_detail .detail dd{float: right; width: 49%;}
.pro_detail .detail h2{line-height: 30px; font-size: 20px; padding: 10px 0;}
.pro_detail .detail .en_name{line-height: 25px; background: #e5e5e5; padding:10px;}

.pro_detail .detail .price{line-height: 40px; background: #f0f0f0; padding: 5px 10px; margin-bottom: 10px;}
.pro_detail .detail .price img{margin-top: -20px; margin-left: -3px;}
.pro_detail .detail .shop_cart span{margin:0; text-align: center; width: 30px; height: 30px;}
.pro_detail .detail .shop_cart input{line-height: 30px; height: 30px;}
.pro_detail .detail .shop_cart input[type='text']{width: 150px;}
.pro_detail .detail .shop_cart input[type='submit']{width: 50px; background-color: #fd7100;}
.pro_detail .detail .shop_cart a{width: 50px; background-color: #fd7100; height: 30px;}
.pro_detail .detail .storage dt{width: 50%;}
.pro_detail .detail .storage dd span{display: inline-block; padding: 0 10px; line-height: 30px; cursor: pointer; border-radius: 10px; box-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.pro_detail .detail .storage{margin-top: 15px;}
.pro_detail .detail .storage strong{margin-right: 15px;}
.pro_detail .detail .storage input[type='text']{width: 60px;}
.pro_detail .detail .cont{line-height: 28px;}
.pro_detail .bottom{border-top: 1px solid #ddd; margin: 30px 60px 0; padding:30px 10px 10px; line-height: 30px;}
.pro_detail .bottom span{margin-right: 80px; color: #666;}
.pro_detail .bottom a{margin-left: 50px; color: #1388ff; text-decoration: underline;}
.pro_detail .bottom strong{color: #666;}
.pro_detail .list{margin:0 8px; border-top: 0;}
.pro_detail .list li.list_head{border-bottom: 1px solid #ccc;}
.pro_detail .bgdetail .bottom{margin-top: 0;}
.pro_detail .bgdetail .list table{width: 100%;}
.pro_detail .bgdetail .en_name dt{width: 68%;}
.pro_detail .bgdetail .en_name dd{width: 28%;}

.pro_detail .list.detail .price{background: none; padding: 10px 20px;text-decoration: none;}
.pro_detail .list.detail .price strong{color: #333;}


/* =====================================
                 页脚样式
======================================== */
.ivu-layout-footer {width: 100%;font-size: 15px;line-height: 50px;color: #515a6e;background: #f5f7f9;border-top: 1px solid #e9e9e9;  }
.ivu-layout-footer .view-section{justify-content: space-between;}