.preorder-c {
  color        : #fff;
  background   : #f60;
  width        : fit-content;
  padding      : 3px 10px;
  border-radius: 3px;
  margin-bottom: 5px;
}

.backorder-c {
  color        : #fff;
  background   : #B22072;
  width        : fit-content;
  padding      : 3px 10px;
  border-radius: 3px;
  margin-bottom: 5px;
}

.gift-icon {
  width          : 20px;
  height         : 17px;
  background     : url(../../images/gift-icon.png) no-repeat;
  background-size: cover;
  display        : inline-block;
  vertical-align : bottom;
  margin-right   : 3px;
}

.order-overview .order-overview-content {
  text-align: left;
  padding   : 20px;
}

.order-overview .order-overview-content li span:first-child {
  display: inline-block;
  width  : 35%;
}

.shipping-info,
.shipping-method-info,
.address-group>div {
  display        : flex;
  display        : -webkit-flex;
  justify-content: space-between;
  align-items    : center;
  flex-wrap      : nowrap;
}

.old-price {
  color          : #aaa;
  text-decoration: line-through;
}


.order-details-page .order-title {
  background: #B22072;
  padding   : 10px;
  color     : #fff;
}

.order-details-page .order-title>h3 {
  color: #fff;
}

.center-1 .shipping-info .title,
.center-1 .shipping-method-info .title {
  color      : #aaa;
  font-weight: normal;
  width      : 25%;
  text-align : left;
}


.coupon-list table td {
  position: relative;
}

.coupon-list .db-tooltip>a {
  display      : inline-block;
  margin-right : 5px;
  background   : #B22072;
  width        : 15px;
  height       : 15px;
  text-align   : center;
  border-radius: 50%;
  color        : #fff;
  line-height  : 15px;
}

.coupon-list .x-tooltip.active {
  display   : block;
  z-index   : 10;
  top       : 40px;
  left      : 35%;
  width     : auto;
  word-break: break-word;
  text-align: left;
}

.coupon-list .x-tooltip:after {
  left: 23px;
}

.packing-tips {
  list-style : disc;
  color      : #333;
  margin-left: 20px;
}

.packing-tips p {
  line-height: 24px;
}

.order_table .order_price_td {
  width     : 200px;
  height    : 90px;
  text-align: center;
  color     : #E60044;
}

.order_table .order_img_td {
  padding-top: 6px;
}

.order_img_td img {
  width : 80px;
  height: 80px;
}

.order_search {
  width: 100%;
}

.order_search_con>div>input {
  margin-bottom: 10px;
}

.order_search_con .form-group {
  margin-bottom: 0;
  width        : 70%;
  margin-left  : 26%;
}

.packing-slip-page .order_search_button {
  margin-left: 26%;
}

.relistModal{
  max-height: 60vh;
  overflow-y: auto;
}

.relistModal .order_search_con label{
  text-align: left;
  padding-right: 10px;
  color:#111;
}

.no-result .db-red{
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}


.relistModal .order_search_con p.type-title{
  margin-top: 10px;
  text-align: left;
}

