@charset "UTF-8";
/*主色*/
/*配色*/
/*红色*/
/*绿色*/
/*一般*/
/*黄色*/
/*灰色*/
/*网页背景色*/
/*文字默认颜色*/
/*链接文字颜色*/
/*主要内容区域宽度*/
/*=============铵钮=============*/
/* Scss Document */
body { min-width: 1200px; background: #f5f5f5; border: none; font-family: Verdana, Arial, 'Microsoft YaHei'; *font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 1.6; color: #333; }
/* 隐藏输入框的加减箭头 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox 隐藏加减箭头 */
input[type="number"] {
	-moz-appearance: textfield;
}
.container { width: 1200px; margin: 0 auto; }
.container:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.clearlist { margin: 0; padding: 0; list-style: none; }
.clearlist li { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; color: inherit; }
a:hover { color: #f19d15; }

img { max-width: 100%; vertical-align: middle; }

/*常用*/
.color-primary { color: #f19d15; }

.color-ornament { color: #333; }

.color-red { color: #f62b2b; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.show { display: block; }

.hide { display: none; }

.clear { clear: both; }

.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 2; }

.fl { float: left; }

.fr { float: right; }

.img1-1 { display: block; position: relative; }
.img1-1:after { display: block; padding-top: 100%; content: ''; }
.img1-1 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.img4-3 { display: block; position: relative; }
.img4-3:after { display: block; padding-top: 75%; content: ''; }
.img4-3 img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

.mt20 { margin-top: 20px; }

.mt10 { margin-top: 10px; }

/*按钮*/
/* 表单元素 */
/* 分页 */
.pagination { margin: 50px 0; font-size: 0; text-align: center; }
.pagination li { display: inline-block; }
.pagination a, .pagination span { display: inline-block; margin: 0 4px; padding: 0 15px; border-radius: 4px; line-height: 40px; text-align: center; background-color: #eee; font-size: 14px; }
.pagination a:hover, .pagination span:hover { color: #f19d15; }
.pagination li.active a, .pagination li.active span { background-color: #f19d15; border-color: #f19d15; color: #FFF; }
.pagination li.disabled a, .pagination li.disabled span { background-color: #EEE; color: #BBB; }

.numberbox { display: inline-block; vertical-align: middle; height: 30px; box-sizing: border-box; border: 1px solid #ddd; background-color: #fff; position: relative; line-height: 28px; font-size: 0; overflow: hidden; }
.numberbox .btn { height: 28px; width: 30px; padding: 0; background: none; border-radius: 0; -webkit-appearance: none; display: inline-block; vertical-align: middle; border: none; font-size: 12px; text-align: center; }
.numberbox .btn:active { background-color: #F8F8F8; }
.numberbox .btn:disabled { color: #ccc; }
.numberbox input { width: 40px; height: 28px; border: none; border-left: 1px solid #ddd; border-right: 1px solid #ddd; box-sizing: border-box; vertical-align: middle; -webkit-appearance: none; background: none; border-radius: 0; font-size: 14px; text-align: center; position: relative; z-index: 2; }

.star { display: inline-block; vertical-align: middle; margin-top: -3px; position: relative; line-height: 1; color: #faab20; letter-spacing: .2em; font-size: 12px; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.star:before { content: "\e61b\e61b\e61b\e61b\e61b"; color: #e6e6e6; }
.star:after { content: "\e61b\e61b\e61b\e61b\e61b"; width: 0; overflow: hidden; position: absolute; left: 0; top: 0; }
.star.star01:after { width: 20%; }
.star.star02:after { width: 40%; }
.star.star03:after { width: 60%; }
.star.star04:after { width: 80%; }
.star.star05:after { width: 100%; }

.pjstar { height: 20px; font-size: 20px; color: #e6e6e6; display: inline-block; }

.pjstar .iconfont { margin-right: 10px; width: 20px; cursor: pointer; }

.pjstar.star01 .iconfont:nth-child(1) { color: #faab20; }

.pjstar.star02 .iconfont:nth-child(1), .pjstar.star02 .iconfont:nth-child(2) { color: #faab20; }

.pjstar.star03 .iconfont:nth-child(1), .pjstar.star03 .iconfont:nth-child(2), .pjstar.star03 .iconfont:nth-child(3) { color: #faab20; }

.pjstar.star04 .iconfont:nth-child(1), .pjstar.star04 .iconfont:nth-child(2), .pjstar.star04 .iconfont:nth-child(3), .pjstar.star04 .iconfont:nth-child(4) { color: #faab20; }

.pjstar.star05 { color: #faab20; }

.mask { display: none; background-color: #000; opacity: .5; filter: alpha(opacity=50); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; }

.layui-form-checkbox[lay-skin=primary] { padding-left: 20px; }
.layui-form-checkbox[lay-skin=primary] span { padding-right: 10px; }

.bold { font-weight: bold; }

body { margin: 0 !important; }

.flex { display: flex; align-items: center; }

.center { display: flex; justify-content: center; align-items: center; }

.ju-ar { justify-content: space-around; }

.ju-be { justify-content: space-between; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-left { text-align: left; }

button { border: none; }

.top {top:0;position:sticky;z-index:9; height: 30px; background-color: #f2f2f2; line-height: 30px; color: #999; font-size: 12px; overflow: hidden; }
.top .top-r a { margin: 0 10px; color: #999; }

.help-main { max-width: 850px; }

.liulanjilu { text-align: center; }
.liulanjilu li { margin-bottom: 12px; }
.liulanjilu li .img img { width: 200px; height: 200px; }
.liulanjilu li .name { margin-top: 10px; font-size: 12px; color: #666; }
.liulanjilu li .price { color: #f00; }

.header { top:30px;z-index:9;position:sticky;height: 110px; background-color: #fff; }
.header .logo { float: left; height: 110px; line-height: 110px; }
.header .logo img { vertical-align: middle; width: 150px; height: 50px; }
.header .search { float: left; margin: 35px 0 0 120px; }
.header .search form { height: 40px; }
.header .search input { width: 500px; height: 40px; padding: 0 15px; float: left; background-color: #fff; border: 1px solid #f19d15; box-sizing: border-box; }
.header .search button { width: 50px; height: 40px; background: #f19d15; border: none; color: #fff; font-size: 16px; }
.header .search .hotwords { margin-top: 10px; font-size: 12px; }
.header .search .hotwords a { margin-right: 10px; color: #999; }
.header .search .hotwords a:hover { color: #f19d15; }
.header .mallcart { width: 200px; height: 40px; display: block; position: relative; float: right; margin-top: 35px; background-color: #fff; border: 1px solid #eee; text-align: center; line-height: 38px; color: #f19d15; box-sizing: border-box; }
.header .mallcart .icon-cart { font-size: 18px; vertical-align: middle; }
.header .mallcart .cart-count { display: inline-block; padding: 0 4px; background-color: #f19d15; font-size: 12px; color: #FFF; line-height: 16px; border-radius: 8px; vertical-align: middle; }

.nav { min-width: 1200px; height: 40px; background-color: #fff; border-bottom: 2px solid #f19d15; }
.nav .nav-service { position: relative; width: 200px; height: 40px; float: left; background-color: #f19d15; position: relative; z-index: 4; }
.nav .nav-service .tit { height: 40px; padding-left: 25px; color: #fff; font-size: 16px; line-height: 40px; }
.nav .nav-service .tit .icon-menu { font-size: 18px; }
.nav .nav-service .downmenu { width: 100%; height: 452px; transition: all 0.3s linear; background-color: rgba(51, 51, 51, 0.8); position: absolute; left: 0; top: 100%; color: #fff; opacity: 1; }
.nav .nav-service .downmenu .item { cursor: pointer; padding: 0 25px; box-sizing: border-box; height: 32px; width: 100%; border-bottom: 1px solid #524a2c; box-sizing: border-box; }
.nav .nav-service .downmenu .item .hd { font-size: 14px; background: no-repeat left center; width: 100%; }
.nav .nav-service .downmenu .item .hd a:hover { color: #fff; }
.nav .nav-service .downmenu .item .hd a { color: #fff; font-size: 16px; }
.nav .nav-service .downmenu .item .cont { font-size: 12px; margin-top: 5px; }
.nav .nav-service .downmenu .item .cont a { color: #ccc; margin-right: 10px; display: inline-block; }
.nav .nav-service .downmenu .item .cont a:hover { color: #fff; }
.nav .nav-service .downmenu .item:hover .sonclassfy { display: block; }
.nav .nav-service .downmenu .item:hover { background: #f19d15; }
/*.nav .nav-service:hover .downmenu { height: 452px; transition: all 0.3s linear; opacity: 1; }*/
.nav .nav-main { float: left; margin-left: 30px; font-size: 15px;   line-height: 40px; }
.nav .nav-main li { float: left; }
.nav .nav-main a { display: block; padding: 0 30px; }
.nav .nav-main a.active { color: #f19d15; }

.miaobaoxie { margin-right: 12px; font-size: 14px; }

.soucan { font-size: 12px; color: #999; margin-top: 10px; }
.soucan .iconfont { margin-right: 5px; }
.soucan .icon-share { color: #f19d15; }
.soucan .selected { color: #f19d15; }

.sonclassfy { padding: 15px; box-sizing: border-box; position: absolute; z-index: 999; background: #fff; width: 780px; display: none; top: 2px; left: 200px; height: 450px; overflow-y: auto; }
.sonclassfy .ai-sa { align-items: flex-start; }
.sonclassfy .sonclassfy_item { width: 740px; }
.sonclassfy .sonclassfy_item .title_icon { width: 105px; justify-content:space-between; font-size: 12px; overflow: hidden; color: #333; line-height: 12px; border-bottom: 1px #f5f5f5 dashed; height: 40px; }
.sonclassfy .sonclassfy_item .title_icon a { font-weight: bold; line-height: 14px; font-size: 14px; }
.sonclassfy .sonclassfy_item .classfy3 {  margin-top: 5px; margin-left: 20px; flex:1}
.sonclassfy .sonclassfy_item .classfy3 a { font-size: 12px; color: #999; padding-right: 5px; margin-right: 8px; line-height: 16px;display:inline-block }
.sonclassfy .sonclassfy_item .unlin:hover { text-decoration: underline; cursor: pointer; color: #f19d15; }
.sonclassfy .guangao { width: 200px; height: 100%; background: red; }
.sonclassfy .guangao a { margin-bottom: 10px; }

.banner { width: 100%; height: 450px; min-width: 1200px; position: relative; overflow: hidden; }
.banner .bannercont { width: 1920px; height: 450px; position: relative; left: 50%; top: 0; margin-left: -960px; }
.banner .bannercont .slides li { height: 450px; }
.banner .bannercont img { width: 100%; }
.banner .bannercont .flex-control-paging { width: 100%; margin: 0; list-style: none; position: absolute; left: 0; bottom: 20px; z-index: 3; text-align: center; font-size: 0; }
.banner .bannercont .flex-control-paging li { display: inline-block; }
.banner .bannercont .flex-control-paging li a { display: block; list-style: none; margin: 0 5px; width: 10px; border-radius: 50%; height: 10px; background-color: #000; opacity: .5; filter: alpha(opacity=50); }
.banner .bannercont .flex-control-paging li a.flex-active { opacity: 1; filter: alpha(opacity=100); background-color: #f19d15; }
.banner .fbox { width: 210px; height: 100%; padding: 12px; box-sizing: border-box; background-color: #fff; display: flex; justify-content: space-between; flex-direction: column; position: absolute; left: 50%; margin-left: 400px; z-index: 3; }
.banner .fbox .logininfo { overflow: hidden; padding-top: 15px; }
.banner .fbox .logininfo .touxiang { width: 55px; height: 55px; float: left; margin-right: 10px; }
.banner .fbox .logininfo .touxiang img { width: 55px; height: 55px; border-radius: 50%; }
.banner .fbox .logininfo .name { padding-top: 5px; }
.banner .fbox .kuaibao { margin-top: 20px; }
.banner .fbox .kuaibao .hd .tit { float: left; font-size: 13px; font-weight: bold; }
.banner .fbox .kuaibao .hd .more { font-size: 10px; color: #999; float: right; }
.banner .fbox .kuaibao .bd { font-size: 12px; color: #666; line-height: 20px; }
.banner .fbox .kuaibao .bd a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 24px; color: #000; font-weight: 550; }
.banner .fbox .gnft { text-align: center; border-top: 1px solid #eee; margin-top: 10px; padding-top: 15px; }
.banner .fbox .gnft li { width: 33.33%; float: left; font-size: 12px; color: #806f66; }
.banner .fbox .gnft li .icon { font-size: 20px; }
.banner .fbox .gnft li .tit { font-size: 12px; color: #000; }

.miaosha { height: 275px; margin-top: 30px; position: relative; background-color: #fff; }
.miaosha .hd { width: 200px; height: 275px; float: left; background-color: #ee2532; text-align: center; color: #fff; }
.miaosha .hd .t1 { line-height: 1; font-size: 34px; padding-top: 45px; }
.miaosha .hd .t2 { font-size: 20px; opacity: .5; margin-top: 8px; }
.miaosha .hd .time { margin-top: 25px; font-size: 20px; color: #000; }
.miaosha .hd .time .item { display: inline-block; width: 38px; height: 38px; background: #000; line-height: 38px; color: #fff; }
.miaosha .bd { width: 1000px; float: left; position: relative; }
.miaosha .bd .slides li { width: 200px; height: 275px; float: left; }
.miaosha .bd .slides li .cont { padding: 15px; display: block; border-left: 1px solid #eee; height: 100%; }
.miaosha .bd .slides li:first-child .cont { border-left: none; }
.miaosha .bd .slides li .img { text-align: center; }
.miaosha .bd .slides li .img img { width: 160px; height: 160px; }
.miaosha .bd .slides li .tit { margin-top: 15px; font-size: 14px; color: #666; }
.miaosha .bd .slides li .jiage { margin-top: 10px; }
.miaosha .bd .slides li .jiage .xianjia { color: #f00; font-weight: bold; }
.miaosha .bd .slides li .jiage .yuanjia { color: #999; text-decoration: line-through; font-size: 12px; }
.miaosha .bd .flex-direction-nav { list-style: none; }
.miaosha .bd .flex-direction-nav li { list-style: none; position: absolute; top: 117px; }
.miaosha .bd .flex-direction-nav li.flex-nav-prev { left: 0; }
.miaosha .bd .flex-direction-nav li.flex-nav-next { right: 0; }
.miaosha .bd .flex-direction-nav li a { color: #fff; background-color: #ccc; width: 20px; height: 40px; display: block; text-align: center; line-height: 40px; font-size: 14px; }
.miaosha .bd .flex-direction-nav li a:hover { background-color: #f19d15; }

.zqtg { width: 390px; float: left; background-color: #fff; margin-right: 15px; }
.zqtg .hd { height: 55px; line-height: 55px; padding: 0 15px; }
.zqtg .hd .tit { font-size: 18px; font-weight: bold; float: left; }
.zqtg .hd .en { font-size: 14px; font-weight: bold; float: left; margin-left: 10px; }
.zqtg .hd .more { float: right; font-size: 14px; color: #999; background: url(../images/arr.png) no-repeat right center; padding-right: 20px; }
.zqtg .bd { height: 410px; }
.zqtg .bd img { width: 100%; height: 410px; }
.zqtg .bd .btnbox .quanitem { margin: 0 auto 10px; }

.uploadimgs .imgitem { margin-left: 12px; position: relative; }
.uploadimgs .imgitem .uploadimg { width: 120px; height: 120px; }
.uploadimgs .imgitem .icon-delete { position: absolute; top: 0; right: 0; font-size: 20px; color: #fff; background: #f19d15; padding: 4px; }

.quanitem { width: 348px; margin-bottom: 10px; height: 120px; background: url(../images/quanbg.png) no-repeat center; color: #fff; text-align: center; overflow: hidden; }
.quanitem .cont { overflow: hidden; }
.quanitem .mianzhi { font-size: 36px; font-weight: bold; line-height: 1; margin-top: 30px; }
.quanitem .manjian { width: 186px; height: 16px; background: #fff; line-height: 16px; font-size: 12px; color: #ff2847; margin: 10px auto 0; letter-spacing: 2px; }
.quanitem .ft { width: 114px; float: right; }
.quanitem .tit { margin-top: 20px; }
.quanitem .layui-btn { border: none; color: #ff2847; font-weight: bold; margin-top: 5px; }

.flooorGoods { overflow: hidden; position: relative; }
.flooorGoods .flex-viewport ul .item { margin: 0; padding: 0; }

.flex-direction-nav { list-style: none; }
.flex-direction-nav li { list-style: none; position: absolute; top: 117px; }
.flex-direction-nav li.flex-nav-prev { left: 0; }
.flex-direction-nav li.flex-nav-next { right: 0; }
.flex-direction-nav li a { color: #fff; background-color: #ccc; width: 20px; height: 40px; display: block; text-align: center; line-height: 40px; font-size: 14px; }
.flex-direction-nav li a:hover { background-color: #f19d15; }

.zyhd { margin-top: 50px; }
.zyhd .ft a { margin-left: 30px; }

.cpgroup { margin-top: 25px; overflow: hidden; }
.cpgroup .gd { width: 228px; float: left; }
.cpgroup .gd img { width: 100%; height: 300px; }
.cpgroup .bd .imgbox { width: 471px; height: 300px; float: left; margin: 0 0 15px 15px; }
.cpgroup .bd .item { width: 228px; height: 300px; padding: 20px; box-sizing: border-box; background-color: #fff; float: left; margin: 0 0 15px 15px; text-align: center; }
.cpgroup .bd .item .img img { width: 185px; height: 185px; margin-top: 20px;transition: all .3s; }
.cpgroup .bd .item:hover{box-shadow: 0 0 10px rgba(0,0,0,.05);}
.cpgroup .bd .item:hover .img img{transform: scale(1.1);}
.cpgroup .bd .item .tit { margin-top: 10px; line-height: 18px; font-size: 14px; height: 36px; }
.cpgroup .bd .item .price { margin-top: 10px; }
.cpgroup .bd .item .price .xianjia { color: #f00; font-weight: bold; font-size: 18px; }
.cpgroup .bd .item .price .yuanjia { color: #999; text-decoration: line-through; font-size: 12px; }

.cphd { margin-top: 50px; padding-left: 10px; line-height: 1; border-left: 5px solid #000; }
.cphd .cn { font-weight: bold; font-size: 18px; }
.cphd .en { text-transform: uppercase; margin-left: 10px; }

.caihd { text-align: center; font-size: 18px; font-weight: bold; margin-top: 50px; }
.caihd:before, .caihd:after { content: ""; width: 60px; height: 1px; background-color: #000; display: inline-block; vertical-align: middle; }
.caihd:before { margin-right: 20px; }
.caihd:after { margin-left: 20px; }

.baozhang {width:1200px;margin:0px auto; background-color: #fff; padding: 0px 0; color: #000; height: 150px; background: url("../images/footerbg.png")  no-repeat center; }
.baozhang li { width: 25%; float: left; }
.baozhang li img { float: left; margin-right: 15px; }
.baozhang li .tit { font-weight: bold; font-size: 18px; }
.baozhang li .desc { font-size: 15px; color: #999; }

.footerad { min-width: 1200px; margin-top: 60px; background-color: #fff;  }
.footer { min-width: 1200px; margin-top: 0px; background-color: #262626; color: #ccc; }
.footer a { color: #999; }
.footer .banquanfuhao { margin-bottom: 10px; }
.footer .cont { padding: 40px 0; }
.footer .lianxi { width: 228px; text-align: center; float: left; }
.footer .lianxi .telnum { font-size: 22px; color: #fff; }
.footer .lianxi .desc { font-size: 12px; color: #999; }
.footer .lianxi .lxbtn { display: inline-block; width: 110px; height: 30px; border: 1px solid #ccc; border-radius: 4px; line-height: 28px; }
.footer .lianxi .lxbtn:hover { border-color: #f19d15; }
.footer .footerlink { width: 730px; float: left; }
.footer .footerlink dl { width: 25%; text-align: center; padding-left: 40px; float: left; box-sizing: border-box; }
.footer .footerlink dl dt { margin-bottom: 10px; font-size: 16px; font-weight: normal; }
.footer .footerlink dl dd { margin: 0; line-height: 24px; font-size: 12px; color: #999; }
.footer .qrbox { width: 228px; text-align: center; float: right; }
.footer .qrbox img { width: 120px; height: 120px; }
.footer .copy { text-align: center; font-size: 14px; color: #666; }
.footer .copy .link a { margin: 0 10px; }

.path { height: 50px; line-height: 50px; font-size: 12px; }
.path > .iconfont { font-size: 12px; color: #999; margin: 0 20px; }
.path .keyword { border: 1px solid #f19d15; padding: 2px 5px 2px 10px; }
.path .keyword .iconfont { color: #f19d15; }

.product-screen { font-size: 12px; background-color: #fff; border: 1px solid #eee; }
.product-screen .item { border-bottom: 1px solid #eee; position: relative; }
.product-screen .item:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.product-screen .item:last-child { border-bottom: none; }
.product-screen .hd { width: 120px; box-sizing: border-box; padding: 0 10px; line-height: 40px; font-weight: bold; background-color: #f8f8f8; position: absolute; left: 0; top: 0; bottom: 0; }
.product-screen .bd { padding: 0 100px 0 150px; height: 40px; overflow: hidden; }
.product-screen .bd li { display: inline-block; line-height: 20px; margin: 10px; }
.product-screen .bd a { color: #666; display: block; position: relative; }
.product-screen .bd a.active { color: #f19d15; }
.product-screen .bd.open { height: auto; }
.product-screen .ft { width: 100px; height: 40px; line-height: 40px; padding: 0 20px; color: #999; text-align: center; position: absolute; top: 0; right: 0; box-sizing: border-box; }

.pxbox { height: 40px; margin-top: 20px; font-size: 14px; background-color: #f8f8f8; padding: 0 10px; }
.pxbox .paixu { float: left; margin-top: 6px; }
.pxbox .paixu a { float: left; height: 28px; padding: 0 10px; margin-right: -1px; line-height: 26px; background-color: #fff; border: 1px solid #eee; position: relative; font-size: 12px; }
.pxbox .paixu a .arr { position: relative; width: 8px; height: 10px; margin-left: 5px; font-size: 0; display: inline-block; vertical-align: middle; margin-top: -1px; }
.pxbox .paixu a .arr.down:before { content: ''; width: 2px; height: 5px; background-color: #666; position: absolute; top: 0; left: 3px; }
.pxbox .paixu a .arr.down:after { content: ''; position: absolute; left: 0; top: 5px; border-top: 5px solid #666; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.pxbox .paixu a .arr.up:before { content: ''; width: 2px; height: 5px; background-color: #666; position: absolute; top: 5px; left: 3px; }
.pxbox .paixu a .arr.up:after { content: ''; position: absolute; left: 0; top: 0; border-bottom: 5px solid #666; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.pxbox .paixu a .arr02 { position: relative; width: 8px; height: 10px; margin-left: 5px; font-size: 0; display: inline-block; vertical-align: middle; margin-top: -1px; }
.pxbox .paixu a .arr02:before { content: ''; border-bottom: 4px solid #666; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 0; left: 0; }
.pxbox .paixu a .arr02:after { content: ''; border-top: 4px solid #666; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 0; bottom: 0; }
.pxbox .paixu a.active, .pxbox .paixu a:hover { color: #f19d15; }
.pxbox .paixu a.active .arr:before, .pxbox .paixu a:hover .arr:before { background-color: #f19d15; }
.pxbox .paixu a.active .arr:after, .pxbox .paixu a:hover .arr:after { border-top-color: #f19d15; border-bottom-color: #f19d15; }
.pxbox .paixu a.active .arr02.up:before, .pxbox .paixu a:hover .arr02.up:before { border-bottom-color: #f19d15; }
.pxbox .paixu a.active .arr02.down:after, .pxbox .paixu a:hover .arr02.down:after { border-top-color: #f19d15; }
.pxbox .pricesearch { float: left; margin-left: 10px; margin-top: 6px; }
.pxbox .pricesearch input { width: 80px; height: 28px; padding: 0 10px; box-sizing: border-box; background: #fff; border: 1px solid #eee; }
.pxbox .pricesearch .btn { width: 30px; height: 28px; font-size: 14px; background: #fff; border: 1px solid #eee; color: #f19d15; }
.pxbox .sx { height: 28px; background-color: #fff; border: 1px solid #eee; line-height: 26px; font-size: 12px; float: left; padding: 0 10px; margin: 6px 0 0 10px; }
.pxbox .sx .layui-form-checkbox[lay-skin=primary] span { font-size: 12px; }
.pxbox .fenye { float: right; font-size: 12px; height: 28px; margin-top: 6px; line-height: 28px; }
.pxbox .fenye .fybtn { height: 28px; padding: 0 10px; box-sizing: border-box; float: left; display: inline-block; margin-left: -1px; line-height: 26px; background-color: #fff; border: 1px solid #eee; }

.product-main { float: left; width: 100%; margin-top: 40px; }
.product-list { margin-top: 20px; }
.product-list li { width: 245px; margin-bottom: 10px; float: left; margin-right: 10px; padding: 15px; background-color: #fff; box-sizing: border-box; }
.product-list li:hover { border: 1px solid #eee; padding: 14px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); }
.product-list li .img { width: 200px; height: 200px; margin: 0 auto; }
.product-list li .img img { width: 200px; height: 200px; }
.product-list li .tit { margin-top: 10px; font-size: 12px; line-height: 16px; height: 32px; }
.product-list li .jiage { margin-top: 10px; overflow: hidden; font-size: 12px; line-height: 20px; }
.product-list li .jiage .xianjia { color: #f62b2b; font-size: 18px; }
.product-list li .jiage .yuanjia { color: #666; text-decoration: line-through; }
.product-list li .jiage .sold { color: #999; }
.product-list li .shopname { margin-top: 5px; font-size: 12px; color: #999; cursor: pointer;}
.shopname { cursor: pointer;}
.product-list li .tags { margin-top: 5px; }
.product-list li .tags .tag01 { display: inline-block; padding: 0 3px; height: 16px; margin-right: 4px; background-color: #f19d15; border-radius: 2px; color: #fff; line-height: 16px; font-size: 12px; box-sizing: border-box; }
.product-list li .tags .tag02 { display: inline-block; padding: 0 3px; height: 16px; margin-right: 4px; border: 1px solid #f19d15; border-radius: 2px; color: #f19d15; line-height: 14px; font-size: 12px; box-sizing: border-box; }
.product-list li .jishuqi { width: 100px; height: 30px; border: 1px solid #dcdfe6; }
.product-list li .jishuqi button { box-sizing: border-box; padding: 0; width: 30%; background: #f5f7fa; height: 100%; line-height: 30px; color: #606266; }
.product-list li .jishuqi input { width: 40%; height: 100%; border: none; box-sizing: border-box; padding: 0; }
.product-list li .addcarbtn { border-radius: 20px; line-height: 30px; padding: 0 10px; height: 30px; box-sizing: border-box; }
.product-list ul li:nth-child(4n) { margin-right: 0; }



.kuaijiemenu { width: 50px; overflow: hidden; position: fixed; line-height: 12px; right: 2px; top: 40%; z-index: 999; }
.kuaijiemenu a { font-size: 14px; color: #fefefe; display: inline-block; line-height: 14px; text-align: center; height: 50px; width: 100%; background: black; opacity: 0.5; margin-bottom: 10px; }
.kuaijiemenu a .icon-lianxi { font-size: 28px; line-height: 28px; }
.kuaijiemenu a .icon-cart { font-size: 28px; }
.kuaijiemenu a .icon-edit { font-size: 28px; }
.kuaijiemenu a .icon-up { font-size: 28px; }
.kuaijiemenu a li { height: 100%; line-height: 14px; }
.kuaijiemenu .active { height: 77px; background: #f19d15; opacity: 0.8; position: relative; }
.kuaijiemenu .active .center { flex-direction: column; }
.kuaijiemenu .car { position: relative; }
.kuaijiemenu .car .icon-cart { margin-top: 10px; }
.kuaijiemenu .car .carnum { position: absolute; background: red; color: #fff; padding: 1px 5px; border-radius: 10px; top: 0; right: 0px; font-size: 5px; }

.params { margin: 4px 0; }
.params .paramsItem { width: 33.3%; padding: 8px; box-sizing: border-box; display: inline-block; text-align: left; }
.params .shipei { width: 66%; }

.product-imgshow { width: 350px; float: left; margin-right: 20px; }
.product-imgshow .spec-preview { width: 350px; height: 350px; }
.product-imgshow .jqzoom { position: relative; cursor: pointer; }
.product-imgshow .jqzoom img { width: 100%; height: 350px; }
.product-imgshow .zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; border: 1px solid #ddd; background: #fff; display: none; text-align: center; overflow: hidden; }
.product-imgshow .zoomdiv img { max-width: none; }
.product-imgshow .jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #794f0b; background: #f19d15; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(Opacity=50); }
.product-imgshow .spec-scroll { height: 60px; margin-top: 10px; }
.product-imgshow .spec-scroll:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.product-imgshow .spec-scroll .prev { float: left; }
.product-imgshow .spec-scroll .next { float: right; }
.product-imgshow .spec-scroll .prev, .product-imgshow .spec-scroll .next { width: 20px; height: 60px; line-height: 60px; background-color: #eee; cursor: pointer; text-align: center; font-size: 14px; color: #999; }
.product-imgshow .spec-scroll .prev:hover, .product-imgshow .spec-scroll .next:hover { background-color: #ddd; color: #333; }
.product-imgshow .spec-scroll .items { width: 310px; height: 100%; float: left; position: relative; overflow: hidden; }
.product-imgshow .spec-scroll .items ul { position: absolute; width: 999999px; height: 100px; }
.product-imgshow .spec-scroll .items li { float: left; width: 62px; height: 60px; text-align: center; cursor: pointer; position: relative; }
.product-imgshow .spec-scroll .items li img { width: 50px; height: 50px; margin: 5px 3px; }
.product-imgshow .spec-scroll .items li.active:before { content: ""; border: 1px solid #f19d15; position: absolute; left: 3px; right: 3px; top: 0; bottom: 0; }

.hoverimg { cursor: pointer; -webkit-transition: all .5s; transition: all .5s; }

.img { overflow: hidden; }

.llwgoodsimg_name { width: 128px; margin-bottom: 20px; }
.llwgoodsimg_name img { width: 100%; height: 120px; }
.llwgoodsimg_name .name { font-size: 14px; color: #666666; }

.remaituijian { width: 24%; display: inline-block; padding: 0 10px; box-sizing: border-box; text-align: center; }

.remai { width: 592px; box-sizing: border-box; }

.pindao { width: 290px; justify-content: stretch !important; }
.pindao .llwgoodsimg_name { margin-left: 10px; margin-right: 5px; }

.rexiao .llwgoodsimg_name { width: 270px; height: 125px; background: #fffbf5; }
.rexiao .llwgoodsimg_name img { width: 100px; height: 100px; border-radius: 5px; }
.rexiao .llwgoodsimg_name .name { width: 140px; }
.rexiao .llwgoodsimg_name .name_soucan { display: flex; flex-direction: column; justify-content: space-around; margin-left: 10px; }

.goodslistDesc { width: 100%; height: 50px; padding: 0 15px; box-sizing: border-box; }
.goodslistDesc .title { font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #333333; }
.goodslistDesc .desc { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; margin-left: 10px; }

.goodslist { background: #fff; flex-wrap: wrap; justify-content: space-around; }

.jiage { padding: 15px; margin-top: 20px; font-size: 12px; position: relative; }
.jiage .pingjia { position: absolute; right: 12px; top: 12px; font-size: 14px; text-align: center; }
.jiage .pingjia .yuanjia { font-size: 14px; }
.jiage .item { overflow: hidden; line-height: 30px; }
.jiage .tit { color: #999; width: 70px; float: left; font-size: 16px; }
.jiage .cont { overflow: hidden; }
.jiage .price { font-size: 30px; font-weight: bold; line-height: 1; }
.jiage .yuanjia { color: #999; font-size: 16px; }
.jiage .goodsyuanjia { text-decoration: line-through; }

.product-info { overflow: hidden; }
.product-info .productname { font-size: 24px; font-weight: bold; }
.product-info .desc { font-size: 14px; color: #f19d15; }
.product-info .jiage { background-color: #f8f8f8; padding: 15px; margin-top: 20px; font-size: 12px; }
.product-info .jiage .item { overflow: hidden; line-height: 30px; }
.product-info .jiage .tit { color: #999; width: 70px; float: left; }
.product-info .jiage .cont { overflow: hidden; }
.product-info .jiage .price { font-size: 30px; font-weight: bold; line-height: 1; }
.product-info .info { margin-top: 30px; padding: 10px 0; overflow: hidden; border: 1px dashed #eee; text-align: center; line-height: 16px; font-size: 12px; color: #999; }
.product-info .info .item { width: 33.33%; float: left; border-right: 1px solid #eee; }
.product-info .info .item:last-child { border-right: none; }
.product-info .canshu { padding: 15px; }
.product-info .canshu .item { overflow: hidden; padding: 5px 0; }
.product-info .canshu .item .tit { color: #999; width: 70px; float: left; }
.product-info .canshu .item .cont { overflow: hidden; }
.product-info .canshu .item .cont li { float: left; margin: 0 5px 5px 0; }
.product-info .canshu .item .cont li a { display: block; line-height: 28px; height: 30px; border: 1px solid #e8e8e8; padding: 0 10px; font-size: 12px; box-sizing: border-box;overflow: hidden;    text-overflow: ellipsis; }
.product-info .canshu .item .cont li.active a { color: #f19d15; border-color: #f19d15; }
.product-info .shuliang { padding: 15px; }
.product-info .shuliang .tit { color: #999; width: 70px; float: left; }
.product-info .shuliang .numbers { float: left; margin-right: 20px; }
.product-info .shuliang .numbers input { width: 50px; height: 30px; float: left; text-align: center; border: 1px solid #999; box-sizing: border-box; }
.product-info .shuliang .numbers .jiajian { width: 16px; margin-top: -4px; float: left; margin-left: 3px; }
.product-info .shuliang .numbers .jiajian a { display: block; margin-top: 4px; height: 13px; border: 1px solid #999; text-align: center; line-height: 11px; font-size: 12px; color: #999; box-sizing: border-box; }
.product-info .shuliang .numbers .jiajian a:active { background-color: #eee; }
.product-info .btnbox { padding-left: 85px; margin-top: 30px; overflow: hidden; }
.product-info .btnbox .layui-btn { width: 180px; }

.product-title { height: 40px; margin-top: 50px; border-bottom: 1px solid #f19d15; line-height: 39px; }
.product-title h2 { height: 100%; float: left; margin: 0 5px 0 0; padding: 0 40px; cursor: pointer; background-color: #EEE; border-radius: 4px 4px 0 0; font-size: 16px; line-height: 39px; font-weight: normal; }
.product-title h2.active { background-color: #f19d15; color: #FFF; }

.product-content .pt-item { margin-top: 20px; font-size: 14px; line-height: 1.8; }
.product-content .pt-item:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.product-content .pt-item img { max-width: 100%; }

.plbox { padding: 15px 0; border-bottom: 1px solid #eee; }
.plbox .pl-hd { width: 120px; float: left; margin-right: 20px; overflow: hidden; text-align: center; }
.plbox .pl-hd .pl-touxiang { width: 60px; height: 60px; margin: 0 auto; overflow: hidden; }
.plbox .pl-hd .pl-touxiang img { width: 100%; height: 100%; }
.plbox .pl-hd .name { margin-top: 5px; font-size: 12px; }
.plbox .pl-bd { overflow: hidden; }
.plbox .pl-info { margin-top: 8px; color: #999; font-size: 12px; }
.plbox .pl-img .imgtab a { width: 54px; height: 54px; padding: 2px; border: 1px solid #CCC; cursor: pointer; float: left; margin: 6px 6px 0 0; box-sizing: border-box; }
.plbox .pl-img .imgtab a img { width: 100%; height: 100%; }
.plbox .pl-img .imgtab a.active { border-color: #f19d15; position: relative; }
.plbox .pl-img .imgtab a.active:before { position: absolute; left: 50%; bottom: -5px; margin-left: -5px; font-size: 0; content: ""; border-top: 5px solid #f19d15; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.plbox .pl-img .bigcpimg { margin-top: 10px; max-width: 400px; max-height: 400px; border: 1px solid #DDD; position: relative; }
.plbox .pl-img .bigcpimg .img { max-width: 100%; max-height: 100%; }
.plbox .pl-img .bigcpimg .close { background-color: #EEE; padding: 0 10px; font-size: 12px; position: absolute; top: 0; right: 0; }
.plbox .pl-img .bigcpimg .btnprev, .plbox .pl-img .bigcpimg .btnnext { position: absolute; left: 0; top: 50%; margin-top: -20px; width: 30px; height: 40px; text-align: center; line-height: 40px; font-size: 20px; background-color: #000; background-color: rgba(0, 0, 0, 0.6); color: #FFF; }
.plbox .pl-img .bigcpimg .btnnext { left: auto; right: 0; }

.sitit { text-align: center; color: #999; }

.product-side { width: 200px; float: left; margin-right: 40px; }

.liulanjilu { text-align: center; }
.liulanjilu li { padding: 15px; }
.liulanjilu li .img img { width: 230px; height: 230px; }
.liulanjilu li .img2 img { width: 160px; height: 160px; }
.liulanjilu li .name { margin-top: 10px; font-size: 12px; color: #666; }
.liulanjilu li .price { color: #f00; }

.cartit { height: 40px; margin-top: 30px; line-height: 40px; border-bottom: 1px solid #ddd; }
.cartit .tit { float: left; height: 40px; border-bottom: 2px solid #f19d15; font-size: 16px; font-weight: bold; color: #f19d15; }

.cartcontent .theader { font-weight: bold; }
.cartcontent .cart-select { width: 30px; }
.cartcontent .cart-price { width: 150px; }
.cartcontent .cart-numbers { width: 150px; }
.cartcontent .cart-total { width: 188px; }
.cartcontent .cart-ctrl { width: 150px; }
.cartcontent .cpinfo .img { width: 80px; border: 1px solid #eee; float: left; margin-right: 10px; }
.cartcontent .cpinfo .img img { width: 80px; height: 80px; }
.cartcontent .cpinfo .cont { overflow: hidden; margin-right: 50px; }
.cartcontent .cpinfo .info { font-size: 12px; color: #999; margin-top: 10px; }
.cartcontent .layui-table tbody tr:hover { background-color: #fff; }
.cartcontent td { padding: 15px; }

.nav_bar { width: 40px; background: #fff; overflow: hidden; position: fixed; left: 200px; top: 40%; z-index: 999; }
.nav_bar .item { padding: 0 4px; box-sizing: border-box; width: 100%; height: 40px; background: #b1aaaa; font-size: 12px; text-align: center; cursor: pointer; margin-bottom: 1px; color: #ffffff; }
.nav_bar .active { background: #f19d15; color: #fff; }

.cartfooter { height: 50px; line-height: 48px; background-color: #fff; border: 1px solid #ddd; padding-left: 15px; box-sizing: border-box; }
.cartfooter .layui-btn { height: 48px; vertical-align: middle; float: right; line-height: 48px; font-weight: bold; font-size: 18px; }

.jesuanhd { font-size: 18px; margin-top: 30px; }

.jiesuanbox { margin-top: 10px; background-color: #fff; padding: 20px; font-size: 12px; }
.jiesuanbox hr { margin: 30px 0; }

.jstit { overflow: hidden; font-size: 16px; }
.jstit .tit { font-weight: bold; }

.adrlist { margin-top: 15px; overflow-y: auto; max-height: 168px; }
.adrlist .item { height: 30px; margin: 0 0 12px; line-height: 30px; overflow: hidden; }
.adrlist .item:hover { background-color: #f8f8f8; }
.adrlist .item:hover .adr-btns { display: block; }
.adrlist .item.active .adr-name { border-color: #f19d15; position: relative; }
.adrlist .item.active .adr-name:before { content: "\e67a"; position: absolute; right: -1px; bottom: -1px; line-height: 1; font-size: 14px; color: #f19d15; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.adrlist .item .adr-name { width: 146px; height: 30px; cursor: pointer; float: left; line-height: 28px; text-align: center; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; }
.adrlist .item .adr-name:hover { border-color: #f19d15; }
.adrlist .item .adr-detail { float: left; }
.adrlist .item .adr-detail span { margin-left: 10px; }
.adrlist .item .adr-btns { float: right; margin-left: 20px; display: none; }
.adrlist .item .adr-btns a { color: #005ea7; margin-left: 10px; }
.adrlist .item .adr-btns a:hover { color: #f00; }

.selectgroup { margin-top: 10px; }
.selectgroup li { width: 120px; height: 30px; float: left; cursor: pointer; margin-right: 10px; background-color: #fff; border: 1px solid #ddd; text-align: center; line-height: 28px; position: relative; box-sizing: border-box; }
.selectgroup li.active { border-color: #f19d15; }
.selectgroup li.active:before { content: "\e67a"; position: absolute; right: -1px; bottom: -1px; line-height: 1; font-size: 14px; color: #f19d15; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.selectgroup li img { height: 16px; }

.ordertotal { text-align: right; }

.adrpop { padding: 20px; }
.adrpop select { width: 100%; -webkit-appearance: menulist; }

.jieguo .icon { margin-top: 30px; font-size: 80px; line-height: 1; text-align: center; color: #19a041; }
.jieguo .jieguo-title { text-align: center; font-size: 24px; margin-top: 15px; }

.smzf { text-align: center; margin-top: 30px; }
.smzf img { width: 200px; height: 200px; }
.smzf .tit { font-size: 18px; }
.smzf .iconfont { font-size: 24px; }

.help-menu { position: sticky;top:140px; width: 240px; padding: 10px 20px 20px;   margin-right: 20px; margin-top: 20px; background: #FFF; }
.help-menu h2 { margin: 15px 0 5px; padding-bottom: 10px; line-height: 30px; font-size: 18px; font-weight: normal; border-bottom: 1px solid #DDD; }
.help-menu p { height: 40px; margin: 0; line-height: 40px; }
.help-menu a { color: #666; font-size: 14px; display: block; }
.help-menu a:hover { color: #f19d15; }
.help-menu .active { color: #f19d15; }

.help-main { width: 940px;  margin-top: 20px; padding: 20px; background: #FFF; overflow: hidden; }
.help-main .help-tit { padding-bottom: 10px; line-height: 30px; border-bottom: 1px solid #DDD; font-size: 18px; }
.help-main .help-cont { margin-top: 10px; font-size: 14px; line-height: 1.8; }
.help-main .help-cont:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.help-main .help-cont img { max-width: 100%; }

.page-title { margin-top: 30px; text-align: center; font-size: 22px; font-weight: bold; }

.page-date { text-align: center; color: #999; }

.page-cont { margin-top: 20px; }
.page-cont:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }

.userheader .search { float: right; margin: 35px 45px 0 0; }
.userheader .search input { width: 230px; }
.userheader .usernav { float: left; height: 40px; line-height: 40px; margin: 35px 0 0 80px; }
.userheader .usernav > ul > li { float: left; margin: 0 20px; position: relative; }
.userheader .usernav > ul > li .downmenu { position: absolute; left: 50%; top: 100%; background-color: #fff; width: 100px; margin-left: -50px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center; padding: 10px 0; display: none; }
.userheader .usernav > ul > li .downmenu:before { content: ""; border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; left: 50%; margin-left: -5px; top: -5px; }
.userheader .usernav > ul > li .downmenu a { display: block; font-size: 12px; line-height: 30px; }
.userheader .usernav > ul > li:hover .downmenu { display: block; }

.user-left { width: 170px; float: left; background-color: #fff; }
.user-left .user-menu dl { overflow: hidden; border-bottom: 1px solid #eee; padding: 20px 0; }
.user-left .user-menu dt { margin: 0 0 5px; padding: 0 20px; font-size: 16px; font-weight: bold; }
.user-left .user-menu dd { margin: 0; font-size: 14px; line-height: 32px; }
.user-left .user-menu a { color: #666; display: block; padding: 0 20px; }
.user-left .user-menu a:hover, .user-left .user-menu a.active { color: #f19d15; }

.user-main { overflow: hidden; padding-left: 20px; margin-top: 20px; }

.userinfo { width: 200px; height: 200px; float: left; background-color: #fff; text-align: center; padding-top: 25px; box-sizing: border-box; }
.userinfo .touxiang img { width: 80px; height: 80px; border-radius: 50%; }
.userinfo .name { font-size: 18px; margin-top: 10px; }
.userinfo .lev { margin-top: 10px; }

.user-order { background-color: #fff; width: 790px; height: 200px; float: right; }
.user-order .hd { padding: 20px 20px 15px; font-size: 16px; font-weight: bold; }
.user-order .bd li { width: 20%; float: left; text-align: center; }
.user-order .bd li a { display: block; width: 120px; height: 120px; margin: 0 auto; padding-top: 25px; box-sizing: border-box; }
.user-order .bd li a:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }
.user-order .bd li .icon { font-size: 40px; line-height: 1; position: relative; }
.user-order .bd li .icon .layui-badge { position: absolute; left: 50%; top: 0; margin-left: 15px; border-radius: 50%; background-color: #f19d15; }
.user-order .bd li .tit { margin-top: 10px; font-size: 14px; }

.layui-card-header.layui-card-header-auto { padding-top: 15px; padding-bottom: 15px; height: auto; line-height: 1.6; }

.qianbao { width: 200px; height: 156px; background-color: #fff; margin: 20px 20px 0 0; float: left; }
.qianbao .bd { margin-top: 20px; }
.qianbao .bd li { width: 50%; float: left; text-align: center; font-size: 12px; color: #666; }
.qianbao .bd li .num { font-size: 16px; font-weight: bold; }
.qianbao .bd li .txt { margin-top: 10px; }

.qhd { height: 56px; border-bottom: 1px solid #eee; line-height: 56px; padding: 0 20px; }
.qhd .tit { font-size: 16px; font-weight: bold; float: left; }
.qhd .more { float: right; font-size: 12px; color: #999; }

.liulan { width: 570px; height: 156px; background-color: #fff; margin: 20px 0 0; float: left; }
.liulan .bd { padding: 20px 10px 0; }
.liulan .bd li { width: 60px; float: left; margin: 0 4px; }
.liulan .bd li img { width: 60px; height: 60px; }

.suiji { margin-top: 20px; }
.suiji .hd { height: 40px; background-color: #ffe6e8; padding: 0 20px; color: #cf121e; line-height: 40px; }
.suiji .hd .btn { display: inline-block; height: 18px; line-height: 18px; border: 1px solid #cf121e; font-size: 12px; padding: 0 5px; }
.suiji .bd { background-color: #fff; padding: 6px; }
.suiji .bd .product-list { margin-top: 0; }
.suiji .bd .product-list li { width: 20%; height: auto; padding: 6px 6px 20px; }
.suiji .bd .product-list li:hover { border: none; padding: 6px 6px 20px; box-shadow: none; }
.suiji .bd .product-list li .img { width: 186px; height: 186px; }
.suiji .bd .product-list li .img img { width: 186px; height: 186px; }

.user-cont .cartcontent .theader { font-weight: normal; }
.user-cont .cartcontent .cart-select { width: 30px; }
.user-cont .cartcontent .cart-price { width: 100px; }
.user-cont .cartcontent .cart-numbers { width: 100px; }
.user-cont .cartcontent .cart-total { width: 100px; }
.user-cont .cartcontent .cart-state { width: 100px; }
.user-cont .cartcontent .cart-ctrl { width: 100px; text-align: center; }
.user-cont .cartcontent .cpinfo .cont { margin-right: 30px; }
.user-cont .cartcontent .layui-table tbody tr:hover { background-color: #fff; }
.user-cont .cartcontent td, .user-cont .cartcontent th { padding: 10px; font-size: 12px; }

.utab { height: 30px; line-height: 30px; }
.utab li { height: 30px; box-sizing: border-box; float: left; margin-right: 30px; font-size: 14px; }
.utab .active { color: #f19d15; border-bottom: 2px solid #f19d15; font-weight: bold; font-size: 16px; }

.uploads { overflow: hidden; padding-top: 10px; }
.uploads .item { width: 80px; height: 80px; float: left; margin: 0 10px 10px 0; background: #f3f3f3 no-repeat center; background-size: cover; text-align: center; font-size: 13px; color: #bbb; position: relative; }
.uploads .item .icon { font-size: 32px; line-height: 80px; cursor: pointer; }
.uploads .item .delbtn { width: 16px; height: 16px; background-color: #f00; position: absolute; right: 0; top: 0; font-size: 12px; color: #fff; line-height: 16px; text-align: center; }

.usearch input { width: 170px; float: left; height: 30px; box-sizing: border-box; font-size: 12px; border-radius: 0; margin-right: -1px; }
.usearch button { float: left; border-radius: 0; }

.el-button--success.is-plain { color: #67c23a; background: #f0f9eb; border-color: #c2e7b0; }

.logincontent { height: 600px; background: url(../images/loginbg.jpg) no-repeat center; }

.loginbox { float: right; width: 350px; height: 370px; padding: 25px; box-sizing: border-box; background-color: #fff; margin-top: 115px; }
.loginbox .hd { font-weight: bold; font-size: 18px; }
.loginbox .row { height: 40px; border: 1px solid #ddd; margin-top: 20px; }
.loginbox .row .icon { width: 40px; float: left; text-align: center; line-height: 40px; background-color: #eee; }
.loginbox .row .icon img { vertical-align: middle; display: inline-block; }
.loginbox .row .cont { overflow: hidden; }
.loginbox .row input { width: 100%; height: 40px; border: none; padding: 0 15px; box-sizing: border-box; }

.loginfooter { padding: 25px 0; text-align: center; font-size: 12px; color: #666; }
.loginfooter .link a { margin: 0 10px; }

.regbox { background-color: #fff; width: 1000px; margin: 30px auto 0; padding: 50px 30px; position: relative; }
.regbox .hd { font-size: 30px; font-weight: bold; text-align: center; }
.regbox .bd { width: 320px; margin: 0 auto; }
.regbox .row { margin-top: 20px; }

.adritem { margin-top: 15px; border: 1px solid #ddd; padding: 15px; font-size: 12px; position: relative; }
.adritem .ctrlbox { position: absolute; right: 15px; top: 15px; color: #005ea7; }
.adritem .ctrlbox a { color: #005ea7; margin-left: 15px; }
.adritem .row { padding: 5px 0; }
.adritem .row .tit { display: inline-block; width: 60px; color: #999; text-align: right; }

.mallcart { margin-left: 12px; }

.teletephone { font-size: 18px; color: #f5091f !important; font-weight: 550; }

.yhjmodal { height: 100vh; max-height: 100vh; overflow-y: auto; } 



.jqzoom .jqZoomPup {background: darkgrey;}
.product-info .btnbox {	padding-left: 15px;}
.product-info .shuliang {	margin-top: 20px;}
.kefu {	margin-left: 30px;	padding: 6px 12px;}
.liulanjilu li {	padding: 0;}

.news { margin-top: 40px; }
.news .list li { margin-top: 20px; overflow: hidden; padding: 20px; background-color: #fff; transition: all .3s; }
.news .list li .img { width: 280px; height: 208px; float: left; margin-right: 20px; }
.news .list li .img img { width: 280px; height: 208px; }
.news .list li .cont { overflow: hidden; }
.news .list li .cont .tit { font-size: 22px; font-weight: bold; }
.news .list li .cont .date { font-size: 18px; color: #999; }
.news .list li .cont .desc { margin-top: 30px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 4; line-height: 1.8; }
.news .list li:hover { box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); }

.newshd { border-bottom: 1px solid #e8e8e8; padding: 20px 0; }
.newshd .cont { float: left; }
.newshd .tit { font-size: 24px; }
.newshd .date { font-size: 16px; color: #09308f; }
.newshd .info { color: #999; margin-top: 10px; }
.newshd .look { float: right; margin-top: 40px; color: #999; }

.newsbd { padding: 40px 0; overflow: hidden; }

.pagenav { background-color: #f7f7f7; padding: 30px 0; color: #666; }


.alltypes { width: 170px; height: 500px; float: left; margin-right: 17px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; }
.alltypes .hd { text-align: center; line-height: 40px; font-weight: bold; background-color: #f2f2f2; }
.alltypes .title { margin: 10px; padding-left: 18px; background: url(../images/icon_jia.png) no-repeat left center; }
.alltypes .title.active { background-image: url(../images/icon_jian.png); }
.alltypes .cont { font-size: 12px; display: none; }
.alltypes .cont a { display: block; padding: 5px 10px 5px 28px; }
.alltypes .title.active {   color: #e41802; }
.alltypes .cont a.active { background-color: #f2f2f2; color: #e41802; }
.alltypes .cont a:hover { background-color: #f8f8f8; }

.chanpinlist{overflow:hidden;height:410px;}
.chanpinlist .item{width:130px;float: left; padding:20px 10px;box-sizing: border-box;text-align: center;}
.chanpinlist .item .img img{width: 110px;height: 110px;}
.chanpinlist .item .title{margin-top: 10px;}
.chanpinlist .item .price{color: #f00;font-weight: bold;}

.adrpop1{padding: 20px;}
.adrpop1 .layui-form-item{margin-bottom: 0px;}
.adrpop1 .layui-input-block{margin-left: 40px;}

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.noresult{text-align:center; padding:20px;}