/* CSS Document */
/* orderindex */
.cart_boxlist .product-img{width:85px;float:left;margin-right:10px}
.recently-goods-list .bx-wrapper{padding-left:8px;margin:0 auto;}
.goodslist{box-shadow:1px 2px 10px #dbdbdb;margin:5px 20px;text-align:center}
.goodslist .goodslist-top{background-color:#f1f1f1;padding:10px 5px 5px}
.goodslist .goodslist-top a:hover{text-decoration:underline;color:#333!important}
.recently-goods-list h5{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-weight:100}
.recently-goods li p{margin-bottom:0;font-size:16px}
.goodslist-body{padding:10px;text-align:center;height:160px}
.bx-wrapper img{display:inline-block!important;max-height:100%;max-width:100%}
.recently-goods-list .bx-wrapper .bx-controls-direction a{color:#fff!important;background-color:#000;opacity:.3;height:50px;line-height:50px;width:50px;text-align:center;border-radius:50%}
.recently-goods-list .bx-wrapper .bx-controls-direction a i{margin-right:0;position:relative;top:-2px; font-size:30px;}
.recently-goods-list .bx-wrapper .bx-next,.recently-goods-list .bx-wrapper .bx-prev{top:100px}
.cart_boxlist .product-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cart_boxlist .product-title .popover-content p{word-break:break-word;font-size:12px}
.cart_boxlist .product-title .popover-content p span{color:#999}
.num-minus,.num-plus{cursor:pointer;font-size:20px}
.cart_boxlist .input-group-addon{padding:0 2px}
.cart_boxlist .input-group-addon{width:auto}
.cart_boxlist .numinput{padding: 0 4px;height: 30px;}
.shopping-cart .cart_boxlist .selectsize{width:auto}
.shopping-cart h1,.recently-goods-list h2{font-size: 30px;border-bottom:2px solid #E1E8F0;padding-bottom: 10px; font-weight:400; margin:30px 0 15px 0}
.shopping-cart h1,.recently-goods-list h2{font-size: 30px;border-bottom:2px solid #E1E8F0;padding-bottom: 10px; font-weight:400; margin:30px 0 15px 0}
.shopping-cart h3{font-size: 20px;border-bottom:2px solid #E1E8F0;padding-bottom: 10px; font-weight:400; margin:30px 0 15px 0}
.shopping-cart h3 i{font-size:2rem;}
.shopping-cart .text-center a.btn{border-radius:4px;}
.cart-empty .iconfont{ font-size:20rem; color:#ccc;}
.cart-empty h3{ color:#999; font-weight:400; margin:0 auto 30px;}
/* checkout */
.cart_boxlist a{color:#000}
.order-address{margin-top:30px}
.addr-item-module{color:#666;cursor:pointer;height:120px;background:url(/Public/Images/user/addr-img.png) no-repeat}
.modify-operation{display:none;width:30px;position: absolute;top: 78px;}
.modify-operation-checked{color:#f1ca14;display:block;width:30px}
.addr-bg-checked{background:url(/Public/Images/user/addr-img-hover.png) no-repeat}
.addr-item-module:hover{background:url(/Public/Images/user/addr-img-hover.png) no-repeat}
.addr-item-module:hover .modify-operation{color:#f1ca14;display:block}
.order-address .addr-item-module .addr-info{z-index:2;position:relative;padding:11px 15px;overflow:hidden;width:240px;height: 110px;}
.addr-head{width:100%;border-bottom:1px solid #f2f2f2;padding:0 0 5px;margin-bottom:5px;line-height:18px;font-weight:700;width:190px}
.addr-bottom{height:36px;overflow:hidden}
@media only screen and (max-width:500px){.addr-item-module{width:100%}
}
.addr-tip{margin-bottom:30px}
.addr-tip a:nth-child(1){color:#767570}
.addr-tip a:nth-child(2){margin-left:1rem;color:#767570}
.input-module{height:30px}
.message-board{vertical-align:top;width:328px;resize:none;text-indent:4px;outline:0;overflow:auto}
.ms-focus{height:50px}
.user-note-info{display:block}
.user-md{position:relative;top:-35px;font-weight:400}
.user-note{margin-right:12px;font-weight:400}
.input-user{width:200px;height:30px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px}
.textarea-user{height:70px;width:400px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px}
.small-module{margin-top:5px}
.triangle{width:0;height:0;border-width:0 0 30px 30px;border-color:#fff100 transparent;border-style:solid;position:absolute;top:76px;left:207px;}
.triangle-checked{display:none;}
.tick{color:#fff;position:absolute;top:10px;left:-16px}
.btn-new-addr{background:#fff;border:1px solid #ddd}
.btn-new-addr:hover{background:#f2f3f7}
.addr-bottom a{text-decoration:none}
.btn-save{color:#fff;background:#f5e920;border-color:#f5e920}
.form-confirm{float:right;text-align:right;margin-bottom:56px;margin-top:10px}
.addr-confirm{border:3px solid #fdfaf0;padding:25px 10px 10px 20px}
.submit-confirm,.submit-confirm:hover,.submit-confirm:focus,.submit-confirm:active{padding:8px 36px;font-size:14px;background:#feb042;color:#fff;font-weight:700;border:1px solid #feb042;border-radius: 0;}
.mb-10{margin-bottom:5px}
.recently-goods-list .bx-wrapper{padding-left:8px;margin:initial}
.goodslist{box-shadow:1px 2px 10px #dbdbdb;margin:5px 20px;text-align:center}
.goodslist .goodslist-top{background-color:#f1f1f1;padding:10px 5px 5px}
.goodslist .goodslist-top a:hover{text-decoration:underline;color:#333!important}
.recently-goods-list h5{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-weight:100}
.recently-goods li p{margin-bottom:0;font-size:16px}
.goodslist-body{padding:10px;text-align:center;height:160px}
.bx-wrapper img{display:inline-block!important;max-height:100%}
.recently-goods-list .bx-wrapper .bx-controls-direction a{color:#fff!important;background-color:#000;opacity:.3;height:50px;line-height:50px;width:50px;text-align:center;border-radius:50%}
.recently-goods-list .bx-wrapper .bx-controls-direction a i{margin-right:0;position:relative;top:-2px}
.recently-goods-list .bx-wrapper .bx-prev{left:0;padding-right:4px}
.recently-goods-list .bx-wrapper .bx-next{right:0;padding-left:4px}
.recently-goods-list .bx-wrapper .bx-next,.recently-goods-list .bx-wrapper .bx-prev{top:100px}
.cart_boxlist .product-img{width:50px;height:50px;float:left;margin-right:10px}
.delete-operation{display:flex;flex-direction:column}
.delete-operation a{margin-bottom:5px}
.btn-yellow{ background:#FDE500; color:#333;}
.form-group .required{ color:#FF0000;font-family:'宋体',Arial, Helvetica, sans-serif;font-weight: 100;margin-left: 2px;}
.shopping-cart .abicon-bangzhu{font-size:12px;color:#feb042;}
.shopping-cart .popover{ font-size:12px; color:#31708f}
.shopping-cart .order-goods-attr.form-inline label{ margin:0 0 5px 0}
.shopping-cart .order-goods-attr.form-inline .form-control {margin: 0 5px 5px 0;vertical-align: middle;}
.order-goods-attr .form-group{ margin-bottom:5px;}
.totalprice{color: #feb042;}
.ab-placeholder{background: #eee;height: 10px;display: inline-block;border-radius: 15px;}
.pointer{cursor:pointer;}

/* alert状态图标 */
.jconfirm-icon{margin:0 auto 20px}
.jconfirm-icon .icon{width:80px;height:80px;border:4px solid gray;border-radius:50%;margin:0 auto;padding:0;position:relative;box-sizing:content-box}
.jconfirm-icon .icon.error{border-color:#f27474}
.jconfirm-icon .icon.error .x-mark{position:relative;display:block}
.jconfirm-icon .icon.error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}
.jconfirm-icon .icon.error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}
.jconfirm-icon .icon.error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}
.jconfirm-icon .icon.warning{border-color:#f8bb86}
.jconfirm-icon .icon.warning .body{position:absolute;width:5px;height:47px;left:50%;top:10px;border-radius:2px;margin-left:-2px;background-color:#f8bb86}
.jconfirm-icon .icon.warning .dot{position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#f8bb86}
.jconfirm-icon .icon.info{border-color:#c9dae1}
.jconfirm-icon .icon.info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#c9dae1}
.jconfirm-icon .icon.info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#c9dae1}
.jconfirm-icon .icon.success{border-color:#a5dc86}
.jconfirm-icon .icon.success::after,.jconfirm-icon .icon.success::before{content:'';border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.jconfirm-icon .icon.success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}
.jconfirm-icon .icon.success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}
.jconfirm-icon .icon.success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}
.jconfirm-icon .icon.success .fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.jconfirm-icon .icon.success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}
.jconfirm-icon .icon.success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.jconfirm-icon .icon.success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@-moz-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
@-moz-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
@-webkit-keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
}
@-moz-keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
}
@keyframes rotatePlaceholder{0%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
100%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}
}
.jconfirm-icon .animateSuccessTip{-webkit-animation:animateSuccessTip .75s;-moz-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}
.jconfirm-icon .animateSuccessLong{-webkit-animation:animateSuccessLong .75s;-moz-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}
.jconfirm-icon .icon.success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;-moz-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}
@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}
100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}
}
@-moz-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}
100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}
}
@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}
100%{transform:rotateX(0);-webkit-transform:rotateX(0);opacity:1}
}
.jconfirm-icon .animateErrorIcon{-webkit-animation:animateErrorIcon .5s;-moz-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}
@-webkit-keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}
50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}
80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}
100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}
}
@-moz-keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}
50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}
80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}
100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}
}
@keyframes animateXMark{0%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}
50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}
80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}
100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}
}
.jconfirm-icon .animateXMark{-webkit-animation:animateXMark .5s;-moz-animation:animateXMark .5s;animation:animateXMark .5s}
@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}
100%{border-color:#f8bb86}
}
@-moz-keyframes pulseWarning{0%{border-color:#f8d486}
100%{border-color:#f8bb86}
}
@keyframes pulseWarning{0%{border-color:#f8d486}
100%{border-color:#f8bb86}
}
.jconfirm-icon .pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;-moz-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}
@-webkit-keyframes pulseWarningIns{0%{background-color:#f8d486}
100%{background-color:#f8bb86}
}
@-moz-keyframes pulseWarningIns{0%{background-color:#f8d486}
100%{background-color:#f8bb86}
}
@keyframes pulseWarningIns{0%{background-color:#f8d486}
100%{background-color:#f8bb86}
}
.jconfirm-icon .pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;-moz-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}
.jconfirm-text{font-size:1.8rem;padding-top: 0.5rem;text-align:center;}
.jconfirm-text p{ font-size:12px; color:#333; padding:1rem;}