.relistModal .radio-group{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.relistModal .radio-group > label{
  width:100%;
}

.relistModal .radio-group > input[type="radio"]{
  width:18px;
  height: 18px;
  margin-bottom: 0;
  margin-right:10px;
}


.relistModal + .modal-footer{
  text-align: center;
}

.no-result .db-button-yellow,
.product-not-available .db-button-yellow{
  margin-bottom:10px;
}

.product-not-available .db-button-yellow{
  margin-left:5px;
  min-width: 173px;
}

.no-result .questionMark > input{
  height:42px;
  margin-bottom:10px;
  margin-right: 10px;
  min-width: 173px;
}

.no-result .questionMark .db-tooltip,
.product-not-available .questionMark .db-tooltip{
  top:-7px;
}


.shipping-info ul,
.shipping-method-info ul {
  width     : 70%;
  text-align: left;
}

.order-details-area .shipping-info li {
  float: left;
}


.total-info .cart-total-right {
  color: #f60;
}

.quick_reorder {
  text-align: left;
  padding   : 10px;
}

.quick_reorder a {
  color          : #1e90ff;
  text-decoration: underline;
}

.data-table .item-detail,
.cart .item-detail,
.detail-buttons {
  display        : flex;
  display        : -webkit-flex;
  justify-content: space-between;
  flex-wrap      : nowrap;
}

.non-discounted-price,
.item-old-price {
  text-decoration: line-through;
  color          : #aaa;
}

.item-old-price {
  text-align: center;
}

.page.wishlist-page {
  margin: 0 -2.5%;
}

.item-detail .item-picture {
  width : 110px;
  height: 110px;
}

.item-detail .item-picture img {
  width: 100%;
}

.item-detail ul {
  width     : 60%;
  text-align: right;
}

.item-detail ul li {
  padding: 5px;
}

.cart .item-detail ul {
  width     : 70%;
  text-align: left;
}

.cart .item-detail .qty-input {
  width: 50px;
}

.cart .item-detail .product-name {
  color: #333;
}

.item-detail ul li span.product-unit-price{
  white-space: nowrap;
}

.cart .item-detail .product-unit-price {
  color: #f60;
}

.cart .detail-buttons a {
  color          : #1e90ff;
  text-decoration: underline;
}


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

.address-group>div {
  margin-bottom: 5px;
}

.address-group>div>label {
  width: 95%;
}

.address-group>div>label>input {
  margin-right: 3px;
}

.btn-delete-address {
  border     : 0;
  width      : 14px;
  height     : 14px;
  background : url(../../images/remove.png) no-repeat;
  margin-left: 10px;
}

.btn-edit-address {
  border    : 0;
  width     : 14px;
  height    : 14px;
  background: url(../../images/subscribe-button.png) no-repeat;
}

.add-new-btn {
  margin-top: 10px;
  text-align: left;
}

.allow .step-title {
  cursor      : pointer;
  margin-top  : 10px;
  border-left : 3px solid #B22072;
  padding-left: 5px;
  margin      : 10px 0;
}


.step-title {
  display        : flex;
  display        : -webkit-flex;
  justify-content: space-between;
  flex-wrap      : nowrap;
}

.toggleBtn {
  width     : 20px;
  height    : 20px;
  background: url('../../images/method_arrow1.png') no-repeat;
}

.toggleBtn.active {
  background: url('../../images/method_arrow0.png') no-repeat;
}


.order-comment-item {
  display: none;
}

.order-comment-item.active {
  display: block;
}

.comment-panel .panel>label {
  font-size    : 14px;
  font-weight  : bold;
  margin-bottom: 15px;
  margin-top   : 5px;
  display      : inline-block;
  color        : #666;
}

.comment-panel .panel .panel-textarea textarea {
  width        : 100%;
  border-radius: 4px;
  min-height   : 115px;
}

.comment-panel .panel .panel-textarea p.tips {
  color     : #aaa;
  text-align: left;
}

.comment-panel .panel .panel-custom {
  text-align: left;
}

.order-review-btn .db-button {
  width        : 100%;
  border-radius: 0;
  margin-top   : 10px;
}

.order-review-btn .db-button ins {
  background         : url(../../images/icon.png) no-repeat;
  background-size    : 400px;
  height             : 13px;
  width              : 50px;
  display            : inline-block;
  background-position: -333px -168px;
}

.order-review-btn .db-button.active ins {
  background-position: -333px -135px;
}

#order-review-section.tab-section {
  margin-bottom: 10px;
}

.step.checkout-data-item {
  display      : none;
  margin-top   : 0;
  padding      : 0;
  text-align   : left;
  border-radius: 0;
  border       : 1px solid #dcdcdc;
}

.step.checkout-data-item.active {
  display: block;
}


.checkout-data-item h4 {
  padding      : 10px;
  border-bottom: 1px dashed #dcdcdc;
}

.checkout-data-item .checkout-panel {
  padding      : 10px;
  border-bottom: 1px dashed #dcdcdc;
}

.checkout-panel>p {
  padding-bottom: 10px;
}

.checkout-panel>p.backorder-c,
.checkout-panel>p.preorder-c {
  padding-bottom: 3px;
}



.checkout-panel .product-detail {
  display        : flex;
  display        : -webkit-flex;
  justify-content: space-between;
  flex-wrap      : nowrap;
}

.product-detail .pro_price {
  text-align: right;
}

.product-detail .pro_price p {
  padding-bottom: 6px;
}

.bottom_arrow {
  text-align: center;
  position  : relative;
  top       : 2px;
}

.bottom_arrow .bottom_background {
  padding      : 5px 10px;
  background   : #B22072;
  border-radius: 2px;
  display      : inline;
  cursor       : pointer;
}

.bottom_arrow ins {
  background         : url(../../images/icon.png) no-repeat;
  background-size    : 400px;
  height             : 26px;
  width              : 50px;
  display            : inline-block;
  background-position: -333px -132px;
  vertical-align     : middle;
}


.checkout-data {
  text-align : left;
  line-height: 20px;
}

.checkout-data .section.shipping-method {
  margin-bottom: 0;
}

.checkout-data .shipping-method .method-list {
  margin-bottom: 0;
}

.checkout-data .shipping-method .method-list li>div {
  margin: 0 1.5%;
}

