@charset "UTf-8"; 

/*筛选*/
.choose { width: 100%;}
.choose .cho01 { margin-top: 10px; padding: 10px; background: #fff;}
.choose .cho01 li { line-height: 35px; margin-top: -1px; border: 1px solid #eee; position: relative;}
.choose .cho01 li h3 { float: left; width: 100px; height: 35px; font-weight: 500; font-size: 14px; color: #090103; text-align: center; padding: 5px 0; position: relative; z-index: 2;}
.choose .cho01 li .msg { float: left; width: calc(100% - 185px); padding: 5px; border-left: 1px solid #eee;}
.choose .cho01 li .msg a { display: inline-block; line-height: 35px; font-size: 13px; color: #666; margin: 0 10px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.choose .cho01 li .msg a:hover,
.choose .cho01 li .msg .on { color: #24bb99;}
.choose .cho01 li .expand { display: block; width: 50px; height: 30px; line-height: 30px; font-size: 12px; color: #666; text-align: center; padding-right: 15px; border: 1px solid #eee; border-radius: 2px; overflow: hidden; background: #fff; position: absolute; right: 7px; top: 7px; z-index: 9; -webkit-transition: all .5s ease; transition: all .5s ease;}
.choose .cho01 li .expand::after { display: block; content: ""; width: 5px; height: 5px; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 12px; top: 11px;}
.choose .cho01 li .expand:hover { color: #24bb99; border-color: #24bb99;}
.choose .cho01 li .expand:hover::after { border-color: #24bb99;}
.choose .cho01 li .msg .group-hide { display: none;}

.choose .cho02 { margin-top: 10px; padding: 10px 15px; background: #fff;}
.choose .cho02 .lft { float: left; margin-right: 20px;}
.choose .cho02 .lft a { display: inline-block; height: 30px; line-height: 30px; color: #090103; padding: 0 15px; position: relative;}
.choose .cho02 .lft a::after { display: block; content: ""; width: 1px; height: 10px; background: #ddd; position: absolute; right: -2px; top: 10px;}
.choose .cho02 .lft a:first-child { padding-left: 0;}
.choose .cho02 .lft a i { font-size: 12px; margin-left: 3px;}
.choose .cho02 .lft a:hover,
.choose .cho02 .lft .curr { color: #24bb99;}
.choose .cho02 .prics { float: left; line-height: 30px;}
.choose .cho02 .prics label,
.choose .cho02 .prics a,
.choose .cho02 .prics input,
.choose .cho02 .prics span,
.choose .cho02 .prics button { float: left;}
.choose .cho02 .prics a { margin-right: 20px; position: relative;}
.choose .cho02 .prics a::after { display: block; content: ""; width: 1px; height: 10px; background: #ccc; position: absolute; right: -10px; top: 9px;}
.choose .cho02 .prics input { width: 50px; height: 28px; line-height: 28px; color: #090103; padding: 0 5px; border: 1px solid #ddd; background: #fff;}
.choose .cho02 .prics span { margin: 0 5px;}
.choose .cho02 .prics button { height: 30px; line-height: 30px; color: #fff; padding: 0 15px; margin-left: 5px; border: 1px solid #24bb99; background: #24bb99;}
.choose .cho02 .checkbox_items,
.choose .cho02 .checkbox_items li { float: left;}
.choose .cho02 .checkbox_items li { margin-left: 15px;}
.choose .cho02 .checkbox_items li input { float: left; margin: 9px 5px 0 0;}
.choose .cho02 .checkbox_items li label { float: left; line-height: 30px;}
.choose .cho02 .rgt { float: right;}
.choose .cho02 .rgt li { float: left; line-height: 30px; margin-left: 30px; position: relative;}
.choose .cho02 .rgt li::after { display: block; content: ""; width: 1px; height: 15px; background: #ddd; position: absolute; left: -15px; top: 9px;}
.choose .cho02 .rgt li a { display: block; width: 100%; font-size: 14px; color: #999;}
.choose .cho02 .rgt li a span { float: left; height: 16px; line-height: 16px; margin: 8px 5px 0 0;}
.choose .cho02 .rgt li a:hover,
.choose .cho02 .rgt li.current a { color: #24bb99;}

/*产品列表*/
.prolist { width: 100%; min-height: 290px; margin: 10px auto;}
.prolist .goods-list { width: 100%;}
.prolist .goods-list li .img img { display: block; width: 100%; min-height: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist .goods-list li:hover .img img { transform: scale(0.95,0.95);}

.prolist .goods-list .gl-warp-large li { float: left; width: calc(100% / 5 - 36px); padding: 10px; margin: 0 20px 20px 0; border-radius: 8px; overflow: hidden; background: #fff; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist .goods-list .gl-warp-large li:nth-child(5n) { margin-right: 0;}
.prolist .goods-list .gl-warp-large li .choose-btn-coll { display: block; width: 40px; height: 40px; line-height: 40px; color: #ddd; text-align: center; background: #fff; position: absolute; right: 0; top: 0; z-index: 9;}
.prolist .goods-list .gl-warp-large li .selected { color: #24bb99;}
.prolist .goods-list .gl-warp-large li .img { width: 100%; height: 225px; margin: 0 auto; overflow: hidden;}
.prolist .goods-list .gl-warp-large li .msg { padding-top: 10px;}
.prolist .goods-list .gl-warp-large li .msg h3 { height: 30px; line-height: 30px; font-weight: 500; font-size: 16px; color: #090103; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*.prolist .goods-list .gl-warp-large li .msg p { height: 30px; line-height: 30px; font-size: 12px; color: #f50;}
.prolist .goods-list .gl-warp-large li .msg p i { font-weight: bold; font-size: 18px; margin-left: 2px;}
.prolist .goods-list .gl-warp-large li .msg p span { float: right; font-size: 12px; color: #999;}
.prolist .goods-list .gl-warp-large li .msg span b { margin: 0 3px;}*/
.prolist .goods-list .gl-warp-large li .msg p { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 22px; line-height: 22px; font-size: 12px; color: #999; overflow: hidden;}
.prolist .goods-list .gl-warp-large li .msg p span { display: block; max-width: 50%; height: 22px; line-height: 22px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prolist .goods-list .gl-warp-large li .msg p i { display: block; width: 40px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; text-align: center; border-radius: 11px; overflow: hidden; background-image: linear-gradient(to right,#15daa4,#21c19b);}
.prolist .goods-list .gl-warp-large li .msg .wh70 span { max-width: 70%;}
.prolist .goods-list .gl-warp-large li .msg .wh100 span { max-width: 100%;}
.prolist .goods-list .gl-warp-large li .msg .pric { float: left; width: 65%; height: 25px; line-height: 25px; font-size: 12px; color: #ff5003; overflow: hidden;}
.prolist .goods-list .gl-warp-large li .msg .pric b { font-size: 16px;}
.prolist .goods-list .gl-warp-large li .msg .pric span { display: inline-block; height: 15px; line-height: 15px; font-size: 10px; color: #fff; margin-left: 5px; padding: 0 5px; border-radius: 10px 10px 10px 0; background-image: linear-gradient(to right,#fd80a7,#ff6a29); position: relative; top: -4px;}
.prolist .goods-list .gl-warp-large li .msg .ysho { float: right; max-width: 35%; height: 25px; line-height: 25px; font-size: 11px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prolist .goods-list .gl-warp-large li .msg .ysho b { font-size: 12px;}
.prolist .goods-list .gl-warp-large li .msg s { display: block; height: 20px; line-height: 20px; font-size: 11px; color: #999;}

.prolist .goods-list .gl-warp-large li .btn { width: 100%; height: 30px; margin-top: 5px;}
.prolist .goods-list .gl-warp-large li .btn .nmb { float: left; width: calc(100% - 55px); height: 28px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.prolist .goods-list .gl-warp-large li .btn .nmb span,
.prolist .goods-list .gl-warp-large li .btn .nmb input { display: block; float: left; height: 28px; line-height: 28px; text-align: center; border: none; overflow: hidden; background: #fff;}
.prolist .goods-list .gl-warp-large li .btn .nmb span { width: 30px; font-size: 18px; cursor: pointer;}
.prolist .goods-list .gl-warp-large li .btn .nmb input { width: calc(100% - 62px); font-size: 14px; color: #24bb99; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.prolist .goods-list .gl-warp-large li .btn .cart { float: right; width: 46px; height: 30px; background: url(../images/hy14.png) no-repeat center;}
.prolist .goods-list .gl-warp-large li .btn .points-buy { float: right; width: 46px; height: 30px;background-color:#24bb99;color:#fff;font-size: 14px;line-height:30px;text-align: center;border-radius:2px;cursor:pointer;}
.prolist .goods-list .gl-warp-large li:hover { border-color: #24bb99;}
.prolist .goods-list .gl-warp-large li:hover .img img { transform: scale(1.1,1.1);}



.prolist .goods-list .gl-warp-large li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.05);}

.prolist .goods-list .gl-warp-samll li { padding: 15px; background: #fff;}
.prolist .goods-list .gl-warp-samll li:nth-child(2n) { background: #fafafa;}
.prolist .goods-list .gl-warp-samll li .wai { display: block; float: left; width: calc(100% - 210px);}
.prolist .goods-list .gl-warp-samll li .img { float: left; width: 60px; height: 60px; overflow: hidden;}
.prolist .goods-list .gl-warp-samll li .msg { float: left; width: 65%; margin: 0 15px;}
.prolist .goods-list .gl-warp-samll li .msg h3 { width: 100%; line-height: 30px; font-size: 14px; color: #090103; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prolist .goods-list .gl-warp-samll li .msg p { line-height: 30px; color: #999;}
.prolist .goods-list .gl-warp-samll li .msg p span { display: inline-block; margin-right: 40px;}
.prolist .goods-list .gl-warp-samll li .prise { float: left; width: 20%; font-size: 16px; color: #ff5003; line-height: 60px; text-align: center;}
.prolist .goods-list .gl-warp-samll li .prise i { font-size: 12px; margin-right: 3px;}
.prolist .goods-list .gl-warp-samll li .prise s { font-size: 12px; color: #999; margin-left: 10px;}
.prolist .goods-list .gl-warp-samll li .oprat { float: right; max-width: 210px; height: 35px; line-height: 35px; margin-top: 10px;}
.prolist .goods-list .gl-warp-samll li .oprat a { display: block;}
.prolist .goods-list .gl-warp-samll li .oprat a i { display: block; float: left; margin: 0 4px 0 0;}
.prolist .goods-list .gl-warp-samll li .oprat .addcart { float: right; height: 35px; line-height: 35px; padding: 0 20px; color: #fff; background: #24bb99;}
.prolist .goods-list .gl-warp-samll li .oprat .points-buy { float: right; height: 35px; line-height: 35px; padding: 0 20px; color: #fff; background: #24bb99;}
.prolist .goods-list .gl-warp-samll li .oprat .choose-btn-coll { float: right; height: 35px; line-height: 35px; color: #999; padding: 0 20px; background: #fff;}
.prolist .goods-list .gl-warp-samll li .oprat .selected { color: #24bb99;}

.prolist .goods-spread-fix { width: 25px; height: 25px; position: absolute; right: -35px;}
.prolist .goods-spread-fix .list { display: none;}

/*猜你喜欢*/
.youlike { width: 100%; margin: 30px 0;}
.youlike h2 { line-height: 55px; font-size: 20px; color: #090103; text-align: center; position: relative;}
.youlike h2::before,
.youlike h2::after { display: block; content: ""; width: 43%; height: 1px; background: #ddd; position: absolute; top: 30px;}
.youlike h2::before { left: 0;}
.youlike h2::after { right: 0;}
.youlike li { float: left; width: calc(100% / 5 - 16px); margin: 20px 20px 0 0; border-radius: 8px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.youlike li:nth-child(5n) { margin-right: 0;}
.youlike li a { display: block; text-align: center; padding: 15px;}
.youlike li .img { width: 225px; height: 225px; margin: 0 auto 10px auto; overflow: hidden;}
.youlike li .img img { display: block; width: 225px; height: 225px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.youlike li h3 { height: 35px; line-height: 35px; font-weight: 500; font-size: 17px; color: #090103; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.youlike li p { height: 30px; line-height: 30px; font-size: 14px; color: #f50;}
.youlike li p span { font-size: 20px;}
.youlike li:hover { box-shadow: 0 5px 10px rgba(0,0,0,0.05);}
.youlike li:hover .img img { transform: scale(0.95,0.95);}

/*****产品详情****/
.porshow { padding: 15px; margin-top: 10px; background: #fff;}
.porshow .proimgs { float: left; width: 500px;}
.porshow .proimgs .gallery_wrap { width: 500px; height: 500px; border: 1px solid #eee; box-sizing: border-box; overflow: hidden;}
.porshow .proimgs .gallery_wrap li { width: 500px; height: 500px;}
.porshow .proimgs .gallery_wrap li img { display: block; width: 500px; height: 500px;}
.porshow .proimgs .spec-list { width: 500px; margin: 10px auto 0 auto;}
.porshow .proimgs .spec-list a { display: block; width: 30px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #eee; box-sizing: border-box; background: #fff; overflow: hidden;}
.porshow .proimgs .spec-list .spec-prev { float: left;}
.porshow .proimgs .spec-list .spec-next { float: right;}
.porshow .proimgs .spec-list .spec-items { float: left; width: 430px; margin: 0 5px;}
.porshow .proimgs .spec-list .spec-items li { float: left; width: 50px; height: 50px; margin: 0 5px; overflow: hidden;}
.porshow .proimgs .spec-list .spec-items li a { display: block; width: 48px; height: 48px; padding: 5px; border: 1px solid #eee;}
.porshow .proimgs .spec-list .spec-items li img { display: block; width: 38px; height: 38px;}
.porshow .proimgs .spec-list .spec-items li .img-hover { border-color: #24bb99;}
.porshow .proimgs .MagicZoomPup { width: 50px; height: 50px; cursor: move; filter: alpha(opacity=50); opacity: 0.5; visibility: hidden; background-image: url(../images/zoom-point.png); position: absolute; top: 0; left: 0; z-index: 3;}

.porshow .promsg { float: right; width: calc(100% - 530px);}
.porshow .promsg h1 { line-height: 35px; font-size: 24px; color: #090103; overflow: hidden;}
.porshow .promsg li { width: 100%; height: 35px; line-height: 35px;}
.porshow .promsg li label { float: left; width: 65px; font-size: 14px; color: #666; text-align: justify;
  text-align-last: justify;}
.porshow .promsg li .msg { float: right; width: calc(100% - 80px); height: 35px;}
.porshow .promsg .proms { width: 100%;}
.porshow .promsg .proms span { display: inline-block; font-size: 12px; margin-right: 15px; padding-left: 20px; position: relative;}
.porshow .promsg .proms span::before,
.porshow .promsg .proms span::after { display: block; content: ""; position: absolute;}
.porshow .promsg .proms span::before { width: 10px; height: 10px; border: 1px solid #666; background: #fff; left: 0; top: 12px;}
.porshow .promsg .proms span::after { width: 10px; height: 5px; border-bottom: 2px solid #000; border-left: 2px solid #000; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 2px; top: 12px;}

.porshow .promsg .spwrap { margin: 20px auto 10px auto; padding: 15px 25px 10px 25px; background: url(../images/probg.jpg) no-repeat center / 100%; position: relative;}
.porshow .promsg .spwrap .tims { display: flex; flex-direction: row; justify-content: flex-end; position: absolute; right: 20px; bottom: 20px; z-index: 2;}
.porshow .promsg .spwrap .tims span,
.porshow .promsg .spwrap .tims i { display: block; height: 30px; line-height: 30px;}
.porshow .promsg .spwrap .tims span { font-size: 14px; color: #fff; padding: 0 10px; border-radius: 4px; overflow: hidden;  background-image: linear-gradient(to right,#fd80a7,#ff6a29);}
.porshow .promsg .spwrap .tims i { font-size: 12px; color: #333; text-align: center; padding: 0 5px;}

.porshow .promsg .spwrap .msg .shop-price { float: left; height: 35px; line-height: 35px; font-size: 18px; color: #24bb99; margin-right: 10px;}
.porshow .promsg .spwrap .msg .shop-price i { font-weight: 500; font-size: 14px; margin-right: 5px;}
.porshow .promsg .spwrap .msg .tip { display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: #fff; padding: 0 5px; border-radius: 2px 2px 2px 0; background: #e00; position: relative;}
.porshow .promsg .spwrap .msg .tip::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 5px 5px; border-color: transparent transparent #e00 transparent; position: absolute; left: -5px; bottom: 0;}
.porshow .promsg .spwrap .msg p { color: #090103; padding-left: 25px; background: url(../images/vip.png) no-repeat left center / 20px;}
.porshow .promsg .spwrap .msg p span { color: #24bb99; margin-left: 5px;}
.porshow .promsg .spwrap .msg p span b { font-size: 16px;}
.porshow .promsg .spwrap .msg p a { margin-left: 20px; text-decoration: underline;}
.porshow .promsg .spwrap .msg s {display: inline-block; height: 35px; font-size: 12px; color: #666;}
.porshow .promsg .spwrap .msg s b { font-size: 14px; margin-left: 2px;}
.porshow .promsg .spwrap .msg .accum { display: inline-block; color: #666; margin-right: 30px;}
.porshow .promsg .spwrap .msg .accum em { font-weight: bold; font-size: 14px; color: #24bb99; margin-left: 5px; position: relative; top: 1px;}
.porshow .promsg .short-share { width: 40px; position: absolute; right: 20px; top: 20px;}
.porshow .promsg .short-share a { display: block; width: 100%; text-align: center;}
.porshow .promsg .short-share a i { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 16px; margin: 0 auto; border: 1px solid #e5e5e5; border-radius: 50%; background: #fff;}
.porshow .promsg .short-share a:hover,
.porshow .promsg .short-share .selected { color: #090103;}
.porshow .promsg .short-share a:hover i,
.porshow .promsg .short-share .selected i { color: #fff; border-color: #24bb99; background: #24bb99;}

.porshow .promsg .basicif { padding-left: 25px;}
.porshow .promsg .basicif li { float: left; width: 50%; height: 30px; line-height: 30px;}
.porshow .promsg .basicif li label { font-size: 13px;}
.porshow .promsg .basicif li .msg { height: 30px;}
.porshow .promsg .basicif .wi100 { width: 100%;}
.porshow .promsg .basicif #is-number { margin: 10px 0;}
.porshow .promsg .basicif .attrib a { display: inline-block; padding: 0 10px; margin: 0 5px 5px 0; border: 1px solid #ddd; background: #fafafa; position: relative;}
.porshow .promsg .basicif .attrib a::after { display: none; content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0px 0; border-color: transparent #24bb99 transparent transparent; line-height: 0px; _border-color: #000 #24bb99 #000 #000; _filter: progid: dXImageTransform.Microsoft.chroma(color='#000'); position: absolute; right: 0; bottom: 0;}
.porshow .promsg .basicif .attrib a:hover,
.porshow .promsg .basicif .attrib .selected { color: #24bb99; border-color: #24bb99; background: #fff;}
.porshow .promsg .basicif .attrib .selected::after { display: block;}
.porshow .promsg .basicif .a-btn { float: left; width: 145px; margin: 1px 20px 0 0;}
.porshow .promsg .basicif .a-btn a,
.porshow .promsg .basicif .a-btn .buy-num { display: block; float: left; -webkit-transition: all .5s ease; transition: all .5s ease;}
.porshow .promsg .basicif .a-btn a { width: 28px; height: 26px; line-height: 26px; font-size: 18px; text-align: center; border: 1px solid #ccc;}
.porshow .promsg .basicif .a-btn .buy-num { width: 50px; height: 26px; font-size: 15px; text-align: center; padding: 0 5px; margin: 0 5px; border: 1px solid #ccc;}
.porshow .promsg .basicif .a-btn a:hover { color: #090103; background: #ccc;}
.porshow .promsg .basicif .stock { display: block; height: 30px; line-height: 30px; font-style: normal; font-size: 13px; color: #090103; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.porshow .promsg .pintu { margin-top: 15px; padding-left: 25px;}
.porshow .promsg .pintu .lts { display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; padding: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.porshow .promsg .pintu .lts .ren { display: flex; flex-direction: row; align-items: center;}
.porshow .promsg .pintu .lts .ren img { display: block; width: 35px; height: 35px; margin-right: 10px; border-radius: 50%; overflow: hidden;}
.porshow .promsg .pintu .lts .ren p { height: 40px; line-height: 40px; font-size: 14px; color: #333;}
.porshow .promsg .pintu .lts .mg { flex: 1 1 0%; text-align: right; margin: 0 25px;}
.porshow .promsg .pintu .lts .mg p { height: 20px; line-height: 20px; font-size: 12px; color: #666;}
.porshow .promsg .pintu .lts .mg p b { display: inline-block; font-size: 14px; color: #24bb99; margin: 0 5px;}
.porshow .promsg .pintu .lts .mg .ptims { height: 20px; line-height: 20px; font-size: 13px; color: #fd80a7;}
.porshow .promsg .pintu .lts .bnt { width: 85px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; overflow: hidden; background-image: linear-gradient(to right,#fd80a7,#ff6a29);}

.porshow .promsg .price { width: 100%;}
.porshow .promsg .price span { display: inline-block; height: 30px; line-height: 30px; font-size: 12px; color: transparent; background: linear-gradient(to right,#fd80a7,#ff6a29); -webkit-background-clip: text;}
.porshow .promsg .price span b { font-size: 18px; color: transparent; background: linear-gradient(to right,#fd80a7,#ff6a29); -webkit-background-clip: text;}
.porshow .promsg .price #show-kg { font-size: 12px; color: #666; margin-left: 15px; position: relative; top: -1px;}
.porshow .promsg .price #show-kg::after { display: block; content: "/"; width: 15px; height: 40px; line-height: 40px; font-size: 12px; color: #999; text-align: center; position: absolute; top: 0; left: -15px;}

.porshow .promsg .choose-btns { margin-top: 20px; padding-left: 25px;}
.porshow .promsg .choose-btns a { display: block; float: left; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; margin-right: 15px; padding: 0 30px; background: #ccc; -webkit-transition: all .5s ease; transition: all .5s ease;}
.porshow .promsg .choose-btns a i { margin-right: 5px;}
.porshow .promsg .choose-btns .btn-buynow { background-image: linear-gradient(to right,#fd80a7,#ff6a29);}
.porshow .promsg .choose-btns .btn-append { background-image: linear-gradient(to right,#15daa4,#21c19b);}
.porshow .promsg .choose-btns a:hover { border-radius: 4px; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}

.probottom { padding: 15px; margin: 10px auto; background: #fff;}
.probottom .gm-tabbox { width: 100%; height: 40px; line-height: 40px; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #eee; position: relative;}
.probottom .gm-tabbox li { display: inline-block; font-size: 14px; color: #666; padding: 0 30px; cursor: pointer; position: relative;}
.probottom .gm-tabbox li::after { display: none; content: ""; width: 40px; height: 3px; margin: auto; background: #24bb99; position: absolute; bottom: -12px; left: 0; right: 0;}
.probottom .gm-tabbox .curr { font-weight: bold; font-size: 16px; color: #24bb99; background: #fff;}
.probottom .gm-tabbox .curr:after { display: block;}

.probottom .gm-floors { width: 100%; padding: 10px 0;}
.probottom .gm-floors .gm-title { width: 100%; height: 50px; line-height: 50px;}
.probottom .gm-floors .gm-title h3 { float: left; font-weight: bold; font-size: 16px; color: #090103; padding-left: 15px; position: relative;}
.probottom .gm-floors .gm-title h3::after { display: block; content: ""; width: 3px; height: 15px; background: #24bb99; position: absolute; left: 0; top: 19px;}
.probottom .gm-floors .goods-para-list { width: 100%; margin-bottom: 20px; font-size: 14px; line-height: 25px; color: #666;}
.probottom .gm-floors .goods-para-list img { display: block; float: none !important; max-width: 100%; line-height: 0; margin: 0 auto;}

.probottom .gm-floors .gm-f-parameter { width: 100%;}
.probottom .gm-floors .gm-f-parameter .ptable { width: 100%;}
.probottom .gm-floors .gm-f-parameter .ptable li { width: 100%; line-height: 30px; color: #999;}
.probottom .gm-floors .gm-f-parameter .ptable li span { display: inline-block; color: #090103;}

.probottom .gm-floors .gm-f-comment { width: 100%;}
.probottom .gm-floors .gm-f-comment .gm-f-tab { float: right; max-width: 70%;}
.probottom .gm-floors .gm-f-comment .gm-f-tab li { float: left; font-size: 12px; margin-left: 25px;}
.probottom .gm-floors .gm-f-comment .gm-f-tab li a { display: block; width: 100%; color: #999;}
.probottom .gm-floors .gm-f-comment .gm-f-tab li:hover a,
.probottom .gm-floors .gm-f-comment .gm-f-tab .curr a { color: #24bb99;}

.probottom .gm-floors .gm-f-comment .praise-rate-warp { width: 100%; padding-bottom: 15px; border-bottom: 1px solid #eee;}
.probottom .gm-floors .gm-f-comment .praise-rate-warp .rate { float: left; padding-right: 30px; border-right: 1px solid #eee;}
.probottom .gm-floors .gm-f-comment .praise-rate-warp .rate b { float: left; line-height: 50px; font-weight: 500; font-size: 48px; color: #24bb99;}
.probottom .gm-floors .gm-f-comment .praise-rate-warp .rate span { float: left; font-size: 20px; color: #24bb99; line-height: 20px; margin: 5px 0 0 5px;}
.probottom .gm-floors .gm-f-comment .praise-rate-warp .rate span i { display: block; font-size: 12px; color: #999; margin-left: 10px;}
.probottom .gm-floors .gm-f-comment .praise-rate-warp .actor-new { float: right; width: 770px;}
.probottom .gm-floors .gm-f-comment .praise-rate-warp .actor-new .not_impression { height: 50px; line-height: 55px; font-size: 14px; color: #999; padding-left: 45px; background: url(../images/not-imp.png) no-repeat left center / 30px;}

.probottom .gm-floors .gm-f-comment .com-list-main { padding-top: 15px;}
.probottom .gm-floors .gm-f-comment .com-list-main .no_records { line-height: 40px; font-size: 14px; color: #999; text-align: center; margin-top: 65px; padding-top: 140px; background: url(../images/not-comment.png) no-repeat center top;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item { width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-user-name { width: 100%; margin-bottom: 10px;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-user-name .user-ico { float: left; width: 50px; height: 50px; margin-right: 10px; border-radius: 50%; overflow: hidden; background: #f5f5f5;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-user-name .user-ico img { display: block; width: 100%;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-user-name .msg { float: left; width: 940px; line-height: 20px;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-user-name .msg .user-txt { line-height: 30px; font-size: 14px; color: #090103;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-user-name .msg .grade-star { float: left; width: px; height: 20px; margin-right: 20px;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-user-name .msg .grade-star img { display: block; float: left; width: 12px; height: 12px; margin: 5px 5px 0 0;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-user-name .msg .ciw-time { float: left; color: #999;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp { margin-left: 60px;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp .com-warp { width: 100%;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp .com-warp .com-txt { line-height: 25px; font-size: 12px; color: #666;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp .com-warp .com-imgs { width: 100%; margin: 10px auto;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp .com-warp .com-imgs .p-thumb-img li { float: left; width: 120px; margin: 0 10px 10px 0; overflow: hidden;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp .com-warp .com-imgs .p-thumb-img li img { display: block; width: 120px; height: 120px;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp .reply_info { padding: 15px 20px; background: #f8f8f8;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp .reply_info em,.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp .reply_info .words { float: left; line-height: 25px;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp .reply_info em { width: 60px;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp .reply_info .words { width: 840px; font-size: 12px; color: #666; margin-bottom: 5px;}
.probottom .gm-floors .gm-f-comment .com-list-main .com-list-item .com-item-warp .reply_info .time { margin-left: 60px; color: #999;}

/*购物车*/
.carts { width: 100%; margin: 15px auto;}
.carts .cartop { width: 100%; margin-bottom: 15px;}
.carts .cartop ul { display: flex; flex-direction: row; justify-content: center;}
.carts .cartop li { flex: 1 1 0%; display: flex; justify-content: center; align-items: center; height: 45px; line-height: 45px; font-size: 14px; color: #999; border: 1px dashed #ddd; border-radius: 4px; background: #fafafa;}
.carts .cartop li:nth-child(2n) { border: none; background: none;}
.carts .cartop li i { color: #ccc;}
.carts .cartop .curr { color: #fff; border: 1px solid #24bb99; background: #24bb99;}
.carts .tb1 { width: 6%;}
.carts .tb2 { width: 44%;}
.carts .tb3 { width: 12%;}
.carts .tb4 { width: 13%;}
.carts .tb5 { width: 12%;}
.carts .tb6 { width: 13%;}
.carts .cart-head { line-height: 30px; font-size: 14px; color: #999; background: #fff;}
.carts .cart-head li { float: left; padding: 10px 15px; text-align: center; box-sizing: border-box;}
.carts .cart-head li input { display: block; float: left; margin-top: 10px;}
.carts .cart-tbody { background: #ffff;}
.carts .cart-tbody .shop { padding: 10px 15px; border: 1px solid #f2f2f2; border-bottom: none; background: rgba(36,187,153,0.08);}
.carts .cart-tbody .shop img { display: block; float: left; width: 25px; height: 25px; padding: 5px; border: 1px solid #eee; border-radius: 4px; background: #fff;}
.carts .cart-tbody .shop span { display: block; float: left; line-height: 35px; font-weight: bold; font-size: 14px; color: #333; margin-left: 10px;}
.carts .cart-item { border-top: 1px solid #f2f2f2;}
.carts .item-list { width: 100%;}
.carts .item-list li { float: left; padding: 15px; text-align: center; box-sizing: border-box;}
.carts .item-list li p { font-size: 14px; color: #090103;}
.carts .item-list li p i { font-size: 12px; margin-right: 2px;}
.carts .item-list li p b { font-size: 16px; color: #24bb99;}
.carts .item-list .tb1 input { display: block; margin-top: 30px;}
.carts .item-list .goods-item .p-img { float: left; width: 70px; height: 70px; padding: 3px; margin-right: 15px; border: 1px solid #ddd; overflow: hidden; background: #fff;}
.carts .item-list .goods-item .p-img img { display: block; width: 100%;}
.carts .item-list .goods-item .item-msg { float: left; width: 449px; text-align: left; font-size: 14px; color: #090103; line-height: 25px; margin-bottom: 5px;}
.carts .item-list .goods-item .item-msg .gds-types { font-size: 12px; color: #999;}
.carts .item-list .tb3,
.carts .item-list .tb5 { line-height: 76px;}
.carts .item-list .tb4 .tc { line-height: 25px; color: #999;}
.carts .item-list .amount-warp { width: 100%; margin: 10px auto 0 auto;}
.carts .item-list .amount-warp .a-btn { width: 100%;}
.carts .item-list .amount-warp .a-btn a,
.carts .item-list .amount-warp .a-btn input { display: block; float: left; height: 40px; line-height: 40px; color: #090103; text-align: center; border: 1px solid #ddd; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.carts .item-list .amount-warp .a-btn a { width: 35px; font-size: 20px;}
.carts .item-list .amount-warp .a-btn input { width: 53px; font-size: 14px; margin: 0 5px;}
.carts .item-list .amount-warp .a-btn a:hover { color: #fff; border-color: #24bb99; background: #24bb99;}
.carts .tb6 a { display: inline-block; height: 30px; line-height: 30px; color: #fff; padding: 0 10px; margin: 21px 5px; border-radius: 4px; overflow: hidden;}
.carts .tb6 .cart-remove { background-image: linear-gradient(to right,#fe7e9e,#ff773c);}
.carts .tb6 .cart-store { background: #24bb99;}
.carts .cart-tbody .tb3 p { color: #24bb99;}
.carts .cart-tfoot { height: 50px; line-height: 50px; font-size: 14px; color: #999; border-top: 1px solid #f2f2f2; overflow: hidden; background: #fff;}
.carts .cart-tfoot .cartbox { float: left; padding: 0 15px;}
.carts .cart-tfoot .cartbox input { float: left; margin: 20px 5px 0 0;}
.carts .cart-tfoot .operation { float: left;}
.carts .cart-tfoot .operation a { display: inline-block; margin-left: 30px;}
.carts .cart-tfoot .toolbar-right { float: right;}
.carts .cart-tfoot .toolbar-right .price-sum { float: left; font-size: 14px; margin-right: 25px;}
.carts .cart-tfoot .toolbar-right .price-sum i { font-size: 14px; color: #ff6a29; margin-right: 3px;}
.carts .cart-tfoot .toolbar-right .price-sum span { font-weight: bold; font-size: 22px; color: #ff6a29;}
.carts .cart-tfoot .toolbar-right .btn-area { float: left;}
.carts .cart-tfoot .toolbar-right .btn-area .submit-btn { display: block; width: 160px; height: 50px; line-height: 50px; font-weight: bold; font-size: 16px; color: #fff; text-align: center; border: none; background: #24bb99; cursor: pointer;}
.no_records { padding-top: 60px; background: #fff;}

.carts .oradd { padding: 10px 20px; background: #fff;}
.carts .oradd .address { margin-bottom: 30px;}
.carts .oradd .address li { float: left; width: 24.25%; height: 140px; margin: 0 1% 15px 0; padding: 15px; border: 1px dashed #ccc; border-radius: 4px; box-sizing: border-box; overflow: hidden; position: relative;}
.carts .oradd .address .cs-selected { border-color: #24bb99;}
.carts .oradd .address .cs-selected::before,.carts .oradd .address .cs-selected::after { display: block; content: ""; position: absolute;}
.carts .oradd .address .cs-selected::before { width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #24bb99 transparent; line-height: 0px; _border-color: #000 #000 #24bb99 #000; _filter: progid: dXImageTransform.Microsoft.chroma(color='#000000'); right: -1px; bottom: -1px;}
.carts .oradd .address .cs-selected::after { width: 4px; height: 8px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 2px; bottom: 2px; z-index: 2;}
.carts .oradd .address li:nth-child(4n) { margin-right: 0;}
.carts .oradd .address li h3 { font-size: 14px; line-height: 30px; color: #999;}
.carts .oradd .address li h3 b { float: left; font-weight: 500; font-size: 16px; color: #090103; margin-right: 20px;}
.carts .oradd .address li h3 span { float: left; font-size: 12px; color: #fd9125; line-height: 15px; margin-top: 8px;}
.carts .oradd .address li p { max-height: 44px; line-height: 22px; font-size: 13px; color: #999; margin-top: 5px; overflow: hidden;}
.carts .oradd .address li .edit,.carts .oradd .address li .delete { display: block; font-size: 14px; color: #24bb99; filter: alpha(opacity=0); opacity: 0; position: absolute; top: 19px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.carts .oradd .address li .edit { right: 60px;}
.carts .oradd .address li .delete { right: 20px;}
.carts .oradd .address li:hover a { filter: alpha(opacity=100); opacity: 1;}
.carts .oradd .address .add { width: 100%; height: 100%;}
.carts .oradd .address .add a { display: block; width: 100%; height: calc(100% - 30px); text-align: center; padding-top: 30px;}
.carts .oradd .address .add i { font-size: 30px; color: #999;}
.carts .oradd .address .add a:hover i,.carts .oradd .address .add a:hover p { color: #24bb99;}

.carts .oradd .shoplst { width: 100%;}
.carts .oradd .shoplst .louflor { margin-bottom: 10px; border: 1px solid rgba(36,187,153,0.2); border-radius: 4px; overflow: hidden;}
.carts .oradd .shoplst .louflor .shop { padding: 10px; border-bottom: 1px solid rgba(36,187,153,0.1); background: rgba(36,187,153,0.08);}
.carts .oradd .shoplst .louflor .shop img { display: block; float: left; width: 25px; height: 25px; padding: 5px; border: 1px solid #eee; border-radius: 4px; background: #fff;}
.carts .oradd .shoplst .louflor .shop span { display: block; float: left; line-height: 35px; font-weight: bold; font-size: 14px; color: #333; margin-left: 10px;}
.carts .oradd .shoplst .louflor .nr { padding: 10px;}
.carts .oradd .shoplst .louflor .nr li { display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; padding: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.carts .oradd .shoplst .louflor .nr li:last-child { margin-bottom: 0;}
.carts .oradd .shoplst .louflor .nr li .prod { flex: 1 1 0%; text-align: left;}
.carts .oradd .shoplst .louflor .nr li .prod .img { float: left; width: 60px; height: 60px; padding: 5px; border: 1px solid #eee; border-radius: 2px; overflow: hidden;}
.carts .oradd .shoplst .louflor .nr li .prod .img img { display: block; width: 60px; height: 60px;}
.carts .oradd .shoplst .louflor .nr li .prod .msg { float: right; width: calc(100% - 85px);}
.carts .oradd .shoplst .louflor .nr li .prod .msg h3 { height: 30px; line-height: 30px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.carts .oradd .shoplst .louflor .nr li .prod .msg p { display: flex; flex-direction: row; width: 100%;}
.carts .oradd .shoplst .louflor .nr li .prod .msg p span { display: block; height: 25px; line-height: 25px; font-size: 12px; color: #999; margin: 10px 10px 0 0; padding: 0 10px; border-radius: 2px; background: #f8f8f8;}


.carts .oradd .shoplst .louflor .nr li .price,
.carts .oradd .shoplst .louflor .nr li .numb { width: 130px; height: 40px; line-height: 40px; font-size: 12px; color: #666; text-align: center;}
.carts .oradd .shoplst .louflor .nr li .price b,
.carts .oradd .shoplst .louflor .nr li .numb b { font-size: 16px;}
.carts .oradd .shoplst .louflor .nr li .price { color: #ff6a29;}
.carts .oradd .shoplst .louflor .nr li .hui { height: 50px; line-height: 30px; color: #666;}
.carts .oradd .shoplst .louflor .nr li .hui b { font-weight: 500;}
.carts .oradd .shoplst .louflor .nr li .price s { display: block; line-height: 20px; font-size: 12px; color: #999;}
.carts .oradd .shoplst .louflor .nr li .price s b { font-size: 14px;}
.carts .oradd .shoplst .louflor .nr li:hover .prod .msg h3 { color: #24bb99;}

/*.carts .oradd .shoplst li { padding: 15px; border-bottom: 1px solid #f4f4f4; background: #fafafa;}
.carts .oradd .shoplst li:nth-child(2n) { background: #fff;}
.carts .oradd .shoplst li .img { float: left; width: 60px; height: 60px; padding: 2.5px; border: 1px solid #ddd; background: #fff;}
.carts .oradd .shoplst li .img img { display: block; width: 100%;}
.carts .oradd .shoplst li h3 { float: left; width: 50%; line-height: 22px; font-size: 14px; color: #090103; margin: 0 15px;}
.carts .oradd .shoplst li p { float: left; width: 10.5%; font-size: 14px; color: #666; line-height: 65px; text-align: center;}
.carts .oradd .shoplst li p i { font-size: 12px; margin-right: 2px;}
.carts .oradd .shoplst li p b { font-size: 18px; color: #24bb99;}*/

.carts .oradd .shoplst .zhmsg { width: 100%; margin-top: 25px;}
.carts .oradd .shoplst .zhmsg p { height: 30px; line-height: 30px; font-size: 14px; color: #999; text-align: right;}
.carts .oradd .shoplst .zhmsg p span { font-weight: bold; color: #333;}
.carts .oradd .shoplst .zhmsg p b { color: #333;}
.carts .oradd .shoplst .zhmsg p a { font-weight: bold; color: #333; padding-right: 15px; position: relative;}
.carts .oradd .shoplst .zhmsg p a::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 4px; top: 7px;}

.carts .oradd .shoplst .remark { width: 100%; margin-top: 25px;}
.carts .oradd .shoplst .remark input { width: calc(100% - 22px); height: 40px; line-height: 40px; font-size: 14px; color: #090103; padding: 0 10px; border: 1px solid #ddd; border-radius: 2px;}
.carts .oradd .shoplst .remark p { display: block; line-height: 25px; font-size: 12px; color: #999; margin-top: 5px;}

.carts .oradd .ckstep { width: 100%;}
.carts .oradd .ckstep span { display: inline-block; font-size: 14px; color: #666; line-height: 30px; margin-right: 20px;}
.carts .oradd .ckstep .i-edit { display: inline-block; font-size: 14px; color: #24bb99; line-height: 30px;}
.carts .oradd .ckstep .i-edit:hover { text-decoration: underline;}

.carts .oradd .botmtotl { width: 100%; text-align: right; padding: 30px 0 10px 0; border-top: 1px solid #eee;}
.carts .oradd .botmtotl p { float: right; line-height: 30px; font-size: 14px; color: #666; margin-left: 30px;}
.carts .oradd .botmtotl p b { font-size: 20px; color: #ff6a29; margin: 0 5px;}
.carts .oradd .botmtotl p em,
.carts .oradd .botmtotl p span { color: #ff6a29;}
.carts .oradd .botmtotl .botm { max-width: 100%; margin-top: 20px; background: #fafafa;}
.carts .oradd .botmtotl .botm p { float: right; font-size: 12px; margin: 0 30px 0 0; line-height: 60px;}
.carts .oradd .botmtotl .botm input { float: right; width: 160px; height: 60px; line-height: 60px; font-weight: bold; font-size: 16px; color: #fff; text-align: center; border: none; background: #24bb99;}

/*新增收货人地址*/
.pbtank { width: 100%; height: 100vh; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 99999;}
.pbtank .cboxContent { width: 500px; height: 500px; margin: auto; border-radius: 4px; overflow: hidden; background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.pbtank .cboxContent .pb-hd { height: 40px; border-bottom: 1px solid #eee; position: relative;}
.pbtank .cboxContent .pb-hd span { display: block; line-height: 40px; font-size: 14px; color: #333; padding: 0 20px;}
.pbtank .cboxContent .pb-hd .pb-x { display: block; width: 30px; height: 30px; border-radius: 0 4px 0 50%; background: #24bb99; position: absolute; right: 0; top: 0; z-index: 2;}
.pbtank .cboxContent .pb-hd .pb-x::after { display: block; content: "+"; width: 30px; height: 30px; line-height: 25px; font-size: 22px; color: #fff; text-align: center; cursor: pointer; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.pbtank .cboxContent .pb-bd { width: 100%;}
.pbtank .cboxContent .pb-bd .pb-ct { padding: 20px 20px 15px 20px;}
.pbtank .cboxContent .pb-bd .pb-ct .layui-form-item { margin-bottom: 10px; border: 1px solid #e6e6e6; border-radius: 2px; background: #fff;}
.pbtank .cboxContent .pb-bd .pb-ct .layui-form-item .layui-form-label { width: 109px; height: 40px; line-height: 40px; text-align: center; padding: 0; border-right: 1px solid #e6e6e6; background: #fafafa;}
.pbtank .cboxContent .pb-bd .pb-ct .layui-form-item .layui-form-label i { display: inline-block; line-height: 10px; font-size: 16px; color: #24bb99; margin-right: 2px; position: relative; top: 3px;}
.pbtank .cboxContent .pb-bd .pb-ct .layui-form-item .layui-input-block { min-height: 40px;}
.pbtank .cboxContent .pb-bd .pb-ct .layui-form-item .layui-input-block .layui-input { height: 40px; line-height: 40px; border: none;}
.pbtank .cboxContent .pb-bd .pb-ct .layui-form-item .layui-input-block .layui-form-radio { line-height: 40px; margin: 0 0 0 10px;}
.pbtank .cboxContent .pb-bd .pb-ct .layui-form-item .layui-input-block .layui-form-radio .layui-anim.layui-icon { height: 20px; line-height: 20px; margin-top: 4px;}
.pbtank .cboxContent .pb-bd .pb-ct .layui-form-item .layui-input-block select { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; border: none; background: #fff;}
.pbtank .cboxContent .pb-bd .pb-ct .layui-form-item .layui-input-block .mor { float: left; height: 40px; line-height: 40px; font-size: 14px; color: #666; margin: 0 10px;}
.pbtank .cboxContent .pb-bd .pb-ct .layui-form-item .layui-input-block .mor input { display: block; float: left; margin: 13px 5px 0 0;}

.pbtank .cboxContent .pb-bd .pb-ct .yhqnr { width: 100%; height: 360px; overflow-y: scroll; scrollbar-width: none;}
.pbtank .cboxContent .pb-bd .pb-ct .yhqnr::-webkit-scrollbar { width: 0; height: 0;}
.pbtank .cboxContent .pb-bd .pb-ct .yhqnr .coupon-c-item { margin-bottom: 15px; padding: 10px; border: 1px solid #eee; border-radius: 4px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pbtank .cboxContent .pb-bd .pb-ct .yhqnr .coupon-c-item .msg { float: left; width: calc(100% - 100px);}
.pbtank .cboxContent .pb-bd .pb-ct .yhqnr .coupon-c-item .msg h3 { height: 25px; line-height: 25px; font-size: 15px; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pbtank .cboxContent .pb-bd .pb-ct .yhqnr .coupon-c-item .msg p { line-height: 20px; font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pbtank .cboxContent .pb-bd .pb-ct .yhqnr .coupon-c-item .msg span { display: block; line-height: 20px; font-size: 12px; color: #999;}

.pbtank .cboxContent .pb-bd .pb-ct .yhqnr .coupon-c-item button { display: block; float: right; width: 85px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 15px; border-radius: 4px; overflow: hidden;}
.pbtank .cboxContent .pb-bd .pb-ct .yhqnr .coupon-c-item .gern { color: #fff; border: 1px solid #21c19b; background-image: linear-gradient(to right,#15daa4,#21c19b);}
.pbtank .cboxContent .pb-bd .pb-ct .yhqnr .coupon-c-item .yell { color: #fff; border: 1px solid #ff6a29; background-image: linear-gradient(to right,#fd80a7,#ff6a29);}
.pbtank .cboxContent .pb-bd .pb-ct .yhqnr .coupon-c-item .gray { color: #999; border: 1px solid #ddd; background-image: linear-gradient(to right,#eee,#ddd);}
.pbtank .cboxContent .pb-bd .pb-ct .yhqnr .coupon-c-item:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.pbtank .cboxContent .pb-bd .tip-box { display: flex; flex-direction: row; height: 45px; text-align: center; padding: 0 10px;}
.pbtank .cboxContent .pb-bd .tip-box a { flex: 1 1 0%; line-height: 45px; font-size: 15px; color: #333; cursor: pointer; margin: 0 10px; border-radius: 4px; overflow: hidden;}
.pbtank .cboxContent .pb-bd .tip-box .pb-ok { color: #fff; background: #24bb99;}
.pbtank .cboxContent .pb-bd .tip-box .pb-cl { background: #eee;}

.coupon-none { width: 100%;}
.coupon-none img { display: block; width: 280px; margin: 30px auto;}


/*订单提交*/
.ordpay { padding: 60px; background: #fff;}
.ordpay .msg { line-height: 30px; padding-left: 250px; margin: 0 auto; background: url(../images/payorder.png) no-repeat 0 15px;}
.ordpay .msg h1 { line-height: 40px; font-weight: bold; font-size: 24px; color: #090103; clear: both; margin-bottom: 15px;}
.ordpay .msg h1 span { float: right; font-weight: 500; font-size: 16px; color: #999;}
.ordpay .msg h1 span i { color: #24bb99;}
.ordpay .msg h1 span i b { font-size: 26px; margin-left: 2px;}
.ordpay .msg p { float: left; width: 50%; font-size: 15px; color: #666;}
.ordpay .msg p i { color: #24bb99;}
.ordpay .msg a { display: inline-block; font-size: 14px; color: #438cde; margin-right: 40px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.ordpay .msg a:hover { color: #24bb99;}
.paymeth { padding: 20px; margin: 10px auto; background: #fff;}
.paymeth h3 { font-size: 18px; line-height: 40px;}
.paymeth li { float: left; width: 160px; height: 60px; margin: 0 15px 15px 0; border: 1px solid #ddd; border-radius: 2px; background-position: center; background-repeat: no-repeat; position: relative;}
.paymeth li input { display: block; width: 160px; height: 60px; border: none; filter: alpha(opacity=0); opacity: 0;}
.paymeth .alipay { background-image: url(../images/alipay.jpg);}
.paymeth .balancepay { background-image: url(../images/balancepay.jpg);}
.paymeth .wechatpay { background-image: url(../images/wechatpay.jpg);}
.paymeth .pointpay { background-image: url(../images/pointpay.jpg);}
.paymeth .offline { background-image: url(../images/offline.jpg);}
.paymeth .xinshengpay { background-image: url(../images/xinshengpay.jpg);}
.paymeth .item-selected { border-color: #24bb99;}
.paymeth .item-selected::before,
.paymeth .item-selected::after { display: block; content: ""; position: absolute;}
.paymeth .item-selected::before { width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #24bb99 transparent; line-height: 0px; _border-color: #000 #000 #24bb99 #000; _filter: progid: dXImageTransform.Microsoft.chroma(color='#000000'); right: -1px; bottom: -1px;}
.paymeth .item-selected::after { width: 4px; height: 8px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 2px; bottom: 2px; z-index: 2;}
.paymeth .single-btn { float: left; width: 160px; height: 60px; line-height: 60px; font-weight: bold; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 2px; background: #24bb99;}

/*****************产品总分类***********************/
.proposit { width: 100%; color: #666; line-height: 30px; margin: 10px auto;}
.profloor { float: left; width: 1040px;}
.profloor .catalog-item { width: 100%; margin-bottom: 15px;}
.profloor .catalog-item h1 { width: 100%; height: 55px; line-height: 55px; text-align: center;}
.profloor .catalog-item h1 a { display: block; width: 100%; font-size: 22px; color: #fff;}
.profloor .catalog-item h3 { line-height: 30px; font-weight: bold; font-size: 14px; color: #090103; margin: 15px auto 10px auto;}
.profloor .catalog-item li { float: left; width: calc(100% / 7); height: 40px; line-height: 40px; margin: -1px 0 0 -1px; border: 1px dashed #999; box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease;}
.profloor .catalog-item li a { display: block; width: 100%; text-align: center;}

.profloor .catalog-item li:hover { border-color: #24bb99; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff; position: relative; z-index: 2;}

.profloor .catalog-item:nth-child(1) h1 { background: #855f9b;}
.profloor .catalog-item:nth-child(2) h1 { background: #4d98b8;}
.profloor .catalog-item:nth-child(3) h1 { background: #39b6b6;}
.profloor .catalog-item:nth-child(4) h1 { background: #892e63;}
.profloor .catalog-item:nth-child(5) h1 { background: #d84566;}
.profloor .catalog-item:nth-child(6) h1 { background: #ec7546;}
.profloor .catalog-item:nth-child(7) h1 { background: #aa5586;}

.floorgt { float: right; width: 240px; position: relative;}
.floorgt .catalog-menu { width: 240px; background: #fff;}
.floorgt .catalog-menu li { line-height: 40px; border-bottom: 1px solid #f6f6f6;}
.floorgt .catalog-menu li:last-child { border-bottom: none;}
.floorgt .catalog-menu li a { display: block; font-size: 14px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.floorgt .catalog-menu li:hover,.floorgt .catalog-menu .current { background: #555;}
.floorgt .catalog-menu li:hover a,.floorgt .catalog-menu .current a { color: #fff;}
.floorgt .back-top { display: block; width: 100%; height: 45px; line-height: 45px; font-size: 14px; color: #090103; text-align: center; background: #ddd;}