body { background: #eceef0; }
em, i { font-style: normal; }
/*自定义滚动条样式 start*/
::-webkit-scrollbar { width: 10px; height: 10px;/*滚动条这里设置宽度*/ }
::-webkit-scrollbar-track-piece { /*滚动条背景*/ background-color: #ecebeb; /*-webkit-border-radius: 6px;*/ }
::-webkit-scrollbar-thumb:vertical { /*纵向滚动条滑块*/ background-color: #c5c5c5; /*-webkit-border-radius: 6px;*/ }
::-webkit-scrollbar-thumb:vertical:hover { /*纵向滚动条滑块 hover*/ background-color: #9e9e9e; /*-webkit-border-radius: 6px;*/ }
::-webkit-scrollbar-thumb:horizontal { /*横向滚动条滑块*/ background-color: #9e9e9e; /*-webkit-border-radius: 6px;*/ }
::-webkit-scrollbar-thumb:horizontal:hover { /*横向滚动条滑块 hover*/ background-color: #c5c5c5; /*-webkit-border-radius: 6px;*/ }
/*自定义滚动条样式 end*/
/*图标20x20 start*/
i.file-icon-20 { display: inline-block; width: 20px; height: 20px;  vertical-align: top; margin-right: 2px; }
i.ico-doc-20  , em.ico-doc-20  { background: url('../images/file-icon-20px.png') no-repeat 0 0 !important; }
i.ico-xls-20  , em.ico-xls-20  { background: url('../images/file-icon-20px.png') no-repeat -20px 0 !important; }
i.ico-ppt-20  , em.ico-ppt-20  { background: url('../images/file-icon-20px.png') no-repeat -40px 0 !important; }
i.ico-pdf-20  , em.ico-pdf-20  { background: url('../images/file-icon-20px.png') no-repeat -60px 0 !important; }
i.ico-txt-20  , em.ico-txt-20  { background: url('../images/file-icon-20px.png') no-repeat -80px 0 !important; }
i.ico-7z-20   , em.ico-7z-20   { background: url('../images/file-icon-20px.png') no-repeat -100px 0 !important; }
i.ico-rar-20  , em.ico-rar-20  { background: url('../images/file-icon-20px.png') no-repeat -100px 0 !important; }
i.ico-zip-20  , em.ico-zip-20  { background: url('../images/file-icon-20px.png') no-repeat -100px 0 !important; }
i.ico-mp3-20  , em.ico-mp3-20  { background: url('../images/file-icon-20px.png') no-repeat -120px 0 !important; }
i.ico-mp4-20  , em.ico-mp4-20  { background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important; }
i.ico-mpg-20  , em.ico-mpg-20  { background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important; }
i.ico-mkv-20  , em.ico-mkv-20  { background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important; }
i.ico-rm-20   , em.ico-rm-20   { background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important; }
i.ico-rmvb-20 , em.ico-rmvb-20 { background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important; }
i.ico-wmv-20  , em.ico-wmv-20  { background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important; }
i.ico-swf-20  , em.ico-swf-20  { background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important; }
i.ico-flv-20  , em.ico-flv-20  { background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important; }
i.ico-avi-20  , em.ico-avi-20  { background: url('../images/file-icon-20px.png') no-repeat -140px 0 !important; }
i.ico-bt-20   , em.ico-bt-20   { background: url('../images/file-icon-20px.png') no-repeat -220px 0 !important; }
i.ico-bmp-20  , em.ico-bmp-20  { background: url('../images/file-icon-20px.png') no-repeat -160px 0 !important; }
i.ico-gif-20  , em.ico-gif-20  { background: url('../images/file-icon-20px.png') no-repeat -160px 0 !important; }
i.ico-png-20  , em.ico-png-20  { background: url('../images/file-icon-20px.png') no-repeat -160px 0 !important; }
i.ico-jpg-20  , em.ico-jpg-20  { background: url('../images/file-icon-20px.png') no-repeat -160px 0 !important; }
i.ico-html-20 , em.ico-html-20 { background: url('../images/file-icon-20px.png') no-repeat -200px 0 !important; }
i.ico-any-20  , em.ico-any-20  { background: url('../images/file-icon-20px.png') no-repeat -180px 0 !important; }
.file-list { margin: 10px 0; }
.file-list .thumbnail { padding: 5px; border-bottom: 1px dotted #e1e1e1; }
.file-list .thumbnail:last-child { border-bottom: none; }
.file-list .thumbnail .file-type { display: inline-block; vertical-align: middle; }
.file-list .thumbnail .file-name { display: inline-block; max-width: calc(100% - 44px); margin-left: 2px; vertical-align: middle; }
.file-list .thumbnail .delete-file i { font-weight: bold; margin-left: 4px; vertical-align: bottom; font-size: 18px; }
.file-list .thumbnail .delete-file:hover i { color: #ff2d2d; }
.file-list .thumbnail .download-file i { font-weight: bold; margin-left: 4px; vertical-align: bottom; }
.file-list .thumbnail .download-file:hover i { color: #15499a; }
tr .file-list { margin: 0; }
/*图标20x20 end*/

.box-content { padding: 20px 0 5px 0; }
.box-content .layui-form-item .layui-input-inline { width: 240px; }
.box-content .layui-input-block { margin: 20px 0 0 0; }
.box-content .layui-form-mid.require { font-size: 22px; color: #ff2d2d !important; margin-left: -5px; }
input[readonly='readonly'] { cursor: no-drop; border: 1px solid #f1f1f1; color: #9c9c9c; }
.layui-input[readonly='readonly']:hover { border: 1px solid #f1f1f1 !important; }
.auth-code { width: 123px !important; }
.layui-btn.gray { background: #b7b7b7; cursor: no-drop; }
.footer { clear: both; margin-top: 30px; width: 100%; border-top: 1px dashed #bdbdbd; height: 50px; line-height: 50px; color: #444; font-size: 14px; text-align: center; }
.footer a { color: #444; font-size: 14px; }
.footer a:hover { color: #5894bf; }
.layui-table th { font-weight: bold; }
.layui-table th, .layui-table td { padding: 10px 5px; }
.layui-form-checkbox span { padding: 0 5px; color: #444; }
.layui-tab-content { padding: 0; }
.money-color { color: #f40; }
.right-box-shadow { background: #fff; padding: 10px 10px 50px 10px; box-shadow: 1px 4px 10px #e1e1e1; }

.over-flow-area { height: auto; overflow-x: hidden; }
.over-flow-area .box-content { padding: 20px 20px 5px 20px; width: 960px; margin: 0 auto; }
.over-flow-area .box-content .layui-field-title:first-child { margin: 0 0 10px 0; }
.open-win-box .layui-input-block { margin: 12px 0 0 0; text-align: center; }
.header { position: fixed; top: 0; z-index: 9999; width: 100%; height: 38px; line-height: 38px; background: #15499a; }
.header .center-box { width: 1220px; margin: 0 auto; }
.header .center-box .menu li { display: inline-block; margin-right: 40px; }
.header .center-box .layui-nav { background: transparent; padding: 0; }
.header .center-box .layui-nav .layui-nav-item { line-height: 38px; }
.header .center-box .layui-nav .layui-nav-item > a { color: #fff; }
.header .center-box .layui-nav-img { width: 26px; height: 26px; }
.header .center-box .layui-nav-child { top: 38px; }
.header .center-box .top-box { height: 72px; line-height: 72px; background: #eceef0; }
.header .center-box .top-box .logo { width: 165px; height: 100%; }
.header .center-box .top-box .logo h1 img { width: 165px; height: 45px; }
.header .center-box .top-box ul li { float: left; margin-left: 40px; }
.header .center-box .top-box ul li:last-child { margin-right: 10px; }
.header .center-box .top-box ul li a { display: block; font-size: 18px; color: #444; }
.header .center-box .top-box ul li a span em.active{ color: #15499a; }
.header .center-box .top-box ul li a i { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin-right: 10px; }
.header .center-box .top-box ul li.car i { background-image: url('/public/images/car.png'); }
.header .center-box .top-box ul li.order i { background-image: url('/public/images/order.png'); }
.header .center-box .top-box ul li.qq i { background-image: url('/public/images/qq.png'); }
.header .center-box .top-box ul li:hover a,
.header .center-box .top-box ul li.active a { color: #15499a; }
.header .center-box .top-box ul li:hover.car i,
.header .center-box .top-box ul li.active.car i { background-image: url('/public/images/car_active.png?v=20180518'); }
.header .center-box .top-box ul li:hover.order i,
.header .center-box .top-box ul li.active.order i{ background-image: url('/public/images/order_active.png?v=20180518'); }
.header .center-box .top-box ul li:hover.qq i,
.header .center-box .top-box ul li.active.qq i{ background-image: url('/public/images/qq_active.png?v=20180518'); }
.header a { color: #fff; }

.content-box { width: 1200px; margin: 110px auto 50px; background: #fff; padding: 10px 10px 50px 10px; box-shadow: 1px 4px 10px #e1e1e1; }
.content-box.no-bg { width: 1220px; padding: 10px 0 50px 0; background: transparent; box-shadow: none; }
.content-box .left-box { width: 280px; float: left; position: fixed; max-height: 100%; z-index: 99; }
.content-box.w250 .left-box { width: 250px; }
.content-box .left-box ul:not(.sub) { background: #404146; min-height: 360px; position: relative; }
.content-box .left-box ul li { border-bottom: 1px solid #353535; }
.content-box .left-box ul li > a { display: block; margin-left: 10px; width: calc(100% - 15px); color: #fff; font-size: 14px; height: 40px; line-height: 40px; }
.content-box .left-box ul li > a img { width: 20px; height: 20px; margin-right: 8px; }
.content-box .left-box ul.left-menu li.item a { margin-left: 0; width: 100%; text-align: center; }
.content-box .left-box ul li:last-child { border-bottom: none; }
.content-box .left-box ul li.all a { width: 100%; font-size: 18px; margin-left: 0; text-align: center; color: #fff; }
.content-box .left-box ul li.item:hover,.content-box .left-box ul li.active { background: #15499a; }
.content-box .left-box ul li .sub { display: none; }
.content-box .left-box ul li:hover .sub { display: block; position: absolute; left: 280px; width: 900px; height: auto; padding: 40px 20px; top: 0px; min-height: 280px; background: rgb(21, 73, 154); line-height: 30px; }
.content-box .left-box ul li .sub a { color: #fff; padding: 0 20px; }
.content-box .left-box ul li .sub span { color: #fff; }
.content-box .left-box ul li .sub span:last-child { display: none; }
.content-box .left-box ul li .sub a:hover,.content-box .left-box ul li .sub a.active { color: #999; }
.content-box .right-box { width: 910px; position: relative; float: right; }
.content-box .right-box .banner-box { width: 100%; height: 364px; /*background-image: url('/public/images/banner.jpg');*/ }
/*layui重写 start*/
.layui-nav-bar { background: transparent; }
.layui-nav-child dd.layui-this,.layui-nav .layui-nav-child dd.layui-this a { background-color: #15499a; }
.layui-layer { border-radius: 5px !important; }
.layui-layer-title { border-radius: 5px 5px 0 0 !important; background-color: #fff !important; }
.layui-btn-primary:hover { background-color: #b5b5b5 !important; color: #fff !important; border-color: #b5b5b5 !important; }
.layui-form-select dl { top: 37px; }
.layui-laypage { margin: 20px 0; }
.layui-laypage a:hover { color: #15499a; background: #e5e5e5; }
.layui-laypage .current { background: #15499a; color: #fff; }
.layui-col-md5 .layui-input-block,.layui-col-md6 .layui-input-block { min-height: 38px; }
input:focus { border-color: rgba(82,168,236,0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px #cfd5de, 0 0 8px #cfd5de; -moz-box-shadow: inset 0 1px 1px #cfd5de,0 0 8px #cfd5de; box-shadow: inset 0 1px 1px #cfd5de, 0 0 8px #cfd5de; }
.config-product .layui-form-selectup dl { bottom: unset; }
.config-product .layui-form-label { padding: 9px 5px 9px 0; width: 104px; }
.config-product .layui-form-label.word-break  { line-height: 18px; padding: 0; }

/*layui重写 end*/
.product-detail { margin-top: 60px; }
.product-detail .detail { padding: 10px; border: 1px solid #e6e6e6; border-top: none; }
.product-detail .detail img { display: block; margin: 5px auto 0; max-width: 100%; }
.product-detail .detail .nodata { text-align: center; padding: 50px 0; }
.config-product { width: 870px; display: inline-block; position: relative; }

.content-box.product_detail-box { margin: 120px auto 100px; }
.content-box .product-left-box { width: 300px; margin-right: 20px; float: left; }
.content-box .product-left-box .contact-box { width: 300px; margin-top: 20px; }
.content-box .product-left-box .contact-box .info-box { margin-bottom: 5px; border-bottom: 1px dotted #e1e1e1; }
.content-box .product-left-box .contact-box .info-box .item { font-size: 14px; font-weight: bold; }
.content-box .product-left-box .contact-box .info-box .list { padding-left: 20px; line-height: 30px; }
.content-box .product-left-box .contact-box .info-box .list a i { display: inline-block; width: 20px; height: 20px; vertical-align: sub; margin-right: 2px; }
.content-box .product-left-box .contact-box .info-box.contact-tel .list a i { background-image: url('/public/images/tel_20.png'); }
.content-box .product-left-box .contact-box .info-box.contact-qq .list a i { background-image: url('/public/images/qq_20.png'); }
.content-box .product-left-box .contact-box .info-box.contact-tel .list:hover a i { background-image: url('/public/images/tel_20_active.png'); }
.content-box .product-left-box .contact-box .info-box.contact-qq .list:hover a i { background-image: url('/public/images/qq_20_active.png'); }
.content-box .product-left-box .contact-box .info-box .item a span { line-height: 26px; }
.content-box .product-box { width: 300px; height: 360px; position: relative; vertical-align: top; }
.content-box .product-box .img { width: 100%; height: 100%; }
.content-box .product-box .name { position: absolute; bottom: 0; height: 40px; width: calc(100% - 8px); padding: 0 4px; line-height: 40px; font-size: 16px; color: #fff; background: rgba(0,0,0,.3); text-shadow: 0px 1px 3px #000; text-align: center; }
.box-auto-money { margin: 0 20px; }
.box-auto-money .money { color: #ff5722; font-size: 18px; font-weight: bold; }
.box-auto-money .money .layui-badge { height: 20px; line-height: 20px; margin-left: 5px; vertical-align: text-bottom; }
.box-auto-money .money em.base-money { color: #666; text-decoration: line-through; font-weight: 100; margin-right: 5px; }
.config-product .box-add,.config-product .box-del { position: absolute; right: 0; cursor: pointer; }
.layui-nav .layui-nav-item a.login,.layui-nav .layui-nav-item a.register { display: inline-block; padding: 0 10px; }
.part-price { margin: 0 0 10px 110px; color: #666; }
/*搜索商品 start*/
.search-product-box { margin: 18px 10px 0 0; height: 36px; }
.search-product-box form { position: relative; height: 36px; width: 300px; }
.search-product-box .search-ipt { width: 300px; height: 36px; line-height: 36px; border-radius: 5px; border: 1px solid #d6d6d6; padding: 0 25px 0 5px; background: #fff; position: absolute; outline: none; }
.search-product-box .btn-search { border: none; cursor: pointer; background: transparent; background-image: url(/public/images/search.png); position: absolute; right: 5px; width: 20px; height: 20px; top: 8px; }
/*搜索商品 start*/

.inline-block { display: inline-block; }
.none { display: none; }
.float-l { float: left; }
.float-r { float: right; }
.center { text-align: center; }
.clear-both,.clearfix { clear: both; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.nodata { color: #a9a9a9; }
.relative { position: relative }
.bold { font-weight: bold; }