.checkout-data .shipping-method .method-list li>div>input {
  margin-right: 5px;
}

.checkout-data .shipping-method .method-list tbody tr td:nth-child(1) {
  width: 50%;
}

.checkout-data .shipping-method .method-list tbody tr td:nth-child(2) {
  width: 30%;
}

.checkout-data .shipping-method .method-list tbody tr td:nth-child(3) {
  width: 20%;
  position: relative;
  text-align: center;
}

.checkout-data .shipping-method .method-list tbody tr {
  position: relative;
}


.method-info {
  display        : block;
  width          : 25px;
  height         : 25px;
  background     : url(../../images/method_info.png) no-repeat;
  background-size: cover;
  margin         : 0 auto;
}

.method-info.active {
  background: url(../../images/method_info_active.png) no-repeat;
}

.method-description {
  display      : none;
  position     : absolute;
  right         : 0;
  top          : 50px;
  border       : 1px solid #d7a796;
  background   : #fefbef;
  color        : #333;
  z-index      : 10;
  padding      : 10px;
  border-radius: 3px;
  width:90vw;
  max-width:580px;
}

.data-table .method-description a {
  color: #1e90ff;
}

.method-description.active {
  display: block;
}

.checkout-data .shipping-method .method-list {
  overflow: auto;
}


.package-way {
  margin-top: 20px;
}

.package-way>p {
  margin-bottom: 10px;
}


.package-way input {
  margin-right: 5px;
}

.button-panel button {
  width        : 100%;
  margin-bottom: 10px;
}


.checkout-page .loading {
  position   : absolute;
  top        : 0;
  bottom     : 0;
  left       : 0;
  right      : 0;
  background : #fff;
  z-index    : 20;
  text-align : center;
  padding-top: 20px;
}

.checkout-page .loading img {
  vertical-align: middle;
  margin-right  : 10px;
}


.order-details-page .data-table td.adapt-td {
  padding: 0 10px;
}

.toggleDiv {
  position: absolute;
  bottom  : 0;
  left    : 46%;
}

.adaptBtn {
  width              : 80px;
  height             : 20px;
  display            : block;
  border             : 1px solid #dcdcdc;
  background         : #eee url('../../images/toggle-black.png') center no-repeat;
  background-position: 12px -10px;
  color              : #fff;
  cursor             : pointer;
}

.adaptBtn.active {
  background-position: 12px 5px;
}

.invalid-panel .adaptBtn{
  background-color: #fff;
}

/*Order Complete*/

.order-completed-panel .order-title {
  margin-top: 20px;
}

.payment-panel {
  display  : none;
  font-size: 14px;
  padding  : 10px;
}

.ui-tabs-active .payment-panel {
  display: block;
  border : 1px solid #dcdcdc;
}

.hk-address{
  color:#a8a3a3;
  font-size: 12px;
  white-space: pre-wrap;   
}


.order-completed-panel .ui-tabs .ui-tabs-nav li {
  width     : 100%;
  text-align: left;
}

.order-completed-panel .ui-tabs .ui-tabs-nav li a {
  text-align: left;
}

.order-completed-panel input[type="radio"]:checked::before {
  font-size  : 34px;
  line-height: 16px;
}

#VISARegistration{
  height:18px;
}

.payment-panel .total {
  font-size: 1.2rem;
  margin   : 10px 0;
}

.paypal-standard-plus-container .img-panel img {
  max-height: 40px;
}

.paypal-standard-plus-container>p,.payoneer-container>p,.payssion-container>p {
  margin     : 10px 0;
  white-space: initial;
}

.order-completed-panel .ui-tabs .paypal-standard-plus-container>p a {
  background: none;
  border    : none;
  display   : inline;
  padding   : 0 !important;
  color     : #1e90ff;
}

.data-table .view-details a,
.data-table .actions-panel a {
  color          : #1e90ff;
  text-decoration: underline;
}

.data-table .actions-panel {
  margin-bottom: 15px;
  position     : relative;
}

.actions-panel .packing-panel {
  float: right;
}

.orderStatus-buttons {
  display: flex;
  flex-wrap: wrap;
}

.orderStatus-buttons .urgeshipping{
  flex: 1;
  padding: 10px 5px;
  max-width: max-content;
}


.shipment-details-page .section .title {
  background : #B22072;
  color      : #fff;
  margin     : 0;
  height     : 36px;
  line-height: 36px;
}

.shipment-details-page .shipment-details-area>div {
  margin: 0 auto 10px;
}



/*订单完成*/
.order-completed-page {
  margin: 0 auto;
}

.order-completed-page .section .title {
  text-align   : center;
  color        : #78C986;
  margin-bottom: 0;
}

