/*shopping cart*/
.discount{ margin-top: 5px;}
.discount span{display: inline-block;color: #009998;border: 1px solid #009998;padding: 2px 15px 2px 5px;position: relative; font-size: 14px;}
.discount span::after {
    content: "";
    position: absolute;
    right: -1px; /* 对齐主体边框右侧 */
    top: 0;
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
    background-color: #FFF;
    width: 10px;
    height: 100%;
    z-index: 1;
    box-sizing: border-box;
}


.discount span::before {
    content: "";
    position: absolute;
    right: 0px; /* 和三角背景位置完全一致 */
    top: 0;
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
    background-color: #009998;
    width: 10px;
    height: 100%;
    transform: scaleX(1.01) scaleY(1); /* 微调避免缝隙 */
    z-index: 0;
    box-sizing: border-box;
}
.shopping_table h1{text-transform: uppercase;font-size:40px;margin-bottom: 30px;display: flex; align-items: center; justify-content: space-between;  }
.shopping_table h1 .title_cart{display: flex; align-items: center;}
.shopping_table h1 .clear_cart a{color: #535353; text-decoration: underline;font-size: 16px;font-weight: 400;}
.shopping_table .product_number{font-size: 16px;margin-left: 10px;font-weight: 400;}

.table_txt_footer {overflow: hidden; display: block; float: none; width: 100%; padding-top: 30px;}
.table_right_txt{ padding: 0;margin: 0;}
.table_right_txt_box{border-top: 1px solid #ECF0F4; padding-top: 15px!important;margin-top: 10px;}

.table_txt_buttons{text-align: center;padding: 20px 0 20px;clear: both;width: 100%;}
.table_txt_buttons.center{justify-content: center;padding-top: 0}
.shopping_table p.qtypara{max-width: 140px;gap:0 2px; margin: 0 auto;padding: 0 10px;}
.shopping_table .input-quantity{width: auto; flex: 1;}
.Sign_bac{display: inline-block;margin-right: 10px;}
.Sign_bac a{background: #BCBCBC;border-radius: 50px;width: 180px;  display: block; text-align: center; color: #fff; padding:8px 10px;}
.Sign_bac a:hover,.login_button a:hover{opacity: 0.7;}
.shopping_table{ padding:0 0px 50px; display:inline-block; width:100%;}
.table_left{width:68%; float:left; padding-right:80px;}
.fa_l{float:left;text-align: center;}
.table_title .fa_l:first-child{text-align: left;}
.padding_10{padding:20px 10px}
.width_1{width:50%;}
.width_2{width:16.666%;}

.shopping_table_li.order_record_li{ margin:0;}
.shopping_table_li.order_record_li:last-child{ border-bottom:none;}
.padding_top_0{padding-top: 0!important}

.shopping_table_li.order_record_li .fa_l p a{ color:#882f4f; text-decoration:underline;}
.shopping_table_li{padding:0 0; border-bottom: 1px solid #E4E4E4; display:flex; width:100%; align-items: center;}
.shopping_table_li .fa_l{display:table-cell; float:none; vertical-align:middle; position:relative;min-height: 26px;}

.shopping_table_li .price{display: flex; align-items: center;gap:0 10px; justify-content: center;flex-wrap: wrap;}
.shopping_product{width:100%;padding-left:180px;position:relative;min-height: 160px;display: flex; align-items: center}
.expire{color: #D80202;font-size: 12px;padding: 4px 8px;background: rgba(216, 2, 2, 0.2);border-radius: 4px;margin-top: 15px;font-weight: normal}
.table_right_title .expire{margin: 7px 0;}
.archived_order .shopping_product{padding-left:0; min-height:auto;}
.shopping_product_img{position:absolute;left:0px;top:50%;width:160px;margin-top: -80px; border: 1px solid #E4E4E4; border-radius: 10px;}
.shopping_product_img img{width:100%;border-radius: 8px;object-fit: cover;aspect-ratio: 1/1;}
.shopping_product_img .position_tag{left: -13px; top: -13px; }
.shopping_product_img .position_tag .span_overseas{padding: 3px 5px; border-radius: 4px;font-size: 13px;}
.shopping_product_txt{ display:block;text-align: left;}
.shopping_product_txt_title{display:block; font-size:16px; font-weight:700;  text-align:left; color: #414141; padding: 10px 0;}
.shopping_product_txt_title a{color: #414141;}
.shopping_product_txt_date{font-size: 14px;color: #535353;margin-top:5px; font-weight: 400;}
.shopping_product_txt_date.discount_txt{color: #009998;margin-top: 10px;}
.shopping_product_txt_Style{position:relative; padding:2px 0px;font-size: 18px;text-align: left;}
.shopping_product_txt_Style b{padding-right:5px; font-weight:normal; color:#999;}
.shopping_product_txt_Style .reg_Mobile_title{ display:inline-block; float:inherit; width:100%; padding-left:50px; padding-right:10%;}
.shopping_product_txt_Style .reg_Mobile_title .layui-input, .shopping_product_txt_Style .layui-select, .shopping_product_txt_Style .reg_Mobile_title .layui-textarea{ padding:8px 20px;}
.shopping_product_txt_Style .reg_Mobile_title .layui-form-select .layui-edge{right:20px; margin-top: -3px;}
.shopping_product_txt_Style .layui-form-selected .layui-edge{    margin-top: -8px!important;}
.shopping_product_txt_Style .reg_Mobile_title .layui-form-select dl{ top:37px;}
.shopping_product_txt_Style .reg_Mobile_title .layui-form-selectup dl{top: auto; bottom:37px;}
.shopping_product_txt_Style .reg_Mobile_title .layui-form-select dl{ left:15px; right:15px;}
.shopping_product_txt_Style .reg_Mobile_title .layui-form-select dl dd, .shopping_product_txt_Style .reg_Mobile_title .layui-form-select dl dt{padding:10px;}
.width_ov{display:flex; align-items: center; gap:0 30px; justify-content:center;position: relative;}
.width_ov .width_ov_but{cursor:pointer;color:#535353;font-size: 18px;}
.width_ov .width_ov_but:hover{color: #009998;}

.price .old_price{color: #A7A7A7;font-size: 14px;text-decoration: line-through;}
.price .new_price{color: #535353;font-size: 14px;}
.shopping_cart_title{font-size: 24px;font-weight: 700; margin-top: 30px;margin-bottom: 15px; color: #414141;}
.offer_txt{margin-bottom: 30px;padding-bottom: 20px; border-bottom: 1px solid #E4E4E4;}
.Freebies .regular-radio + label{display: flex; align-items: center; background-position: left center;padding-left: 40px; border-bottom: 1px solid #E4E4E4;padding-bottom: 30px;}
.Freebies .regular-radio + label .img{ width: 160px; min-width: 160px;}
.Freebies .regular-radio + label .txt{padding-left: 10px;font-size: 16px;font-weight: 700;}
.Freebies_c .Freebies {display: flex; align-items: center;}
.Freebies_c .Freebies .txt{padding-left: 10px;}
.Freebies{margin-bottom: 25px;}
.modal_reset_password_success .txt.Reminderlogin{margin-top: 20px;}
.modal_reset_password_success .txt.Reminderlogin a{color: #009998;text-decoration: underline;}
.modal_reset_password_success .txt.Reminderlogin a:hover{text-decoration: none;}








.table_right{width:32%; float:right;}
.table_right_c{ margin:0 auto 30px;border: 1px solid #e4e4e4;border-radius: 20px;display: inline-block;width: 100%; }
.table_right_c_b{padding: 30px;}
.table_right_title{font-size: 20px; font-weight:700; text-transform:uppercase;display: flex;width: 100%;padding:0;margin-bottom: 30px; justify-content: space-between; align-items: center; color: #483226;}
.table_right_title.myorder_title{border-bottom: 1px solid #EDEDED;padding-bottom: 20px;}
.table_title{font-size: 14px; text-transform:uppercase;display: flex;width: 100%;padding:0;margin-bottom: 10px; justify-content: space-between; align-items: center; color: #535353; border-bottom: 1px solid #e4e4e4; font-weight: 400;}
.table_right_title_c{margin-bottom: 30px;font-size: 24px; font-weight:bold; text-transform:uppercase;display: inline-block;width: 100%;}
.table_right_title_c i{margin-right: 5px;}
.table_right_title_c .table_right_title_r{float: right;font-weight: normal;font-size: 18px;}
.table_right_title_c .icon_edit{color: #4D4D4D;padding: 4px 0;display: inline-block;}
.table_right_title_c .icon_edit:hover{color: #B9A3BF;}
.table_right_title_r a{display: inline-block;margin-left: 15px;}
.table_right_title_r a:hover{opacity: 0.7;}
.table_right_title_r .icon_cancel{font-size: 16px;padding: 4px 17px;border: 1px solid #BCBCBC;color: #BCBCBC;border-radius: 50px;}
.table_right_title_r .icon_save{font-size: 16px;padding: 4px 17px;border: 1px solid #B9A3BF;color: #FFF;background: #B9A3BF; border-radius: 50px;}
.table_right_txt_li{overflow:hidden;text-align:right;font-size: 16px;display: flex; justify-content: space-between; gap:0 15px; color: #535353;}
.table_right_txt_li + .table_right_txt_li{margin-top: 20px;}
.table_right_txt_li .right{display: flex;text-align: left; justify-content: end;}
.table_right_txt_li .liuyan{float: right;max-width: 80%;line-height: 20px;}
.table_right_txt_li .left{min-width: 170px;text-align: left;font-weight: 700;}
.table_right_txt_li .red{color:#FB647F;}
.table_right_txt_li strong{ font-size:18px;font-weight: 700;}
.table_right_txt_li p{margin-bottom: 10px;color: #10069F}

.buttons a{background: #009998;color: #FFF;padding: 15px 16px; color: #FFF; display: block; text-align: center; font-weight: 700; border-radius: 50px;}
.buttons a:hover{background: rgba(0, 152, 153, 0.7);}
.table_right_but{padding-top:20px;}
.btn_close_button{position: absolute;right: 15px;top: 50%;margin-top: -8px;color: #bcbcbc;display: none;}
.icon_check{position: absolute;left: 15px;top: 50%;margin-top: -12px;display: none;}
.promo_txt.warning{border-color: #D10909;}
.promo_txt{display: flex;justify-content: space-between; border: 1px solid #E4E4E4; border-radius: 50px; overflow: hidden;}
.promo_txt input{border: none;background: #FFF; border-radius: 10px;width: 100%;height: 42px;}
.promo_txt .button_class{ color:#FFF; background:#009998; border:none; color:#fff;cursor:pointer; text-align: center;width: 60px; min-width: 60px; font-size: 14px;}
.promo_txt .button_class:hover{opacity: 0.9}

.Earn_points{background: #F6F6F6; border-radius: 10px; overflow: hidden;padding: 12px 15px; margin-top: 20px; display: flex; justify-content: space-between; color: #535353; gap:0 15px}
.Earn_points_right{font-weight: 700; color: #009998;display: flex; align-items: center;flex: 0 0 auto;}
.Earn_points_right .icon_p{width: 20px; height: 20px;background: #009998; border-radius: 50px; margin-right: 5px; font-size: 12px;line-height: 17px; color: #FFF;display: inline-block; text-align: center;}
.table_coupon_title{margin-bottom: 20px;color: #483226;}
.color_009998{color: #009998 !important;}
.color_D10909{color: #D10909!important;}
.color_906249{color: #906249 !important;}
.shopping_txt_title{display:none;}
.Shopping_title_txt{display:block; line-height:1.6; padding:20px 10px;}
.Shopping_title_img{padding:10px 20px;}
.caretl{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px;}

.input_class{border: 1px solid #E6E6E6; border-radius:0; padding: 10px 15px; display: block; width: 100%; font-size: 16px;height: 50px;}
.input_class:focus{border-color:#B9A3BF; }
.txt_use_integral{font-size: 14px;color: #bcbcbc;margin: 8px 0 0;display: none;}
.Shopping_step{margin-top:15px;text-align: center;margin-bottom: 50px;font-size: 16px;}
.Shopping_step ul{display: flex; justify-content: space-between;width: 100%; position: relative; align-items: center;gap:0 30px}
/* .Shopping_step ul:after{content: ""; position: absolute; top: 50%; width: 100%; height: 1px;background: #949494;} */
.Shopping_step li .number{display: inline-block;width: 24px;height: 24px;line-height: 21px; border: 1px solid #A7A7A7;color: #A7A7A7;border-radius: 50px; font-size: 16px; font-weight: 700;}
.Shopping_step li{display: flex;background: #FFF; position:relative; color: #A7A7A7;z-index: 9; align-items: center;gap:0 10px;flex: 0 0 auto;}
.Shopping_step li.line{height: 1px;flex: 1;background: #A7A7A7;}
.Shopping_step .active{color:#009998;}
.Shopping_step .active.line{background:#009998 ;}
.Shopping_step .active .number{background:#009998;color: #FFF;border-color:#009998 }
.width_ov .price{display: inline-block;width: auto;color: #906249;font-weight: 700;}
.width_ov .price .new_price{color: #009998}

.login_offer{background: #f2feff;color: #535353; padding: 10px 16px;margin-bottom: 30px;font-size: 16px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; gap:0 15px}
.login_offer .icon_login{flex: 0 0 auto;}
.login_offer .icon_login a{background: #009998;color: #FFF; border-radius: 50px;display: block;padding: 6px 14px; text-decoration: none;}
.login_offer .icon_login a:hover{opacity: 0.9;}
.login_offer a{color: #009998; text-decoration: underline;}
.login_offer a:hover{text-decoration: none;}
.please_confirm{margin-bottom: 30px;font-size: 16px;}

.table_my_coupon_li{border: 1px solid #E4E4E4; border-radius: 10px; margin-bottom: 20px;display: flex; gap:0 16px; overflow: hidden;}
.table_my_coupon_li:hover{border-color: #009998;}
.table_my_coupon_li.active{border-color: #009998;}
.table_my_coupon_li .title{font-size: 18px;margin-bottom: 0;}
.table_my_coupon_li .data{color: #808080; margin-top: 10px;}
.table_my_coupon_li .icon{background: #009998;width: 59px;align-items: center;justify-content: center;display: flex;}
.table_my_coupon_li_center{padding: 16px 0; flex: auto;}
.table_my_coupon{max-height:530px; overflow-y: auto;padding-right: 10px;}
.table_my_coupon.empty{height: 358px;padding-right: 0;background: rgba(247, 247, 247, 0.5);display: flex; align-items: center; justify-content: center;}
.table_my_coupon_li_button{flex-shrink: 0;display: flex;align-items: center;padding-right: 15px;}
.table_my_coupon_li_button a{display: inline-block;background: #00B6BD;color: #FFF;padding: 5px 5px;border-radius: 10px;min-width: 44px;text-align: center}
.table_my_coupon_li_button a.disabled{background: #E7E7E7; color: #919191; opacity: 0.5; pointer-events: none;}
.coupon_empty{text-align: center;}
.coupon_empty .img{margin-bottom: 15px;}
.coupon_empty p{color: #949494;}



.shopping_cart_bottom{position: fixed; bottom: 0;left: 0;width: 100%;box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1);background: #FFF;}
.shopping_cart_bottom .container{display: flex;justify-content: space-between; align-items: center;}
.shopping_cart_bottom .buttons a{padding: 8px 40px;}
.shopping_cart_bottom .buttons a.btn_continue{background: none;padding: 0;color: #183D46;}
.shopping_cart_bottom .buttons a.btn_continue:hover{opacity: 0.7;}
.body_shopping_cart{padding-bottom: 50px;}
.shopping_cart_empty{text-align: center;padding: 50px 0 50px;}
.shopping_cart_empty .h2{font-size: 18px; font-weight: 700; margin-bottom: 40px;}
.shopping_cart_empty .img{margin-bottom: 30px;}
.shopping_cart_empty p{margin-bottom: 30px;}
.shopping_cart_empty p a{text-decoration: underline;}
.shopping_cart_empty p a:hover{text-decoration: none;}
.shopping_cart_empty .buttons{display: flex;gap:0 20px; align-items: center; justify-content: center;}
.shopping_cart_empty .buttons a{width: 180px;padding: 12px 16px;border: 1px solid #009998;}
.shopping_cart_empty .buttons  a.cancel{background: none;color: #009998;}
.qtypara.inventory0{background: #F6F6F6;}
.inventory0.qtypara .input-quantity{background: #F6F6F6; cursor: not-allowed; pointer-events: none;color: #A7A7A7}
.inventory0.qtypara .minus, .inventory0.qtypara .add{cursor: not-allowed;color: #A7A7A7!important;pointer-events: none;}
.alert_style{background: none;border: none;padding: 0;text-align: center;margin-bottom: 30px;}
.alert_style .altert_inline{display: flex;box-shadow: 0px 1px 20px -1px #00000026;
    background: #FFF;padding:10px 16px; font-size: 14px; border-radius: 8px;border: none; color: #414141; gap:0 5px; align-items: center; width: fit-content;margin: 0 auto; text-align: left;}
.alert-danger .altert_inline i{ color: #E90000;font-size: 16px;}
.alert_style .altert_inline img{margin-top: -2px;position: relative;}
.alert-success .altert_inline i{color: #42A90F;font-size: 20px;}
.modal_login_title{text-align: center;font-weight: 700;font-size: 20px;margin-bottom: 25px;}
.modal_login_button{margin-bottom: 15px;text-align: center;}
.modal_login_button a{display: inline-block;padding: 8px 10px;min-width: 100px; border-radius: 10px; background: #009998;color: #FFF;}
.modal_login_button a:hover{opacity: 0.7}
.modal_point_exchange .sign_in_txt a{text-decoration: underline;}

/*orders*/
.My_Orders_li{background:#FFF;  border-radius:20px; overflow:hidden; margin-bottom:20px; border: 1px solid #E4E4E4;padding:10px 30px;}
.Orders_table_top{  width:100%; overflow:hidden; padding:10px 15px;background: #f2feff;display: flex; justify-content: space-between; color: #535353; border-radius: 10px;}
.Orders_table_top .right{display: flex; align-items: center;}
.Logistics_status{color:#009998}
.Logistics_status img{margin-right: 5px;}
.finished{color:#009998 !important}
.Unfinished{color: #D10909 !important;}
.Orders_table_top .right > div+div{ border-left: 1px solid #E4E4E4;margin-left: 15px;padding-left: 15px;}
.My_Orders_li .shopping_table_li{border-bottom: 1px solid #E4E4E4; margin:  0;padding:0 12px;font-size: 16px;}
.My_Orders_li .shopping_product_txt_title{color: #383838;font-weight: normal}
.My_Orders_li .table_right_txt{padding: 20px 0;}
.My_Orders_li .table_right_txt_li:last-child {
    border-top: 1px solid #e4e4e4;
    padding-top: 20px;
}

.color_orange{color: #F34D00}
.Orders_table_bottom{display: flex; justify-content: space-between; align-items: center; padding:10px 0 0;}
.Orders_table_bottom .left{flex-shrink: 0;}
.Orders_table_bottom .table_txt_buttons.text-right .icon_save, .Orders_table_bottom .table_txt_buttons.text-right .check_icon_edit{font-size: 16px;}
.Orders_table_btn a{display: inline-block;background: #F34D00; padding: 7px 16px;color: #FFF;border-radius: 10px;font-size: 16px;}
.Orders_table_btn a:hover{opacity: 0.7;}

.Orders_table_bottom_detail{background: none; border-top: 1px solid #F5F5F5;}
.Orders_table_bottom_detail .table_right_txt{width: 100%;}
.Ordersshow_title{ width:100%; padding:16px; text-align:left;border-radius:16px; margin-bottom:20px; border: 1px solid #E4E4E4;}
.Ordersshow_title_li{display:inline-block;  overflow:hidden;  text-align:left; font-size: 14px;}
.Ordersshow_title_li +.Ordersshow_title_li{ margin-left: 10%;}

.Ordersshow_title_li_r{float:left; color:#808080}
.Ordersshow_title_li_r b{display:block; padding-top:5px; font-weight: 700; font-size: 16px; color: #414141;}

table.order_record{width: 100%;}
.order_record th{border-bottom: 1px solid #E4E4E4;font-weight: 400;padding-top: 0 !important;}
.order_record th, .order_record td{padding: 15px 10px;}
.order_record_title{margin-bottom: 20px;font-size: 20px;font-weight: 700;}
.My_Orders_li .table_right_txt_li .left{font-weight: normal;}
.Total_amount{font-weight: 700; color: #906249; font-size: 20px;}
.receiving_information_title{background: #f2feff; border-radius: 8px;padding: 8px 16px; font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.Account_right_li{display: flex;width: 100%; align-items: center;gap:0 20px; margin-bottom: 20px;}
.Account_right_li .payment_address_icon{font-weight: 700;width: 180px;}
.Account_right_li .payment_address_icon i{color: #009998; margin-right: 5px;}
.Account_right_li .payment_address_li{border: none;padding: 0; font-size: 14px;}
@media (max-width:1400px) {

    .width_ov{gap:0 15px}
}
@media (max-width:1280px) {
    .table_left{width:100%; float:none; padding:0px 0 20px;}
    .table_right{width:100%;padding-bottom: 50px;}
}

@media (max-width:767px) {
    .Freebies .regular-radio + label .img{ width: 80px; min-width: 80px;}
    .mobile_top0{padding-top: 0 !important;}
    .shopping_table_li p.qtypara{float: right;}

    .Ordersshow_title_li_r{float: none;}
    .Ordersshow_title_li i{float: none;display: block; margin: 0 auto}
    .Ordersshow_title_li{width: 100%; border-right: none;text-align: center; margin-right: 0;border-bottom: 1px solid #FFF; padding-bottom: 10px;margin-bottom: 10px;}
    .Orders_table_bottom{display: block;padding-top: 20px;}

    .Orders_table_btn {text-align: center; margin-bottom: 10px;margin-top: 10px;}
    .alert_style{margin-top: 0;}
    .please_confirm{margin-bottom: 0;}
    .table_right_c_b{padding:20px 15px;}
    .table_right_title{margin-bottom: 20px;}
    .shopping_table .shopping_product_txt_title{font-size: 16px;}
    .shopping_table .table_title{display: none;}
    .shopping_table .table_right_c_b .table_title{display: flex;}

    .payment_table .table_title{display: none;}
    .table_title{display: none;}
    .buttons{text-align: center;}

    .shopping_table_li .padding_10 .shopping_txt_title{display:inline-block; position:absolute; left:180px; top:50%; margin-top:-10px; }
    .shopping_table_li .price, .width_ov{justify-content: end;}

    .width_1{width:100%;}
    .shopping_table_li .fa_l{display:block; text-align:center;}
    .shopping_table_li .padding_10{ position:relative;}
    .shopping_table_li .width_2{width:100%; padding-left:280px;}
    .shopping_table_li.order_record_li{padding:10px;}
    .shopping_table_li.order_record_li .padding_10 .shopping_txt_title{ left:0; margin-top:0; top:3px}
    .shopping_product_txt_Style b{display:inline-block; width:60px;}
    .shopping_product_txt_Style .reg_Mobile_title{padding-left:90px; padding-right:0px;}
    .shopping_table_li.archived_order .padding_10 .shopping_txt_title{ left:15px;}


    .table_right_title_r a{margin-left: 5px;}
    .shopping_table_li{display: block;padding: 15px 0;}
    .padding_10{padding: 10px 0;}
    .table_right_txt{float: none;width: 100%;padding: 5px 0;}
    .Shopping_step ul{gap:0 10px}
    .Shopping_step li{gap:0 5px;display: block;}
    .shopping_table h1{display: block;font-size: 32px;margin-bottom: 15px;}
    .clear_cart{text-align: right;}
    .Shopping_step li .number{margin-bottom: 5px;}
    .Shopping_step{font-size: 14px;}
    .table_my_coupon_li .title{font-size: 16px;}
    .Orders_table_bottom .table_txt_buttons.text-right{gap:20px 10px; justify-content: center;}
    .Orders_table_bottom .left{text-align: center;}
}
@media (max-width:500px) {
    .shopping_product_img .position_tag .span_overseas{font-size: 10px;}
    .Sign_bac{margin-right: 0;margin-bottom: 15px;}
    .Sign_bac,.login_button{display: block;}
    .Sign_bac a, .login_button a{width: 100%;}
    .Shopping_title{padding:20px 0px;}
    .referral_table .width_5 img{height: 20px;}
    .Shopping_bg{padding:10px 0px; padding-bottom:20px;}
    .padding_10{padding:7px 0;}
    .payment_table .padding_10{ padding:7px 0; padding-right: 0px;}
    .shopping_table_li .padding_10 .shopping_txt_title{left: 100px;}
    .shopping_table_li .width_2{width:100%; padding-left:160px; }
    .shopping_product_txt_Style b{ top:11px; width:68px;}
    .shopping_product_txt_Style .reg_Mobile_title{padding-left:70px;}
    .payment_table .padding_10 .shopping_txt_title{left:120px;}
}

/*checkout*/
.shopping_table .dropdown-menu{font-size: 14px;}
.shopping_table .bootstrap-select > .dropdown-toggle{font-size: 14px;}
.shopping_table .form-control{font-size: 14px;}
.shopping_table .bootstrap-select > .dropdown-toggle{min-height: 45px;}
.login_table_5{float:left; width:50%;}
.login_table_5 +.login_table_5{padding-left:10px;}
.login_table_3{float:left; width:30%;}
.login_table_7{float:left; width:70%; padding-left: 10px;}
.shopping_left_5{ float:left; width:50%; padding-right:10px;}
.shopping_right_5{ padding-left:10px;float:left; width:50%;}
.checkout_c{padding:20px;}
.payment_radio .checkbox-payment {display: none;}
.payment_address_weith{display:block;}
.Shopping_table_ct{display:block; overflow:hidden;}
.Shopping_table_ct ul{overflow:hidden;display: flex; flex-wrap: wrap;gap:30px}
.Shopping_table_ct li{ width:calc((100% - 30px)/2);font-size: 14px;}
.payment_address_table{margin-bottom: 30px;}
.payment_address_li{display:block; border:#E4E4E4 solid 1px; border-radius: 10px; padding:15px; height: 100%;}
.payment_address_li:hover{border-color:#009998 ;}
.payment_address_li_txt{display:flex; gap: 0 5px; color:#535353; padding:5px 0px; min-height:30px;}
.payment_address_li_txt i{color:#009998;margin-top: 5px;}
.payment_address_li .Default_icon{display:inline-block; padding:3px 8px; font-size:12px; margin-right:5px; background:#009998; color:#FFF; border-radius:4px;}
.Shopping_table_ct  .checkbox-payment:checked + label .payment_address_li{border:#009998 solid 1px;}
.Shopping_table_ct  .checkbox-payment:checked + label .payment_address_li .payment_address_li_icon{background: url("../images/checkbox2.png")no-repeat left center;}
.Shopping_table_ct  .checkbox-payment +label{width:100%; padding-left:0px; background:none; height:auto; position:relative; margin-bottom: 0; height: 100%;}
.payment_address_li_icon{display: flex; background: url("../images/checkbox.png") no-repeat left center;  justify-content: end; margin-bottom: 15px; min-height: 24px;}
.payment_address_li_title{font-weight: 700;font-size: 16px;margin-bottom: 15px;}
.boxdown{text-align:center; padding-top:30px; cursor:pointer}
.boxdown a{display: inline-block;background: #56392A; border-radius: 80px; font-size: 14px;padding: 12px 24px; color: #FFF;}
.boxdown a:hover{background-color: #906249;}
.boxdown i{padding-left:8px;}
.boxdown.up i:before{content: "\f286"; }
.boxdown i:before{font-weight: 700 !important;}
.delivery{ margin-bottom:20px;}
.delivery ul{margin:0; padding:0;}
.delivery ul li{list-style:none; margin-bottom:10px;}
.delivery ul li >a{display:table;width:100%;padding:20px;color:#999;border:1px solid #e0e0e0;-webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out;background:url(../images/checkout1.jpg) no-repeat right -1px bottom -1px;}
.delivery ul li.active > a{border:1px solid #000; background:url(../images/checkout2.jpg) no-repeat right -1px bottom -1px;}
.delivery ul li a .icon_address{background:url(../images/icon_address2.png) no-repeat; width:28px; height:28px;}
.delivery .icon_address{background:url(../images/icon_address1.png) no-repeat;width:18px;height:28px;}
.delivery .information{display:table-cell;width:100%;padding-left:15px;vertical-align:top;}
.delivery .information p{clear:both;display:inline-block;width:100%;margin-bottom:0;}
.delivery .information p+p{margin-top:10px;}
.delivery .information .name{font-weight:bold;color:#000;}
.delivery .information .tel{color:#000;}
.delivery .information .default{ color:#FFF; background:#B9A3BF; border-radius:3px; display:inline-block; padding:3px 5px; font-size:12px; font-weight:normal; margin-right:5px;}
.show_all{ margin-bottom:20px;}
.show_all a{ display:block; padding:10px 12px; text-align:center; color:#000; border:1px solid #000;}
.show_all a .fa{margin-left:6px;display:inline-block; vertical-align: top;}
.show_all a .fa-sort-asc{margin-top:5px;}
.login_table_5{float:left; width:50%;padding-right: 10px;}
.login_table_5 +.login_table_5{padding-left:10px;padding-right: 0;}
.form-group{margin-bottom:15px; display:table; width:100%;}
.email_verified{position: absolute;right: 10px;top: 12px;}
.email_verified i{color: #2AA1F8;margin-right: 5px;}
.margin_0{margin-bottom:0 !important;}
.payment_radio{margin-bottom: 25px; clear: both;}
.payment_radio_address{height: 100%;}
.payment_radio_c{ display:inline-block; width:100%; margin-bottom:0;}
.payment_radio_li{ float:left; margin-right:10px;}
.payment_radio_li img{height: 30px;}
.checkbox-payment{display:none;}
.checkbox-payment+label{ cursor:pointer; position:relative; display:inline-block;margin-bottom: 5px;}
/* .checkbox-payment+label span{display: inline-block;} */
.payment_c_li{ padding:20px 0; display:inline-block; width:100%; border-bottom:1px solid #e0e0e0;}
.payment_c_li:last-child{border-bottom:none;}
.payment_c_li_detail{float:left; width:70%; padding:0 20px; position:relative; min-height:96px;}
.payment_c_li_img{position:absolute; left:20px; top:0; width:96px;}
.payment_c_li_txt{padding-left:110px;}
.payment_c_li_right{float:left; width:30%; padding:0 20px; text-align:right;}
.payment_c_li_right .shopping_product_txt_Style{text-align: right;}
.shopping_product_txt_Style .price{ font-weight:bold;}
.visible_m{display:none; color:#999; float:left;}
.payment_result{ padding:20px 0 30px; margin-bottom:20px; display:table; width:100%; border-bottom:1px solid #e0e0e0;}
.payment_result_icon{display:table-cell; vertical-align:middle; }
.payment_result_icon i{ width:72px; height:72px;text-align:center; line-height:72px; font-size:40px; background:#B9A3BF; color:#fff; border-radius:50px;}
.payment_result_txt{display:table-cell; width:100%; vertical-align:middle; padding-left:15px;}
.payment_result_txt h1{ font-weight:bold; font-size:24px; margin:0 0 0;}
.payment_result_txt p{ margin-bottom:0; color:#999;}
.payment_table{max-height: 640px; overflow-y: auto;padding-right: 20px;}
.payment_table .shopping_table_li{ margin:0;}
.payment_table .width_1{ width:50%;}
.payment_table .width_2{ width:16.66%;}
.payment_table .width_3{ width:16.66%;}
.payment_table .width_4{ width:16.66%;}
.p-delivery{ margin:5px 0 0;}
.p-delivery b{ color:#999; font-weight:normal;}
.width_4_2{width:25%;}
.detail_button{background:#B9A3BF; border:none; color:#fff !important; text-align:center; padding:5px 15px; display: inline-block;text-transform:uppercase;}

.payment_table .table_left{width: 50%;padding-right: 0;}
.payment_table .table_right{width: 50%;padding-left: 50px;}
.payment_scroll{max-height: 368px; overflow-y: auto; width: 100%;padding-right: 15px;}
.payment_table_td{margin-bottom: 15px;font-size: 14px;padding: 0px 15px 20px; border-bottom: 1px solid #E4E4E4;}

.payment_table_td .shopping_product_img{top: 0;margin-top: 13px; width: 100px;}
.payment_table_td .shopping_product_txt{display: flex;align-items: center;justify-content: space-between;color: #535353; align-items: end;    }
.payment_table_td .shopping_product_txt .right{font-weight: 700;font-size: 16px; color: #906249;}
.payment_table_td .shopping_product_txt .left p{margin-top: 5px;}
.payment_table_td .shopping_product{min-height: 100px; display: block; padding-left: 120px;}
.regular-radio.radio + label .txt{color: #949494;font-size: 14px;margin-top: 7px;}
.dropdown_pickup .label_title{color: #183D46}
.dropdown_pickup{margin-top: 15px;display: none}
.Terms_of_payment .payment_radio{margin-bottom: 15px;}
.reg_bg_checkbox .payment_radio{margin-bottom: 15px;}
.reg_bg_checkbox .layui-form-item{margin: 20px 0;}
.regular-radio.radio + label{background: url("../images/radiobutton.png") no-repeat left center;}
.regular-radio.radio:hover + label{background-image:url("../images/Property_hover.png") ;}
.regular-radio.radio:checked + label{background: url("../images/radiobutton2.png") no-repeat left center;}
.Free_threshold{background: #f2feff;padding: 30px; border-radius: 20px; }
.Free_threshold_title{font-weight: 700; color: #483226; margin-bottom: 20px;}
.Free_threshold .layui-progress {margin-bottom: 20px;border: 1px solid #e4e4e4;background: #FFF;}
.Free_threshold .layui-progress-bar{background-color: #009998;}
.Free_threshold .text-right{text-align: right;}
.margin_bottom20{margin-bottom: 20px !important;}
.rotate-speed {
    /* 核心属性：默认 1s，改为 0.5s 更快，改为 2s 更慢 */
    animation-duration: 2s !important;
    /* 可选：保持动画线性匀速（layui 默认是 ease，可改为 linear 更顺滑） */
    animation-timing-function: linear !important;
}
.payment_successfull{margin: 0 auto;padding: 50px 0;}
.payment_successfull .Shopping_step{max-width: 1087px;margin-left: auto; margin-right: auto;}
.payment_successfull_img{margin-bottom: 20px;text-align: center;}
.payment_successfull_txt{margin-bottom: 50px;text-align: center;}
.payment_successfull_txt h1{font-size: 18px;font-weight: bold;margin-bottom: 8px;}
.payment_successfull h2{font-size: 24px;margin-bottom: 30px;font-weight: bold;}
.payment_successfull .Transaction_number{position: relative;width: 100%;max-width: 100%; margin-bottom: 80px;}
.payment_successfull .table_title{color: #535353;font-size: 16px; border: none;font-weight: normal; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4;}

.payment_successfull .table_right_txt{padding: 20px 0;}
.payment_successfull .table_right_txt_li .left{font-weight: normal;}
.payment_successfull .table_right_txt_li:last-child {border-top: 1px solid #e4e4e4;padding-top: 20px;}
.payment_successfull .table_right_txt_li:last-child .left{font-weight: 700;}
@media (max-width:1280px) {
    .payment_table .table_left{width: 100%;}
    .payment_table .table_right{width: 100%;padding-left: 0}
}
@media (max-width:1028px) {
    .shopping_left_5{ float:none; width:100%; padding-right:0;}
    .shopping_right_5{ padding-left:0;float:none; width:100%;}
    .payment_radio_li{float:none; margin-right:0;}
}
@media (max-width:767px) {
    .payment_successfull{padding: 20px 0;}
    .payment_table .width_1{ width:100%;}
    .payment_table .width_2{ width:100%;}
    .payment_table .width_3{ width:100%;}
    .payment_table .width_4{ width:100%;}
    .checkout_c{padding: 15px; }
    .m_margin_20{margin-bottom:20px;}
    .login_table_5{float:none; width:100%;padding-right: 0;}
    .login_table_5 + .login_table_5{padding-left:0;margin-top: 23px;}
    .Shopping_table_ct li{width: 100%;}
    .payment_table_td{padding: 0 0 20px;}
    .payment_table{padding:0 13px;max-height: 400px;}
    .payment_table_td .shopping_product_img{width: 80px;}
    .payment_table_td .shopping_product{padding-left: 90px;}
    .Free_threshold{padding: 20px 15px;}
}
@media (max-width:500px) {
    .payment_c_li_detail{ float:none; width:100%; padding:0 15px;}
    .payment_c_li_right{float:none; width:100%; padding:0 15px; padding-left:100px;}
    .visible_m{display: inline-block;}
    .payment_c_li .shopping_product_txt_Style{ text-align:right;}
    .payment_c_li .shopping_product_txt_Style b{float:left; text-align:left;}
    .payment_c_li_img{width:75px; left:15px;}
    .payment_c_li_txt{padding-left:85px;}
    .payment_table .width_ov:before{ display:none;}
    .payment_table .width_ov{padding-bottom:0;}
    .payment_table .shopping_table_li{padding:15px;}
}
/*account*/
.my_account{ padding:20px 0 100px;}
.my_account .container{display: flex;justify-content: space-between;gap:0 50px}
.personal_left{ width:284px;}
.personal_left .personal_c{background:#FFF; margin-bottom:20px;padding: 24px 15px;border-radius: 8px;border: 1px solid #E4E4E4; border-radius: 20px;}
.personal_left ul{list-style:none; margin:0; padding:0; }
.personal_left ul li{list-style:none; margin:0; padding:5px 0;}
.personal_left ul li a{ color:#414141; display:block; position:relative;padding: 10px 16px; padding-right: 24px;border-radius: 10px;}
.personal_left ul li a:after{content:"\f285"; font-family: "bootstrap-icons"; position: absolute; right: 12px; top: 50%; margin-top: -12px;}
.personal_left ul li:hover a{background: #f2feff ; }
.personal_left ul li.active a{ color: #009998;}
.personal_left ul li a.sign_out{font-weight: 700;}
.personal_left ul li a.sign_out::after{content: "";}
.personal_left ul li a.sign_out img{margin-right:5px}
.personal_left ul li:last-child{border-top: 1px solid #E4E4E4;margin-top: 20px;padding-top: 20px;}
.personal_center{flex: 1;}
.personal_center h1{text-transform: uppercase;font-size:32px;margin-bottom: 24px; font-weight: 700; display: flex; align-items: center; justify-content: space-between; gap:0 20px  }
.btn_add_address{border: 1px solid #009998; display: inline-block; color: #009998; padding: 8px 16px; border-radius: 50px; font-size: 14px;}
.btn_add_address i{margin-right: 5px;}
.btn_add_address:hover{background: #009998;color: #FFF;}
.change_telphone{
    text-align: right;
    margin-top: 10px;
    clear: both;
}
.change_telphone a{
    color: #009998;
    font-size: 14px;
    text-decoration: underline !important;
}
.change_telphone a:hover{
    text-decoration: none !important;
}
.Dashboard_c .form-control{border-radius: 0;border-color: #E0E0E0;background: #FFF;}
.Dashboard_c .bootstrap-select > .dropdown-toggle{border-radius: 0;background: #FFF;border-color: #E0E0E0;border-right: none;}
.Dashboard_c .btn.disabled{background-color:#DADADA;color: #A5A5A5; cursor: no-drop;border-color: #DADADA!important;opacity: 1;}
.Modification_complete{text-align: center;font-size: 18px;clear: both;color: #4D4D4D;padding: 20px 0;}
.Dashboard_c{ min-height:auto !important;}
.Dashboard_c >h3{font-size:18px; margin:0 0 15px;}
.Dashboard_c.padding0{padding-top:0; padding-bottom:0;}
.p-info{margin:10px 0;}
.p-info span{ display:inline-block; width:100px; margin-right:10px; color:#999;}
.Dashboard_c .low_price{ color:#b2884e;}
.Dashboard_c .delivery ul li > a{border:none; background:none; padding:15px 15px 10px;}
.Dashboard_c .delivery ul li{margin:0; padding:5px 0; border-bottom:1px solid #ebebeb;}
.Dashboard_c .delivery .icon_address{ background:url(../images/icon_address2.png) no-repeat;}
.Dashboard_c .delivery{margin-bottom:0;}
.account_address .payment_address_li{display: flex; align-items: center; justify-content: space-between; gap:0 20px;}
.account_address .payment_address_li .right{flex-shrink: 0; }
.account_address .p-edit span{display: inline-block;margin: 0 7px; color: #E4E4E4;}
.account_address .p-edit a, .account_address .p-edit button{border: none;display: inline-block; color: #535353;}
.account_address .p-edit a:hover, .account_address .p-edit button:hover{color:#009998 ;}
.account_address .payment_address_li:hover{border-color: #E4E4E4;}
.Account_right_title{ font-size:24px; font-weight:bold; color:#000;  max-width: 1137px;margin: 0 auto 25px;}
.table_right_title_c .edit{ float:right; color:#B9A3BF; text-transform:none; font-weight:normal;}
.layui_name{color: #767676;margin-bottom: 5px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color:#DADADA;color: #A5A5A5; cursor: no-drop;border-color: #DADADA!important;}
.label_title_edit{display: table-cell;width: 100px;vertical-align: middle;font-size: 18px;}
.label_title_input{position: relative;display: table-cell;padding-left: 10px;vertical-align: middle;}
.add_card{color: #609BF4;font-size: 18px;}
.add_card:hover{opacity: 0.7;}


.table_txt_buttons.text-right{justify-content: end;}
.table_txt_buttons.text-right.aligh_center{justify-content: center;}

.table_txt_buttons.text-right .icon_save, .table_txt_buttons.text-right .check_icon_edit{justify-content: end;min-width: auto;padding: 11px 40px; font-size: 20px;}
.table_txt_buttons .icon_save{background: #009998;color: #FFF;padding: 8px 20px;border-radius: 50px;border: 1px solid #009998;min-width: 250px;font-weight: 700;display: inline-block;}
.table_txt_buttons .icon_save:hover{opacity: 0.8}
.table_txt_buttons .icon_save.disabled{pointer-events: none; background: #EDEDED; border-color: #EDEDED; color: #A7A7A7;}
.table_txt_buttons{display: flex;gap:20px; justify-content: center; flex-wrap: wrap;}
.check_icon_edit{color: #009998;padding:11px 20px;border-radius: 50px;border: 1px solid #009998; font-weight: 700;min-width: 250px;display: inline-block;background: none;}
.check_icon_edit:hover{opacity: 0.7;}
.check_icon_edit:active{border-color: #009998;}
.form_edit_profile .layui-row{padding: 15px 0;}
.login_div.edit_profile .icon{display: none;}
.login_div.edit_profile .form-control{padding-left: 0;padding-right: 30px}
.login_div.edit_profile .check_icon_edit{position: absolute;right: 0;top: 50%;margin-top: -12px;}
.login_div .form-control[readonly]{background-color: inherit;color: inherit;border-color: #E9EFF3!important;}
.layui-row:first-child .login_div.edit_profile{border-top: 1px solid #E9EFF3}
.login_div.edit_profile.active .form-control{padding-left: 40px;}
.login_div.edit_profile.active .icon{display: block}
.login_div.edit_profile.active .check_icon_edit{display: none;}
.login_div.edit_profile .table_txt_buttons{display: none;}
.login_div.edit_profile.active .table_txt_buttons{display: block;}
.change_password{margin-top: 32px;}


.product_list.favorite_list .product_list_li{width: 25%;}


.Personal_information{background: #F0FCFF;padding: 30px; border-radius: 8px;font-size: 14px;position: relative;margin-bottom: 15px;padding-right: 200px;}
.Personal_information .name{font-size: 24px;font-weight: bold;margin-bottom: 40px;}
.Personal_information .balance_integral{margin-bottom: 5px;}
.Personal_information .balance_integral strong{font-size: 28px;font-weight: bold;color: #02A9D8;margin-right: 5px;}
.Personal_information .exchangeable{margin-bottom: 8px;}
.Personal_information .exchangeable span{background: #F6E41A;padding: 4px 8px;border-radius: 4px; font-weight: bold;display: inline-block;}
.membership_level{background: url("../images/74c59264fbc.png") no-repeat center center;font-size: 12px; background-size: cover;border-radius: 8px;padding: 4px 12px;display: inline-block;margin-bottom: 10px;}

.Personal_information_ol ol li{list-style: inherit;margin-left: 16px;color: #bcbcbc;font-size: 14px;margin-bottom: 5px;}
.personal_center h2{font-size: 24px;margin-bottom: 20px;font-weight: 700;}
.calculation_method_li{margin-bottom: 15px;display: table;width: 100%;font-weight: bold;}
.calculation_method_li .left{font-weight: normal;width: 120px;display: table-cell;padding-right: 8px;}
.table_profile{width: 100%}
.table_profile thead tr td{background: #E9EFF3;padding: 16px 5px;text-align: center;font-weight: bold;width: 33.33%;}
.table_profile tbody tr td{border-bottom: 1px solid #E9EFF3;font-size: 14px;padding: 16px 5px;text-align: center;}
.Integral_record_c .table_profile tr td{text-align: left;word-break:break-all;}
.Integral_record_c .table_profile thead tr td{width: auto;}
.Integral_record_c .table_profile tr td:first-child{padding-left: 15px;}
.table_profile .point_number{display: inline-block;background: #41E3C6;padding: 4px 15px;border-radius: 8px;white-space:nowrap;}
.table_profile .point_number.point_number_lose{background: none;}
.date_order{display: inline-block;position: relative;margin-left: 5px;top: -2px;vertical-align: middle;}
.date_order a{display:block;font-size: 12px;}
.date_order a +a{margin-top: -2px;}
.scroll_table_profile{overflow-x: auto;}
.scroll_table_profile .table_profile{min-width: 500px;}
.user_profile{margin-bottom: 20px;display: flex;width: 100%;justify-content: space-between; color: #535353;}
.user_profile .name{display: table-cell;vertical-align: top;width: 130px;font-weight: normal;}
.bg_F6F6F6{background: #f6f6f6;}
.Emphasis{text-align: center;position: absolute;left: 0; bottom: -10px;width: 100%;color: #D10909; font-size: 14px; }
.table_txt_buttons.text-right{position: relative;}
.Default_set{position: absolute; left: 0; top: 50%;margin-top: -12px;}
.search_empty{text-align: left;padding: 100px 0;max-width: 600px; margin: 0 auto; }
.search_empty .img{margin-bottom: 30px;text-align: center}
.search_empty h1{font-size: 20px; font-weight: normal;margin-bottom: 30px;}
.search_empty .txt{text-align: center; margin-bottom: 30px; }
@media (max-width:1280px) {
    .Orders_table_top{font-size: 14px;}
    .My_Orders_li{padding:10px 15px;}
    .My_Orders_li .shopping_table_li{padding: 0;}
}
@media (max-width:992px) {
    .my_account .container{display: block;}
    .table_right_title_c{margin-bottom: 50px;}
    .fa_l_buttons .a_button_buy{font-size: 14px;width: 120px;}
    .fa_l_buttons .a_button_addcart{font-size: 14px;width: 120px;}

    .personal_left{width: 100%;margin-bottom: 30px;}
    .personal_center{width: 100%;padding-left: 0;display: block;}
    .width_ov{gap:0 15px}

}
@media (max-width:767px) {
    .table_right_txt_li{font-size: 14px;}
    .receiving_information_title{font-size: 16px;}
    .Account_right_li .payment_address_icon{width: 100px;}
    .Ordersshow_title_li + .Ordersshow_title_li{margin-left: 0;}
    .personal_center h1{font-size: 26px;}
    .personal_left ul li a{padding: 5px 16px;}
    .My_Orders_li .shopping_table_li{font-size: 14px;}
    .My_Orders_li .shopping_table_li{padding:15px 0;}
    .Orders_table_top, .Orders_table_top .right{display: block;}
    .Orders_table_top .right{margin-top: 8px;}
    .Orders_table_top .right > div + div{margin-left: 0;padding-left: 0; border-left: none;margin-top: 8px;}
    .search_empty{padding: 50px 0;}
    .Default_set{position: relative; top: 0%;margin-top:0;width: 100%;}

    .table_txt_buttons.text-right .icon_save, .table_txt_buttons.text-right .check_icon_edit{font-size: 16px;}
    .shopping_cart_empty{padding: 30px 0 30px;}
    .Emphasis{text-align: right;position: relative; padding-top: 5px;bottom: 0;clear: both;}
    .shopping_table .payment_successfull_txt{margin-bottom: 20px;}
    .membership_level{font-size: 16px;}
    .Personal_information{padding: 20px; padding-right: 120px;}
    .membership_level{right: 20px;}
    .table_profile thead tr td{font-size: 14px;}
    .table_profile tbody tr td{font-size: 12px;}
    .Integral_record_c .table_profile tr td{max-width: 90px;}
    .table_profile .point_number{padding: 3px 8px;}
    .fa_l_buttons > a{display: inline-block;}
    .fa_l_buttons .a_button_buy{margin-top: 0;}
    .shopping_table_li .fa_l{display: table;text-align: right;width: 100%;}

    a.a_button{padding-left: 5px;}
    .shopping_product{display: block;min-height: auto;}
    .shopping_product_img{top: 0;margin-top: 0;}
    .shopping_product_txt_title{font-size: 16px;}
    .personal_left .personal_c{padding: 5px 10px;}

}
.no_relevant{padding:100px 0; color:#999; text-align:center;}
.no_relevant_icon{ width:125px; margin:0 auto; margin-bottom:15px;}
.no_relevant .buttons a{margin-right:0;}

.profile_coupon_li{display: table;width: 100%;font-size: 14px;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #E9EFF3}
.profile_coupon_li .img{display: table-cell;width: 208px;}
.profile_coupon_li .img img{border-radius: 8px;}
.profile_coupon_li .detail{display: table-cell;vertical-align: top;padding-left: 24px;position: relative;padding-bottom: 50px;}
.profile_coupon_li .detail_top{display: flex;justify-content: space-between;align-content: flex-end}
.profile_coupon_li .detail_bottom{display: flex;justify-content: space-between;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 0 0 24px;}
.transaction_number{color: #bcbcbc;margin-bottom: 5px;word-break:break-all;}
.coupon_title{font-size: 18px;}
.button_status{display: inline-block;padding: 4px;width: 96px;text-align: center;background: #F6E41A;border-radius: 8px;font-weight: bold;}
.button_status.used{background:#D85C02}
.button_status.expired{background:#BCBCBC;}
.button_status.failed{background: #E9EFF3;color: #bcbcbc;}
.btn_exchange{display: inline-block;padding: 9px;width: 180px;text-align: center;background: #02A9D8;border-radius: 50px;color: #FFF;font-size: 16px;}
.btn_exchange:hover{color: #FFF;background:#009998;}
.detail_bottom_left_li{display: inline-block;}
.detail_bottom_left_li +.detail_bottom_left_li{margin-left: 30px;}
.detail_bottom_left_li .p_d_date{display: block;color: #bcbcbc;}
.detail_top_right, .detail_bottom_right{padding-left: 24px;}
.btn_refunded{display: inline-block;margin-right: 3px;}

.point_exchange_title{display: flex;width: 100%;justify-content: space-between;align-items: center;padding-bottom: 15px;margin-bottom: 30px;border-bottom: 1px solid #E4E4E4;font-size: 24px;font-weight: 700;}
.point_exchange_title .close{padding-left: 20px;}
.point_exchange_qr{text-align: center;max-width: 448px;margin: 0 auto 30px;}
.popup_coupon_exchange .modal-dialog{max-width: 460px}
.popup_coupon_exchange.modal_terms .modal-dialog{max-width: 800px;}
.popup_coupon_exchange.modal_terms_serves .modal-dialog{max-width:1100px;}
.popup_coupon_exchange .modal-content{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);border-radius: 16px;border: none;padding: 12px;}
.modal_point_exchange .qr_number{text-align: center;font-weight: bold;margin-bottom: 8px;}
.modal_point_exchange .conversion_date{text-align: center;color: #bcbcbc; margin-bottom: 30px;}
.modal_point_exchange .exchange_txt{margin-bottom: 20px;}
.modal_terms .modal_point_exchange .exchange_txt{max-height: 415px;overflow-y: auto;}
.modal_terms_txt{overflow-y: auto;max-height: 700px;}
.exchange_txt ol li{list-style: decimal;margin: 5px 0;margin-left: 20px;}
.exchange_term{color: #BCBCBC;font-size: 14px;}
.exchange_term ol{margin-top: 10px;}
.exchange_term ol li{list-style: inherit;margin-left: 14px;margin-bottom: 5px;}
.appraise_li{display: flex;width: 100%;margin-bottom: 25px;}
.appraise_li span{width: 80px;}
.appraise_li .appraise_li_detail{padding-left: 10px;width: 100%;}
.appraise_li_detail .bi-star{color: #bcbcbc;cursor: pointer;}
.appraise_li_detail .bi-star:hover{color: #D85C02}
.appraise_li_detail .bi-star.active{color: #D85C02}
.appraise_li_detail .bi-star.active:before{content: "\f586";}
.appraise_li_detail .form-control{width: 100%;padding: 0;}
.appraise_li_detail .layui-rate{padding-top: 0;padding-bottom: 0;margin-top: -4px;}
.Upper_limit{text-align: right;color: #bcbcbc;font-size: 14px;margin-top: 10px;}


/*order*/
.order_table_li:first-child{border-top: 1px solid #E9EFF3}
.order_table_li{display: flex;width: 100%;align-items: center;justify-content: space-between;padding: 24px 0;border-bottom: 1px solid #E9EFF3;font-size: 14px;}
.order_table_li .order_table_left{width: 50%;}
.order_table_left .order_brand{color:#02A9D8;margin-bottom: 8px;}
.order_table_right .p_status{margin-bottom: 5px;}
.order_table_right .p_status img{vertical-align: middle;margin-right: 5px;margin-top: -2px;}
.order_table_li .order_table_right{width: 50%;padding-left: 20px; display: flex;align-items: center;justify-content: space-between;}
.order_table_right .p_d_date{margin-bottom: 5px;}
.order_table_status{text-align: center;padding-left: 10px;}
.icon_order_detail{padding-left: 10px;color: #000}
.order_title{font-size: 16px;}
.order_table_li .detail_bottom_left_li + .detail_bottom_left_li{margin-left: 0;padding-left: 10px;}
.order_detail_c{padding-bottom: 15px;border-bottom: 1px solid #E9EFF3;margin-bottom: 32px;}

.Customer_service{color: #BCBCBC;}
.Transaction_number{position: absolute;right: 0;top: 0;max-width: 450px;background: rgba(2, 169, 216, 0.2);padding: 15px 24px;border-radius: 16px; }
.Transaction_number .number{color: #02A9D8;font-size: 24px;word-break: break-all;}
.Transaction_number_title{margin-bottom: 8px;}
.Transaction_number_title .icon_copy{float: right;}
.table_title.account_order_table_title{color: #535353;font-size: 16px; border: none;font-weight: normal; margin-bottom: 0; border-bottom: 1px solid #e4e4e4;}
@media (max-width:1280px) {
    .Transaction_number .number{font-size: 18px;}
}
@media (max-width:992px) {
    .btn_refunded{display: block;text-align: center;margin-bottom: 5px;margin-right: 0;}
}
@media (max-width:767px) {
    .Transaction_number{width: 100%;position: relative;padding: 15px;margin-bottom: 25px;}

    .order_table_li{display: block;}
    .order_table_li .order_table_left{width: 100%;margin-bottom: 15px;}
    .order_table_li .order_table_right{width: 100%;padding-left: 0;align-items: flex-start}
    .order_table_right .detail_bottom_left_li{width: 33.33%;}
    .no_relevant{padding:50px 0; }
    .no_relevant_icon{ width:100px; margin-bottom:10px;}
    .profile_coupon_li .detail_bottom{position: relative;padding: 0;display: block;margin-top: 15px;}
    .btn_exchange{width: 100%;}
    .detail_bottom_right{margin-top: 20px;padding-left: 0;}
    .profile_coupon_li .img{width: 150px;}
    .profile_coupon_li .detail{padding-bottom: 0;}
    .modal_terms_txt{max-height: 400px;}
}
@media (max-width:500px) {
    .popup_coupon_exchange .modal-content{padding: 15px 5px;}
    .profile_coupon_li .img{width: 100%;display: block;margin-bottom: 15px;}
    .profile_coupon_li .detail{display: block;width: 100%;padding-left: 0;position: static;}
    .detail_top_right{padding-left: 0;}


    .detail_top_right{position: absolute;left: 0;top: 0;}
    .profile_coupon_li{position: relative;}
    .btn_refunded{border-radius: 8px; background:#FFF;padding:2px 4px;}
}

.width_404{padding:100px 0; max-width:560px; margin:0 auto; text-align:center;}
.width_404 h2{ font-size:180px; line-height:180px;  font-weight:bold;}
.width_404 p.b_sorry{ font-weight:bold;font-size:18px;}
.width_404 p.p_follow{ color:#999; margin-bottom:30px;}
.terms_condition{ display:table; width:100%; padding:30px 0;}
.terms_condition_left{display:table-cell; width:285px;}
.terms_condition_right{display:table-cell;padding-left:20px;}
.help_title{font-weight:bold; position:relative;  font-size:32px; padding-bottom:30px; border-bottom:1px solid #e0e0e0;}
ul.help_list li{ list-style:none;}
ul.help_list li a{ padding:15px 0; padding-right:20px; color:#000; display:block; border-bottom:1px solid #e0e0e0; position:relative;}
ul.help_list li a .fa-angle-right{position:absolute; font-size:18px; right:7px; top:50%; margin-top:-9px;}
ul.help_list li:hover a{color:#B9A3BF;}
ul.help_list li.active a{color:#B9A3BF;}
.help_content h6{ font-size:18px; text-transform:uppercase; font-weight:bold; margin:0 0 5px;}
.help_content p{ margin-bottom:25px;}
.help_content p a{ color:#000; text-decoration:underline;}
.help_content{padding-top:20px;}

.terms_condition_left.visible{opacity:1; left:0px;}
.inside_toggle{ color:#FFF; position:absolute; left:0; top:3px; background:#B9A3BF; display:none; padding:5px 10px; border-radius:3px; text-align:center; font-size:24px;}
.inside_toggle i{ color:#FFF;}
.div_nav_Close{position:fixed; width:50px; height:100%; left:-100%; top:0px; background:#B9A3BF; color:#FFF; text-align:center; padding-top:5px; display:none;}
.terms_condition_left.visible .div_nav_Close{ left:0px; display:block;}
.div_nav_Close i{font-size:25px; cursor:pointer;}


/* 我的積分 */
.account_center{text-align: center;max-width: 600px; margin: 0 auto;}
.account_center .qr_code{max-width: 160px; margin:0 auto 20px;}
.font-size14{font-size: 14px;}
.account_points{border: 1px solid #E4E4E4;padding: 30px;border-radius: 10px; margin-bottom: 30px;}
.Membership_level{font-size: 18px; font-weight: 700; margin-bottom: 20px;display: flex;justify-content: center;}
.Membership_level_span{background: #f2feff; display: inline-block;padding: 2px 8px;margin-left: 5px; border-radius: 4px; color: #009998; font-size: 14px;}
.Cumulativeconsumption{display: flex; justify-content: space-between; align-items: center; color: #535353; font-size: 14px; margin-bottom: 5px;}
.account_points .layui-progress-bar{background: #009998;}
.account_points .layui-progress{background: #ededed;}
.account_points .Upgrades{margin-top: 5px; font-size: 14px;text-align: left;}
.points_detail{border: 1px solid #E4E4E4;padding: 30px;border-radius: 10px; margin-bottom: 30px;}
.Present_integral{border: 1px solid #E4E4E4;padding: 30px;border-radius: 10px; margin-bottom: 30px; display: flex; justify-content: center;}
.Present_integral_li{text-align: center;width: 50%; font-weight: 700;}
.Present_integral_li + .Present_integral_li{border-left: 1px solid #E4E4E4;}
.Present_integral_top{font-size: 14px; margin-bottom: 10px;}
.Present_integral_number{font-size: 24px;}
.points_detail .nav_login li a{font-size: 20px;color: #56392A;}
.points_detail .nav_login li a:hover{color: #906249;}
.points_detail .nav_login li a.active{color: #009998;}
.points_list thead th{padding: 8px 16px; font-weight: 400;background: #f2feff;}
.points_list thead th:first-child{border-radius: 8px 0 0 8px;}
.points_list thead th:last-child{border-radius: 0 8px  8px 0;}

.points_list tbody td{padding: 20px 16px; border-bottom: 1px solid #E4E4E4;}
.points_list .points{font-weight: 700;}
.points_list{width: 100%;}
/* 我的優惠券 */
.my_points.Present_integral .Present_integral_li{width: 100%;}
.Present_integral_bottom{background: #F2E9FB;padding: 8px 16px; color: #009998; font-size: 14px;border-radius: 50px; display: inline-block; margin-top: 16px; font-weight: 400;}
.my_coupon_img{margin-bottom: 10px; border-radius: 15px; overflow: hidden;position: relative;}
.my_coupon_img img{transition: 1s ease 0s; }
.my_coupon_img:hover img{transform:scale(1.05);}
.my_coupon_img .date{position: absolute; left: 15px; top: 15px;background: #F2E9FB; padding: 8px 16px;font-size: 14px; border-radius: 8px;display: inline-block; z-index: 8;}
.my_coupon_title{margin-bottom: 10px;}
.my_coupon_bottom{display: flex; justify-content: space-between; align-items: center;}
.my_coupon_bottom.center{justify-content: center;}
.my_coupon_bottom .coupon_left{color: #009998;font-weight: 700;}
.my_coupon_bottom .coupon_right a{color: #009998; font-size: 14px; padding: 8px 16px; border: 1px solid #009998; border-radius: 50px; display: inline-block;}
.my_coupon_bottom .coupon_right a:hover{background: #009998; color: #FFF;}
.my_coupon_bottom .coupon_right a.disabled{pointer-events: none;background:#EDEDED ; border-color: #EDEDED; color: #A7A7A7;}
.coupon_detail{margin-bottom: 40px;}
.coupon_detail_img{margin-bottom: 30px;}
.coupon_detail_img img{width: 100%; border-radius: 20px;}
.coupon_detail .buttons a{background: #FB647F;}
.coupon_detail .buttons a:hover{opacity: 0.7}
.personal_coupon .nav_login{margin-bottom: 0;}
.personal_coupon .nav_login li a{font-size: 20px;color: #56392A;}
.personal_coupon .nav_login li a:hover{color: #906249;}
.personal_coupon .nav_login li a.active{color: #009998;}
.personal_coupon{display: flex;gap:0 15px; justify-content: space-between; align-items: center; margin-bottom: 30px;}

.coupon_detail_c{display: flex; align-items: flex-start;border-bottom: 1px solid #E4E4E4;padding-bottom: 20px;}
.coupon_detail_right{min-width: 320px;}
.coupon_detail_right_flex{border: 1px solid #E4E4E4; border-radius: 10px;padding: 30px;margin-bottom: 30px;}
.coupon_detail_right_flex .flex{display: flex; align-items: center; justify-content: space-between;font-weight: 700; }
.coupon_detail_right_flex .flex .left{font-size: 14px;}
.coupon_detail_right_flex .flex .right{font-size: 24px;}
.coupon_detail_right_flex .btn_shopping_cart{margin-top: 30px;}
.coupon_detail_left{padding-right: 48px;}
.coupon_detail_left h1{font-size: 40px;font-weight: 700;margin-bottom: 20px;}
.Conditions_use{background: #f2feff;border-radius: 20px;padding: 30px;margin-bottom: 24px;}
.Conditions_use_title{font-weight: 700;font-size: 20px;margin-bottom: 10px;}
.coupon_detail_left .txt{margin-bottom: 24px;}
.coupon_detail_left  h2{font-size: 20px;margin-bottom: 5px;font-weight: 700;}
.coupon_detail_left ol li{list-style:decimal;margin-left: 14px;}
.coupon_qrcode{text-align: center;}







.btn_shopping_cart a.disabled{pointer-events: none; background: #EDEDED; border-color: #EDEDED; color: #A7A7A7;}

.Suggestions{background: #F6F6F6;padding: 16px 16px;border-radius: 10px;color: #808080; font-size: 14px;max-width: 340px; margin: 0 auto 40px; text-align: left;}
.Suggestions b{display: block;margin-bottom: 10px;}
.shopping_cart_empty.error_404{padding: 100px 0;}
.shopping_cart_empty .txt{color:#808080; margin-bottom: 5px;}
.shopping_cart_empty p a{color: #009998;}
.terms{margin-bottom: 50px;}
.terms hr{border-color: #414141;max-width: 530px;}
.terms h1{font-size: 32px;margin-bottom: 30px;font-weight: 700;}
@media (max-width:1280px){
    .my_account .product_list_li {
        width: calc((100% - 40px)/3);
    }
}
@media (max-width:1028px){
    .terms_condition{ display:inline-block;}
    .terms_condition_left{display:block; width:100%; margin-bottom:30px;}
    .terms_condition_right{display:block;padding-left:0;}
    .help_title{padding-bottom:15px; font-size:26px; padding-left:50px;}
    .help_title.txt_red{padding-left:0;}
    .terms_condition_right h6{font-size:16px;}
    .terms_condition_left{position:fixed; left:-100%; top: 0px; background:#FFF; width:100%; height:100%; z-index:9; padding:30px; padding-left:80px;  opacity:0; z-index:9999;}
    .inside_toggle{display:block;}
    .coupon_detail_left h2, .Conditions_use_title{font-size: 18px;}
    .Conditions_use{padding: 20px;}
    .coupon_detail_left{padding-right: 0;}
    .coupon_detail_left h1{font-size: 32px;}
    .coupon_detail_c{flex-wrap: wrap-reverse;}
    .coupon_detail_right{margin: 0 auto;}
    .coupon_detail_right{width: 100%;}
}
@media (max-width:767px){
    .coupon_qrcode img{max-width: 200px; margin: 0 auto;}

    .personal_coupon .layui-input{font-size: 15px;}
    .personal_coupon .nav_login{gap:0 20px}
    .personal_coupon .nav_login li a{font-size: 16px;}
    .personal_coupon .sort_by_right{width: 100%;}
    .personal_coupon .nav_login{margin-bottom: 20px;}
    .personal_coupon{flex-wrap: wrap;}
    .shopping_table{padding-bottom: 0;}
    .shopping_cart_empty.error_404{padding: 50px 0;}
    .terms h1{font-size: 24px;}
    .my_coupon_bottom .coupon_right a{padding: 5px 12px; font-size: 12px;}
    .my_coupon_img .date{left: 10px; top: 10px;font-size: 12px;padding:4px 10px;}
    .my_account .product_list_li {
        width: calc((100% - 20px)/2);
    }
    .points_detail, .Present_integral, .account_points{padding: 20px;}
    .points_detail .nav_login li a{font-size: 16px;}
    .points_detail .nav_login{margin-bottom: 0;gap:0 20px}
    .points_list tbody td:before{
        content: attr(data-title);
        display: inline-block;
        width: 60px;
        position: absolute;left: 0;top: 20px;
    }
    .points_list thead{display: none;}
    .points_list tbody td{
        display: block;
        padding-left: 60px;
        width: 100% !important;
        position: relative;
        border-bottom: none;
        padding-right: 0;
    }
    .points_list tbody tr{border-bottom: 1px solid #E4E4E4;}
    .my_account{padding: 10px 0 50px;}
    .product_list.favorite_list .product_list_li{width: 33.33%;}
    .width_404 h2{ font-size:120px; line-height:120px;}
    .width_404{padding:50px 0;}
}
#age-confirm-popup {border-top: 5px solid #af2a31;border-bottom: 5px solid #af2a31;background: white;padding: 0px 60px;text-align: center;}
#age-confirm-popup .popup-logo{ margin-bottom:10px;}
#age-confirm-popup img {width: 100%;}
#age-confirm-popup p {text-align: center;}
#age-confirm-popup p.p_title {font-size: 18px;font-weight: bold;}
#age-confirm-popup p.hk {color: #9C6F29;font-size: 16px;}
#age-confirm-popup p.en {font-size: 15px;}
#age-confirm-popup .over button {background: #af2a31;font-size: 20px;font-weight: normal;padding: 5px 45px;border:none;color:#Fff;}
#age-confirm-popup .under {font-size: 16px;margin: 8px 0px;}
#age-confirm-popup .under a{ color:#000;}
#myModal_welcome .modal-body{padding:0;}
#myModal_welcome .modal-dialog{ top:50%; margin-top:-200px;}
@media (max-width:767px){
    #age-confirm-popup{padding:0 20px;}
}
@media (max-width:500px){
    .product_list.favorite_list .product_list_li{width: 50%;}
    .image-additional > a{max-width:55px;}
    .list-inline > li{padding:0 2px;}
    .fancybox-nav span {visibility: visible !important;}
    .p-delivery{font-size:12px;}
    .warning_clock{font-size: 14px;}
    .warning_clock i{font-size: 22px;margin-right: 5px;}

    .Shopping_step{margin-top:10px; margin-bottom: 40px;}
    .shopping_product_img{width:90px;}
    .shopping_product{padding-left:100px;}
    .shopping_table_li .width_1{padding-left:0px;}
}



select{    -webkit-appearance: none; appearance: none;}