﻿.bg-img{width:100%;position:relative;background:url() 50% 50% no-repeat;background-size:100% 100%;background-clip:content-box;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transform:all .5s ease-in-out;transition:all .5s ease-in-out}.cart-step{width:100%;background:#fff;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;padding:4rem 0}.cart-step .arrow{color:#bbb;font-size:2rem;display:inline-block;margin:0 3rem}.cart-step .mid-title{font-size:2.4rem;color:#7c7c7c;font-weight:300;margin-bottom:0}.cart-step .mid-title .num{margin-right:10px}.cart-step .mid-title.active{font-weight:600;color:#f47889}@media(max-width: 767px){.cart-step .mid-title{font-size:1.6rem}.cart-step .arrow{margin:0 1rem}}.form-cart{background:#fff}.cartlist-wrapper,.info-block{background:#fff;border-radius:6px}.cartlist-wrapper .thead{background-color:#f2f2f2;padding:5px 10px;border-bottom:1px solid #ddd}@media(max-width: 992px){.cartlist-wrapper .s-title{background:#f47889}}.cartlist-wrapper .list-title{display:flex;justify-content:center;border-bottom:1px solid #eee}.cartlist-wrapper .list-title p{text-align:center;line-height:1.2}.cartlist-wrapper .list-title p:nth-child(1){text-align:left}@media(max-width: 992px){.cartlist-wrapper{margin-bottom:2rem}}.cartlist-checkout{background:#fff;border-radius:6px;border:1px solid #ddd;overflow:hidden;width:100%}.cartlist-checkout .cart_pd_detail{border-bottom:none}.cartlist-checkout .box{position:relative}.cartlist-checkout .box+.box{border-top:1px dotted #eee}.cartlist-checkout .list-title{background-color:rgba(244,120,137,.2);border-bottom:2px solid #f47889}.cartlist-checkout .endinfo{display:flex;justify-content:space-between}.cartlist-checkout .endinfo .item,.cartlist-checkout .endinfo .txt{text-align:right}.cartlist-checkout .endinfo .txt.txt-strong{font-size:2.4rem;font-weight:600}.cartlist-checkout .add-pd .title{border:1px solid #f47889;color:#f47889}@media(max-width: 992px){.cartlist-checkout{overflow:visible;border:none}.cartlist-checkout .box{border:1px solid #ddd;-ms-border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;padding-top:4rem;box-shadow:0 -4px 32px 0 rgba(0,0,0,.08),0 1px 4px 0 rgba(0,0,0,.04)}.cartlist-checkout .box+.box{border:none;margin-top:1rem}}.tatol-money{display:flex;justify-content:flex-end;align-items:center}.tatol-money .tatol-all{border:3px solid #f47889;border-bottom:none}.cart_pd_detail{border-bottom:1px solid #eee;position:relative}@media(max-width: 992px){.cart_pd_detail{border-bottom:2px solid #eee}}.cart_pd_detail.format .pd-box{display:grid;grid-template-columns:3vw auto}.cart_pd_detail.format .pd-box .pic{width:3vw;height:3vw;border:1px solid #eee;margin-bottom:1.5rem;-ms-border-radius:1rem;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem}.cart_pd_detail.format .pd-box .brands-tag .logo{width:20px;height:20px}.cart_pd_detail.format .pd-box article{display:block}.cart_pd_detail.format .pd-box .item-info-box .item-name{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.4}.cart_pd_detail.format .pd-box .big-txt{font-size:18px}@media(max-width: 992px){.cart_pd_detail.format .pd-box{grid-template-columns:100px auto}.cart_pd_detail.format .pd-box .pic{width:100px;height:100px}}.cart_pd_detail .box{display:flex;align-items:center}@media(max-width: 992px){.cart_pd_detail .box{flex-wrap:wrap}}@media(max-width: 992px){.cart_pd_detail .pd-format-change{display:flex;justify-content:space-between;align-items:center}}.cart_pd_detail .pd-format-change .select-box{width:55%}@media(max-width: 992px){.cart_pd_detail .pd-format-change .select-box{width:100%}}@media(max-width: 992px){.cart_pd_detail .pd-format-change,.cart_pd_detail .price,.cart_pd_detail .count,.cart_pd_detail .price{border-top:1px dotted #eee}}@media(max-width: 992px){.cart_pd_detail .price,.cart_pd_detail .count{display:flex;justify-content:space-between;align-items:center}}.delete .cart-delete,.delete .cart-update,.update .cart-delete,.update .cart-update{color:#f47889;font-size:2rem;width:50px;height:50px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;-ms-border-radius:50rem;-moz-border-radius:50rem;-webkit-border-radius:50rem;border-radius:50rem}.delete .cart-delete:hover,.delete .cart-update:hover,.update .cart-delete:hover,.update .cart-update:hover{background-color:#f2f2f2}@media(max-width: 992px){.delete,.update{position:absolute;top:-5px}.delete .cart-delete,.delete .cart-update,.update .cart-delete,.update .cart-update{width:auto}.delete .cart-delete span,.delete .cart-update span,.update .cart-delete span,.update .cart-update span{font-size:1.4rem;margin-left:5px}.delete{right:0}.update{right:80px}}.addbuy-list{border-top:1px dotted #eee;position:relative}.addbuy-list .add-pd .title{border:1px solid #f47889;color:#f47889}.info-block{border-top:none;border-radius:12px;border:1px solid #f2f2f2;padding:20px;margin-bottom:20px}.info-block .f-title{font-size:1.8rem;color:#000;font-weight:600;padding:5px 0 10px;margin-bottom:20px;border-bottom:3px solid #f47889}.btn-option{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:100%;padding:2rem 0;border:none}.btn-option .nav-item+.nav-item{margin-left:1.5rem}.btn-option .nav-link{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-o-flex-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;padding:1.5rem 2rem;-ms-border-radius:50rem;-moz-border-radius:50rem;-webkit-border-radius:50rem;border-radius:50rem;color:#000;font-size:1.6rem;line-height:1;display:inline-block;font-weight:400;letter-spacing:1px;border:none}.btn-option .nav-link:hover{text-decoration:none}.btn-option .nav-link.active,.btn-option .nav-link:hover{color:#000;background-color:#f2f2f2}.btn-option.pay-group{width:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;list-style:none;padding:0;border:1px solid #ddd;-ms-border-radius:50rem;-moz-border-radius:50rem;-webkit-border-radius:50rem;border-radius:50rem}.btn-option.pay-group .nav-item{display:inline-block}.tab-content{background-color:#fafafa;padding:2rem;-ms-border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.ask-note label{display:flex;align-items:center}.ask-note label .txt{padding-left:10px;margin-bottom:0}.radio-box label{display:flex;align-items:center}.card-infobox{display:flex;align-items:center}.card-infobox .card-img{width:48px}.add-creditcard{display:inline-block}.add-creditcard .icon{font-size:15px}.new-credit-card{color:#333;background-color:#fff;border:1px solid #f47889}.new-credit-card .card-number input{background-color:#fff}.new-credit-card .card-number .card-front{position:relative;width:100%;padding-left:60px;flex:0 0 auto;border:1px solid #eee;-ms-border-radius:50rem;-moz-border-radius:50rem;-webkit-border-radius:50rem;border-radius:50rem}.new-credit-card .card-number .card-front::before{font-family:"Font Awesome 5 Pro";font-weight:300;content:"";position:absolute;left:20px;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:2rem}.new-credit-card .card-number .card-front input{border:none;padding-left:0}.new-credit-card .card-number .card-img{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.new-credit-card .card-number .card-img img{width:48px}.new-credit-card .card-number .mouth,.new-credit-card .card-number .back-number{flex:0 0 auto}@media(max-width: 992px){.new-credit-card .card-number .mouth{width:100%}}.tatol-fixed .tatol-list-box{width:100%;background:#fff;border:2px solid #f47889}@media(max-width: 992px){.tatol-fixed .tatol-list-box{border:none}}.tatol-fixed.bg-none{background:rgba(0,0,0,0)}.tatol-fixed .addbuy-list{border-top:none}.tatol-fixed .tatol-all{width:100%;border-bottom:0;display:flex;align-items:center;text-align:center}@media(max-width: 767px){.tatol-fixed .tatol-all{-webkit-align-items:stretch;align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;width:100%;background:#fff;position:fixed;left:0;bottom:60px;z-index:1;flex-wrap:wrap;padding-right:60px;border-top:2px solid #f2f2f2}}.tatol-fixed .tatol-all>div+div{border-left:1px dotted #eee}@media(max-width: 992px){.tatol-fixed .tatol-all .item_number,.tatol-fixed .tatol-all .tatol-price{flex:0 0 100%;border-right:none}}.tatol-fixed .tatol-all .item_number{text-align:left}@media(max-width: 992px){.tatol-fixed .tatol-all .item_number{text-align:center;border-bottom:1px solid #eee}}@media(max-width: 992px){.tatol-fixed .tatol-all .tatol-price{display:flex;justify-content:space-between;border-top:1px solid #eee}}@media(max-width: 992px){.tatol-fixed .tatol-all .goods-fee p,.tatol-fixed .tatol-all .bonus p,.tatol-fixed .tatol-all .sale-code p{font-size:14px}}.tatol-fixed .pd-tatol-list{width:100%}.tatol-fixed .pd-tatol-list .pd-finallist-open{width:100%;display:inline-block;height:60px;line-height:60px;text-align:center;font-size:20px;font-weight:500}@media(max-width: 992px){.tatol-fixed .pd-tatol-list .pd-finallist-open{height:40px;line-height:40px;font-size:16px}}.tatol-fixed .pd-tatol-list .pd-finallist-open .icon{font-size:14px}.tatol-fixed .pd-tatol-list .pd-finallist-open .icon.icon-add:before{content:""}.tatol-fixed .pd-tatol-list .pd-finallist-open.btn-green-50{border-right:none;border-left:none}.tatol-fixed .pd-tatol-list .pd-finallist-open.collapsed{border-bottom:none}.tatol-fixed .pd-tatol-list .pd-finallist-open.collapsed .icon-add:before{content:""}.tatol-fixed .pd-tatol-list .card{border-radius:0;border:none}.pay-step-btn{margin:0 auto}@media(max-width: 992px){.pay-step-btn{width:100%;background:#fff;z-index:1}}.ending-tips{text-align:center}.ending-tips .icon{width:150px;height:150px;background:#f47889;-ms-border-radius:50rem;-moz-border-radius:50rem;-webkit-border-radius:50rem;border-radius:50rem;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-moz-justify-content:center;-o-flex-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-align:center;-ms-flex-align:center;font-size:6rem;margin-bottom:20px;color:#fff}.ending-tips .icon .fa-box-check{position:relative;right:-4px}.ending-tips h6{font-size:2.4rem;color:#f47889}@media(max-width: 992px){.visitors,.atm-tips-box{border-radius:6px}}.atm-tips-box .s-title{border-bottom:3px solid #f47889}