.order-completed-page .section .title img {
  vertical-align: middle;
  margin        : 10px 0;
}

.order-completed-page .order-completed .details {
  text-align: left;
}

.order-completed-page .order-completed .details p {
  margin: 8px 0;
}


.order-completed-page .order-completed .details a {
  color: #fff;
}


.order-completed-panel .order-title>h3 {
  color     : #fff;
  background: #B22072;
  padding   : 10px;
}

.order-table-wrap {
  padding: 0 15px;
}

.order-table-wrap .cart-total tbody td:nth-child(2) {
  color: #f60;
}


.pay-table tbody td{
  white-space: break-spaces;
  padding    : 5px 0;
}

.fill_info tbody td{
  white-space:normal;
  padding    : 5px 0;
}

.pay-table {
  border-bottom: 1px dashed #dcdcdc;
}

.fillNote {
  margin     : 10px 0;
  white-space: break-spaces;
}

.paynotes {
  text-align: left;
}

.fill_info .db-button-default {
  display: inline-block;
}

.paymentDate {
  height: 36px;
  border: 1px solid #dcdcdc;
}


.shipping-club-join {
  margin               : 0 0 15px;
  width                : 100%;
  display              : inline-block;
  background-image     : -moz-linear-gradient(top, #9c8edd, #867aba);
  background-image     : -webkit-gradient(linear, left top, left bottom, color-stop(0, #9c8edd), color-stop(1, #867aba));
  filter               : progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c8edd', endColorstr='#867aba', GradientType='0');
  border-radius        : 2px 2px 2px 2px;
  -moz-border-radius   : 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  padding              : 0 5px;
  line-height          : 20px;
  border               : #5747a0 1px solid;
  color                : #FFF;
}

.shipping-club-join img {
  width : 280px;
  height: 28px;
  margin: 12px 0 0 0;
}

.shipping-club-join a span {
  color      : #FFF;
  font-weight: bold;
  position   : relative;
  top        : -12px;
  font-size  : 12px;
}

.shipping-club>p {
  text-align   : left;
  margin-bottom: 10px;
  background   : #fafafa;
  padding      : 10px;
  border       : 1px solid #dcdcdc;
  color        : #f00;
}

.show-method-panel {
  background-color: #FEFDE5;
  text-align      : left;
  padding         : 10px;
  margin-top      : 10px;
  white-space     : normal;
}

.show-method-panel>a {
  color: #2465d1;
  display: inline-block;
}




.shipping-method .method-list .hide-method {
  display: none;
}

.loading-panel-table {
  position   : absolute;
  top        : 0;
  bottom     : 0;
  left       : 0;
  right      : 0;
  background : #fff;
  z-index    : 20;
  text-align : center;
  padding-top: 20px;
  display    : none;
}

.loading-panel-table img {
  vertical-align: middle;
  margin-right  : 10px;
}


.ui-dialog-content .modal-body.specialPackageModal {
  text-align : left;
  font-weight: normal;
}

.specialPackageModal .form-panel {
  width: 100%;
  background: #f8f8f8;
  padding: 10px;
  border-radius: 5px;
  margin-bottom:10px;
}

.specialPackageModal .form-panel hr{
  border-top:1px solid #dcdcdc;
}

.repacking-select-panel select{
  height:40px;
  margin-right:20px;
  margin-bottom:10px;
}

.specialPackageModal .form-panel>div {
  width     : 100%;
  display   : inline-block;
  box-sizing: border-box;
  padding   : 5px 10px;
}

.specialPackageModal .form-panel>div.packingInfo{
  width:100%;
}

.specialPackageModal .form-panel>div.repacking-description{
  width: 100%;
  border: 1px dashed #aaa;
  padding: 10px;
  background: #FFF9E3;
  color: #68534B;
} 

.specialPackageModal .form-panel>div.repacking-select-panel{
  display: flex;
  flex-wrap: wrap;
}

.packingInfo > div{
  margin: 5px 0;
}

.methods{
  display: none;
}

.methods > div{
  display: flex;
  align-items: center;
  height: 40px; 
}

.methods > div input{
  height:40px;
}

.packingInfo > div.totalInfo{
  display: flex;
  align-items: center;
  margin-top:20px;
  flex-wrap: wrap;
}

.totalInfo>div{
  margin: 3px 20px 3px 0;
}

.specialPackageModal .form-panel>div label {
  min-width: 80px;
  display  : inline-block;
}


.specialPackageModal .form-panel input {
  max-width : 80px;
  max-height: 40px;
  margin-right:10px;
}

.specialPackageModal .form-panel input[type="number"] {
  height        : 36px;
  border        : 1px solid #ddd;
  padding       : 8px;
  vertical-align: middle;
}




.specialPackageModal .form-panel .radio,
.specialPackageModal .form-panel .textarea,
.specialPackageModal .form-panel .textarea>textarea {
  width: 100%;
}

.specialPackageModal .form-panel .textarea>textarea {
  min-height: 100px;
}


#specialPackage-modal .modal-footer {
  text-align: center;
}

.view-more-button,
.view-less-button {
  cursor: pointer;
}

.view-content {
  display      : none;
  position     : absolute;
  z-index      : 10;
  width        : max-content;
  background   : #fff;
  border       : 1px solid #7db531;
  bottom       : -6px;
  right        : 19%;
  padding      : 10px;
  text-align   : left;
  border-radius: 5px;
}

.shopcart-control>p {
  text-align: right;
  color     : #1e90ff;
}

.view-content div p {
  margin-bottom: 5px;
}

.view-content div p.c-title{
    word-break: break-word;
    color: #F60;
    font-size:1.4em;
}

.view-content div p.description{
    word-break: break-all;
}

.view-content div p span {
  margin-right: 10px;
}


.calculateCost {
  padding: 5px 8px;
  border-radius: 3px;
  background-image: linear-gradient(to bottom, #F4DD5E, #F5C646);
  word-break: keep-all;
}

.order_search_con .dropdown-single {
  display    : inline-block;
  width      : 70%;
}

#shippingCost-modal {
  min-height: 80% !important;
  max-height: 80% !important;
  overflow  : auto !important;
}

.ui-widget.ui-widget-content {
  height: 100% !important;
  background: transparent;
  border: 0;
  box-shadow: none;
}


#shippingCost-modal .shipping-method .method-list li {
  margin: 0;
}

.shipping-method .method-list li.method-thead {
  background: #F7F8F9;
}

.shipping-method .method-list li {
  display : block;
  width   : 100%;
  float   : left;
  padding : 5px;
  border  : 1px solid #dcdcdc;
  position: relative;
}

.shipping-method .method-list li.ship-description {
  border    : 1px solid #d7a796;
  background: #fffce2;
}

.shipping-method .method-list li.ship-description a {
  color  : #1e90ff;
  display: contents;
}


.showToolTipIcon {
  display       : inline-block;
  transform     : rotate(90deg);
  cursor        : pointer;
  width         : 15px;
  height        : 15px;
  background    : url(../../images/move.png) center no-repeat;
  vertical-align: middle;
}

.showToolTipIcon.active {
  transform: rotate(-90deg);
}


.modal-body .shipping-method .method-list li>div {
  color: #666;
}

.modal-body + .shipping-method{
  float:left;
}


.checkout-data .table-wrapper{
  overflow-x: visible;
}


.shipping-method .method-list li>div {
  float: left;
  width: 20%;
}

.shipping-method .method-list li>div:last-child{
  text-align: center;
}

.shipping-method .method-list li>div.toolTipContent{
  width:100%;
}

.shipping-method .method-list li>div.method-name {
  width: 40%;
  flex-grow: 2;
}

.ship_cheaper_img{
	display: inline-block;
	width:25px;
	height:25px;
  background-image: url(../../images/footer/ship_cheaper.jpg);
}


.toolTipContent {
  position  : absolute;
  left      : 0;
  top       : 60px;
  text-align: left;
  border    : 1px solid #aaa;
  padding   : 20px;
  background: #fff;
  z-index   : 20;
  box-shadow: 2px 2px 5px;
  color     : #333;
}

.toolTipContent a {
  color: #1e90ff;
}


.closeToolTip {
  display   : block;
  cursor    : pointer;
  width     : 15px;
  height    : 15px;
  background: url(../../images/remove.png) center no-repeat;
  position  : absolute;
  top       : 10px;
  right     : 8px;
  z-index   : 10;
}

#shippingCost-modal .shipping-method .method-list {
  overflow-y: auto;
  height: 45vh;
}

.reference_inventory .db-tooltip>i,
.cart-detail .db-tooltip>a,
.product-infos-wrapper .db-tooltip>a,
.cart-total-right .db-tooltip>a,
.db-table .db-tooltip>a,
.specialPackageModal .db-tooltip>a,
.add-info .db-tooltip>a,
.add-to-cart-panel .db-tooltip>a,
.free-reserve .db-tooltip>a,
.questionMark .db-tooltip>i,
.questionMark .db-tooltip>em,
.estimated-cost .db-tooltip>a,
.additional-button .db-tooltip>a,
.additional_panel .db-tooltip>a,
.additional-order .db-tooltip>a{
  display      : inline-block;
  margin-left  : 5px;
  background   : #f77e22;
  width        : 15px;
  height       : 15px;
  text-align   : center;
  border-radius: 50%;
  color        : #fff;
  line-height  : 15px;
  font-style: normal;
  cursor: pointer;
  font-size: 12px;
}

.product-details-page .free-reserve .x-tooltip{
  left:unset;
  right:0px;
  max-width: 90vw;
  z-index: 10;
  white-space: pre-wrap;
}

.product-details-page .free-reserve .x-tooltip:after{
  left:unset;
  right:2px;
}

.additional-button .db-tooltip>a,
.additional_panel .db-tooltip>a,
.additional-order .db-tooltip>a{
  color        : #111;
  background   : inherit;
  border:1px solid #111;
}

.add-info .db-tooltip>a{
  font-size:12px;
}

.specialPackageModal .x-tooltip {
  width: 300px;
  top  : 30px;
  left : unset;
}

.specialPackageModal .x-tooltip:after {
  left: 155px;
}

.cart-detail .x-tooltip,
.product-infos-wrapper .x-tooltip{
  text-align: left;
  width: max-content;
  max-width: 180px;
  z-index: 11;
  white-space: normal;
  position: initial;
  margin-top:5px;
}

.add-to-cart-panel .x-tooltip{
  text-align: left;
  width: max-content;
  max-width: 180px;
  z-index: 11;
  white-space: normal;
  margin-top:5px;
  right:0;
}

.add-info .x-tooltip{
  text-align: left;
  width: max-content;
  max-width: 180px;
  z-index: 11;
  white-space: normal;
  margin-top:5px;
  font-size: 12px;
}

.cart-detail .x-tooltip:after,
.product-infos-wrapper .x-tooltip:after,
.add-info .x-tooltip:after{
  display: none;
}


.add-to-cart-panel .x-tooltip:after{
  left:unset;
  right:3px;
}

.cart-detail .price-reduction-panel .x-tooltip{
  position: absolute;
}

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

.no-result .questionMark,
.product-not-available .questionMark{
  position: relative;
  flex-wrap: wrap;
  margin-top:10px;
}

.no-result .questionMark .x-tooltip,
.product-not-available .questionMark .x-tooltip{
  z-index: 10;
  width: 100vw;
  max-width: 280px;
  left: unset;
  right: -100px;
  top: 30px;
  text-align: left;
}

.no-result .questionMark .x-tooltip:after,
.product-not-available .questionMark .x-tooltip:after{
  display: none;
}

.search-results-page .db-button-yellow,
.search-results-page .db-tooltip{
  display: none;
}

.questionMark_relist {
  justify-content: center;
  display: inline-flex;
  position: relative;
}

.questionMark_relist .db-button-yellow{
  padding: 6px 10px;
}

.questionMark_relist .x-tooltip{
  position: absolute;
  bottom: 0;
  right: 30px;
  width: 50vw;
  text-align: left;
  z-index: 10;
}

.questionMark_relist .db-tooltip{
  position: relative;
  margin-right:5px;
}

.questionMark_relist .x-tooltip:after{
  left: 136px;
}

.estimated-cost .x-tooltip{
  width: 80vw;
  max-width: max-content;
  white-space: pre-wrap;
  right: -10px;
  top: 30px;
}

.estimated-cost .x-tooltip:after{
  left: unset;
  right: 10px;
}

.page-ru .estimated-cost .x-tooltip,
.page-it .estimated-cost .x-tooltip{
  right: -150px;
}

.page-ru .estimated-cost .x-tooltip:after,
.page-it .estimated-cost .x-tooltip:after{
  display: none;
}

/* 雕刻 */
.cus-flex-panel div img{
  width:90%;
}

.order-details-page .cus-flex-panel div {
  width:50%;
}

.cus-flex-panel.imgList > div{
  width:45%;
}


/*购物车雕刻*/
.customize-detail{
  display: none;
  width: max-content;
  border: 1px solid #7db531;
  position: absolute;
  z-index: 2;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  text-align: left;
}

.customize-box p.title{
  color: #F60;
  font-size: 1.2em;
  margin-bottom: 6px;
  padding: 0;
  text-align: left;
}
.product-img>p{
  cursor: pointer;
  font-size: 0.8em;
  color: #1e90ff;
}

.product-img>p:hover+.customize-detail{
  display: block;
}

.customize-box > div:last-child p{
  margin-bottom: 5px;
  word-break: break-all;
}

.view-content>div{
  display:inline-block;
  width: max-content;
  vertical-align: top;
}

.customize-box>div{
  width:260px;
}

.customize-detail .cus-flex-panel >div{
  width: 50%;
}

.customize-detail .cus-flex-panel div img{
  width:90%;
}

.gift-package .gift-box img{
  width:100%;
}

.gift-package .gift-box>div{
  text-align: center;
}

.gift-package .swiper-container{
  display: block;
}

.gift-box input{
  margin-right:10px;
}

.noprint > button{
  width: 100%;
  padding: 12px;
  margin-top: 10px;
  border: 0;
  color: #FFF;
  background: #ff822c;
}

.trangle {
  display: inline-block;
  width:20px;
  height:16px;
  background: url(../../images/icon_discount.png) no-repeat;
  background-size: cover;
  background-size: cover;
  vertical-align: bottom;
  margin-left: 5px;
  cursor: pointer;
}


.discount-rules{
  width: 80vw;
  max-width: 480px;
  border: 1px solid #8ad0fd;
  padding: 15px;
  position: absolute;
  border-radius: 2px;
  background: #fff;
  z-index: 10;
  right: 0;
  margin-top: 5px;
  text-align: left;
  color:#111;
  display: none;
  bottom: 30px;
}

.discount-rules.active{
  display: block;
}

.discount-rules>div{
  margin:8px 0;
}

.discount-rules>div>input{
  margin-right:5px;
}

.discount-rules>div.tc{
  margin-top:15px;
}

.discount-rules>div.tc>button{
  width:fit-content;
  background: #59a9e2;
  min-width: unset;
}

.cart-panel-item.isGift{
  background-color: #e9f0dd;
}

.cart-panel a.change-gift{
  color:#1e90ff;
}

.prices-table li > div.price-reduction-panel{
  display: block;
}

.price-reduction-panel{
  text-align: left;
  margin:5px 0;
}

.fast-shopcart .price-reduction-panel{
  text-align: center;
  margin:5px 0;
}

.fast-shopcart #empty-others-items-wrapper .price-reduction-panel,
.fast-shopcart #others-items-wrapper .price-reduction-panel{
  text-align: left;
}

.price-reduction-panel>span{
  color:red;
}

.price-reduction-panel>span>small{
  position: relative;
  top: -2px;
}

.weight-notice a{
  color:#0075FF;
  text-decoration: underline;
}

.weight-notice span{
  color:#f00;
}

.order-tracking-page .title{
  text-align: center;
  font-size:26px;
  margin-bottom:20px;
}

.table-tracking {
  display:none;
}

.db-table .cart-total-right .x-tooltip{
  top: 25px;
  right: -40px;
  z-index: 2;
  width: 267px;
  left: unset;
}

.db-table .cart-total-right .x-tooltip:after{
  left: 213px;
  top: -6px; 
  border-top: 1px solid #f77e22;
  border-bottom: unset;
}

.table-tracking .db-table thead th{
  color:#fff;
  background: #7db531;
}

.showlogin a{
  color: #1e90ff;
  text-decoration: underline;
}

.reference_inventory {
  margin-top:10px;
}

.reference_inventory .db-tooltip{
  top:-1px;
}

.reference_inventory .x-tooltip{
  position: absolute;
  white-space: initial;
  text-align: left;
  right: -10px;
  top: 15px;
}

.shopping-cart-page .db-light-green{
  display:inline-block;
  margin-bottom:3px;
}

.urgeshipping.db-button-yellow{
  min-width: 120px;
  line-height: 14px;
  font-size: 14px;
}

.actually-pay{
  color:red;
}

.flex-wrap{
  display: flex;
  align-items: baseline;
}

.flex-wrap .db-tooltip{
  margin-right:5px;
}

.flex-wrap.estimated-cost .x-tooltip{
  width:60vw;
  text-align: left;
}
.additional_panel{
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  bottom: 0;
  background: #FEB280;
  border-top:1px solid #FEAD77;
  width: 100%;
  padding:10px;
}


.additional_panel > div > div{
  display: flex;
  flex-wrap: wrap;
  color:#111;
  font-size:14px;
}

.additional-order{
  display: flex;
  justify-content: center;
}

.additional-button {
  text-align: center;
  cursor: pointer;
}

.additional-button .es-button{
  color:#fff;
  background: #F77E23;
}

.order-list .order-item ul li.additional-li span:first-child,
.order-overview .order-overview-content li.additional-li span:first-child{
  width: fit-content;
  /* margin-bottom:0; */
}

.quit_additional {
  white-space: nowrap;
}

.additional_description_modal{
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none;
}

.additional_description_panel{
  background: #fff;
  border: 1px solid #ff822c;
  width: 98%;
  margin: 0 auto;
  max-width: 640px;
  text-align: left;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.additional_description_panel > h1{
  text-align: center;
  margin-bottom:10px;
}

.additional_description_panel > p{
  margin-bottom:10px;
}

.modal_close{
  color:#fff;
  background: #B22072;
  text-align: center;
  padding: 10px;
}

.additional-li .db-button-orange{
  margin-top:0;
  padding:10px 20px;
}

.not-selected-modal-wrap .not-selected-title{
  text-align: center;
  border-bottom: 1px solid #aaa;
  padding-bottom: 10px;
}

.not-selected-modal-wrap .uk-overflow-auto{
  overflow: auto;
}

.not-selected-modal-wrap .uk-height-max-large{
  height: calc(100vh - 320px);
}

.not-selected-modal-wrap .cart-detail{
  display: flex;
  justify-content: space-between;
}

.not-selected-button-group{
  text-align: right;
  height:80px;
}

.not-selected-button-group .uk-button{
  border: 1px solid #dcdcdc;
  background: #fff;
  padding: 5px 10px;
  color: #333;
  border-radius: 0;
  margin-top:10px;
}

.not-selected-button-group .uk-button-primary{
  background-color:#B22072;
  color:#fff;
}


.guide-mask{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	pointer-events: none; /* 使遮罩层不接收鼠标事件 */
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 999;
}

.guide-modal-mask{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	pointer-events: none; /* 使遮罩层不接收鼠标事件 */
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 999;
}


.highlight{
  position: relative;
  z-index: 1000;
  display      : inline-block;
  min-width    : 140px;
  background   : #FFBC2C;
  border       : 1px solid #E5B152;
  padding      : 10px 25px;
  text-align   : center;
  line-height  : 20px;
  font-size    : 15px;
  color        : #111;
  border-radius: 4px;
}

.guide-tips {
  position: absolute;
  top     : 20px;
  left    : 103%;
  width   : max-content;
  display : none;
}

.guide-tips.reverse-guide-tips {
  left : unset;
  right: 110%;
  top  : 80px;
}

.highlight .guide-tips {
  display: block;
}

.guide-tips.guide-step-2,
.guide-tips.guide-step-3,
.guide-tips.guide-order-step-2 {
  top : 0;
  left: 110%;
}

.guide-tips .guide-content {
  color        : #111;
  background   : #bde784;
  padding      : 15px 20px;
  border-radius: 15px;
  max-width    : 400px;
  white-space  : normal;
  line-height  : initial;
  font-weight  : normal;
  text-align   : left;
}

.guide-content>i {
  color   : #bde784;
  position: absolute;
  left    : -13px;
}

.guide-tips.reverse-guide-tips .guide-content>i {
  left : unset;
  right: -13px;
}

.guide-btn-group {
  text-align: right;
  margin-top: 10px;
  max-width: 400px;
}

.guide-btn-group>span {
  padding      : 3px 10px;
  border-radius: 8px;
  margin       : 0 5px;
  cursor       : pointer;
}

.guide-btn-group>span.btn-left {
  background: #bfbfbf;
}

.guide-btn-group>span.btn-right {
  background : #FFF;
  color      : #111;
  font-weight: normal;
}

.guide-tips.guide-urge {
  left : 0;
  top  : 50px;
  width: 90vw;
}

.guide-tips.guide-urge .guide-content>i {
  display: none;
  left   : unset;
  right  : -13px;
  rotate : 180deg;
}


.method-list.highlight-mode{
  overflow: visible;
}

.method-list.highlight-mode .highlight-step-1{
  background-color: #fff!important;
}


.method-list.highlight-mode .highlight-step-1 .guide-btn-group{
  text-align: right;
}

.method-list.highlight-mode .highlight-step-1  .guide-tips{
  top:80px;
  left:0;
  width: 90vw;
}

.guide-tips.guide-citibank .guide-content>i {
  display: none;
  left   : unset;
  right  : -13px;
  rotate : 180deg;
}

.highlight .payment-panel{
  display: none;
}


.cart-tooltip > a{
  display: inline-block;
  margin-left: 5px;
  background: #f77e22;
  width: 15px;
  height: 15px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  line-height: 15px;
}

.db-tooltip.cart-tooltip >.x-tooltip{
  top: 22px;
  left: -90px;
  width:fit-content;
}

.db-tooltip.cart-tooltip >.x-tooltip:after{
  display: none;
}

.db-tooltip.cart-tooltip >.x-tooltip>table{
  min-width: 50vw;
}

.uk-text-left{
  text-align: left;
  white-space: nowrap;
}

.uk-text-right{
  text-align: right;
  white-space: nowrap;
}

.summary-panel table{
  table-layout: fixed;
}


.shoppingcart_tab .ui-tabs-nav li a{
  padding: 4px 10px !important;
  font-size: 15px;
}