/*产品详情*/
.quantityTit{font-weight: 500;margin: 10px 0}
.singleProQuantity{display: inline-block;border: 1px solid #dfdfdf}
.singleProQuantity input{border: none;width: 50px;text-align: center;margin: 0;padding: 0;height: 40px;outline: none}
.singleProQuantity button{margin: 0;padding: 0;width: 35px;height: 40px;display: flex;justify-content: center;align-items: center}
.singleProQuantity .packages{display: flex}
.singleProQuantity button.jianjian{border-right: 1px solid #dfdfdf;cursor: pointer}
.singleProQuantity button.jiajia{border-left: 1px solid #dfdfdf;cursor: pointer}
.singleProQuantity .packages input[type=number]::-webkit-inner-spin-button,
.singleProQuantity .packages input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

.singleProForm .single_add_to_cart_button{width: 100%;display: flex;background-color: #74e1b9;margin-top: 20px;padding: 12px 0;border-radius: 5px;justify-content: center;font-weight: 500;font-size: 1rem;cursor: pointer}





/*登录注册*/
.registerBox{display: none}

/*登录注册*/
.loginBox{width: 520px;margin: 60px auto 60px;padding: 45px 90px 45px 90px;box-sizing: border-box;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: relative;}
.loginBox .changeLoginType{position: absolute;top: 0;right: 0;width: 0;height: 0;border-top: 50px solid #0f5132;border-right: 50px solid #0f5132;border-bottom: 50px solid transparent;border-left: 50px solid transparent;cursor: pointer}
.loginBox .changeLoginType p{margin-top: -44px;color: white;position: relative;left: 3px;transform: rotate(45deg)}

.loginBox .title h2{font-size: 34px;color: #181818;font-weight: 500;}
.loginBox .title p{font-weight: 500;margin-top: 10px;}
.loginBox .formLogin label{display: block;font-size: 14px;color: #6A6A6A;font-weight: 400;}
.loginBox .formLogin .input input{display: block;width: 100%;border: 1px solid #E1E1E1;padding: 12px 20px;box-sizing:border-box;margin-top: 12px;}
.loginBox .formLogin .input{margin-top: 25px;}
.loginBox .formLogin .input input:focus{border-color: #181818}
.loginBox .formLogin .other{display: flex;justify-content: space-between;margin-top: 25px;font-weight: 400;}
.loginBox .formLogin .other label{display: flex;align-items: center;letter-spacing: 0.02em;font-size: 15px;font-weight: 300;}
.loginBox .formLogin .other input{width: 18px;height: 18px;background-color: #E1E1E1;border-radius: 0;border: 1px solid #6A6A6A;appearance:none;position: relative;cursor: pointer;margin-right: 15px;}
.loginBox .formLogin .other input[type=checkbox]:checked:after{content:"\f10b";position: absolute;top: 3px;left: 3px;width: 12px;height: 9px;font-family: "theme-icons";font-size: 9px;}
.loginBox .formLogin .other a{font-size: 14px;color: #FFBB00;letter-spacing: 0.02em;font-weight: 400;}
.loginBox .formLogin button{width: 100%;border: none;background-color: #FFBB00;padding: 19px 55px;color: #fff;margin-top: 20px;transition:all .3s;cursor: pointer}
.loginBox .formLogin button:hover{background-color: #181818;}
.loginBox .changeForm{display: flex;justify-content: center;margin-top: 32px;letter-spacing: 0.02em}
.loginBox .changeForm *{font-size: 14px;}
.loginBox .changeForm p{color: #181818}
.loginBox .changeForm a{color: #FFBB00;margin-left: 10px;}


.loginBox .accPageRegBox{display: none}
.loginBox .regLitText{font-size: 14px;color:#6A6A6A;margin-top: 10px;}
.loginBox .policyText{margin-top: 10px;}
.loginBox .policyText p{font-size: 14px;color:#6A6A6A}
.loginBox .policyText a{color: #FFBB00}

.loginBox .formLogin.hide{display: none}

.loginBox .formLoginCode{display: none}
.loginBox .formLoginCode.active{display: block}
.loginBox .formLoginCode .login_num_code .bottom input{width: 200px;}
.loginBox .formLoginCode .login_num_code .bottom button{padding: 0;margin-top: 12px;margin-left: 12px;}
.loginBox .formLoginCode .login_num_code .bottom button.disabled{cursor: not-allowed;background-color: #ccc;}
/*注册*/
.registerPage{width: 820px;margin: 60px auto 60px;padding: 45px 90px 45px 90px;box-sizing: border-box;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
.registerPage .title h2{font-size: 34px;color: #181818;font-weight: 500;}
.registerPage .title p{font-weight: 500;margin-top: 10px;}

.registerPage form{margin-top: 30px;}
.registerPage form .input{margin-top: 10px;}
.registerPage .two{display: flex}
.registerPage .two .input{width: 50%;}
.registerPage .two .input:first-of-type{margin-right: 10px;}
.registerPage .two .input:last-of-type{margin-left: 10px;}
.registerPage .one{}
.registerPage .input label{display: block;font-size: 14px;color: #6A6A6A;font-weight: 400;}
.registerPage .input input{display: block;width: 100%;border: 1px solid #E1E1E1;padding: 12px 20px;box-sizing:border-box;margin-top: 12px;}
.registerPage .phoneField .bottom{display: flex;margin-top: 12px;}
.registerPage .phoneField input{margin-top: 0;}
.registerPage .phoneField .phoneText{width: calc( 50% - 10px);}
.registerPage .phoneField .phoneText input{width: 100%;}
.registerPage .phoneField button{background-color: #FFBB00;margin: 0 15px;color: white;padding: 0 20px;cursor: pointer}
.registerPage .phoneField button.disabled{cursor: not-allowed;background-color: #ccc;}
.registerPage .phoneField .phone_code{width: 150px;}
.registerPage .phoneField .bottom .phoneText label{display: none}
.registerPage .phoneField .bottom .phone_codeBox label{display: none}

.registerPage .btn button{width: 100%;border: none;background-color: #FFBB00;padding: 19px 55px;color: #fff;margin-top: 20px;transition:all .3s;cursor: pointer}
.registerPage .btn button:hover{background-color: #181818;}

.registerPage .other{margin-top: 20px;}
.registerPage .other .checkBox{display: flex;align-items: center}
.registerPage .other .checkBox span{margin-left: 10px;}
.registerPage .other input[type=checkbox]{cursor: pointer}

@media (max-width: 980px) {
    .loginBox{width: 95%;margin: 60px auto 60px;padding: 30px 20px 30px 20px;box-sizing: border-box;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}
    .registerPage{width: 95%;margin: 60px auto 60px;padding: 30px 20px 30px 20px;box-sizing: border-box;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)}

    .registerPage .two{display: block}
    .registerPage .two .input{width: 100%;}
    .registerPage .two .input:first-of-type{margin-right: 0;}
    .registerPage .two .input:last-of-type{margin-left: 0;}
}



/*购物车*/
.customCartForm{}
.customCartForm th.product-thumbnail{display: none}
.customWoocommerceBox{width: 68.75%;margin: 60px auto}
.customWoocommerceBox .customCartForm .customCartTable th{font-weight: 500;font-family: Poppins, sans-serif;}

.customWoocommerceBox .customCartForm td.product-thumbnail{display: flex;align-items: center}

.customWoocommerceBox .customCartForm td.product-thumbnail img{width: 85px;height: 85px;object-fit: cover}
.customWoocommerceBox .customCartForm td.product-thumbnail p{margin-left: 10px;}

.customWoocommerceBox .customCartForm .customName{display: none}
.customWoocommerceBox .product-remove a.remove{font-weight: normal;color: #FFBB00!important;background-color:transparent;transition: all .5s}
.customWoocommerceBox .product-remove a.remove:hover{background-color: #FFBB00;}
.customWoocommerceBox .customCartForm table.shop_table{border-radius: unset}
.customWoocommerceBox .customCartForm table.shop_table .customCoupon{display: flex;}
.customWoocommerceBox .customCartForm table.shop_table .customCoupon .input-text{padding: 12px 20px;border-radius: 3px;border: 1px solid #FFBB00;width: 100px}
.customWoocommerceBox .customCartForm table.shop_table .customCoupon button.button[type=submit]{background-color: #FFBB00;border-radius: 3px;color: white;margin-left: 25px;font-weight: normal;}

.customWoocommerceBox .customCartForm table.shop_table button.customCouponBtn{background-color: #FFBB00;border-radius: 3px;color: white;margin-left: 25px;font-weight: normal;padding: 15px}


/*购物车下*/

.woocommerce .customWoocommerceBox .customCart-collaterals .customCart_totals{width: 100%;justify-content: space-between;align-items: flex-end;margin-top: 50px;}
.woocommerce .customCart_totals .left{width: 645px;}
.woocommerce .customCart_totals .right{margin-left: auto;}
.woocommerce .customCart_totals .left h2{font-weight: 500;font-family: Poppins, sans-serif;}
.woocommerce .customCart_totals .shop_table{margin-top: 30px;border-radius: unset;margin-bottom: 0;}
.woocommerce .customCart_totals table.shop_table td{line-height: 2rem;}
.woocommerce .customCart_totals .right .wc-proceed-to-checkout a{background-color: #FFBB00;font-weight: 500;transition: all .5s;padding: 15px}
.woocommerce .customCart_totals .right .wc-proceed-to-checkout a:hover{background-color: #181818;}


/*checkout*/
.woocommerce-checkout .formBox{display: flex;margin: 60px auto}
.woocommerce-checkout .formBox .left{width: 50%;margin: 0 15px}
.woocommerce-checkout .formBox .right{width: 50%;margin: 0 15px}
.woocommerce-checkout .formBox .left .insideBox .woocommerce-billing-fields__field-wrapper{margin-top: 20px;}
.woocommerce-checkout .formBox .left .insideBox h3{font-weight: 500;font-family: Poppins, sans-serif;}
.woocommerce-checkout .formBox .left .insideBox input{display: block;width: 100%;border: 1px solid #E1E1E1;padding: 12px 20px;box-sizing:border-box;}
.woocommerce-checkout .formBox .left .insideBox textarea{display: block;width: 100%;border: 1px solid #E1E1E1;padding: 12px 20px;box-sizing:border-box;min-height: 100px}
.woocommerce-checkout .formBox .left .select2-container--default .select2-selection--single{border-radius: unset;border-color: #e1e1e1}
.woocommerce-checkout .formBox .left .select2-container .select2-selection--single{height: 46px;}
.woocommerce-checkout .formBox .left .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 46px;}

.woocommerce-checkout .formBox .left .select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px;}
.select2-dropdown{border-color: #e1e1e1 !important;}
.woocommerce-checkout .formBox .right h3{font-weight: 500;font-family: Poppins, sans-serif;}

.woocommerce-checkout .formBox .right table.shop_table{border-radius: unset;margin-top: 20px;}
.woocommerce-checkout .formBox .right table.shop_table th,
.woocommerce-checkout .formBox .right table.shop_table strong,
.woocommerce-checkout .formBox .right table.shop_table bdi{font-family: Poppins, sans-serif;font-weight: 500;}

.woocommerce-checkout .formBox .right #payment{background-color: #f5f5f5;border-radius: unset}
.woocommerce-checkout .formBox .right button[type=submit]{background-color: #FFBB00;border-radius: 3px;font-weight: 500;transition: all .5s}
.woocommerce-checkout .formBox .right button[type=submit]:hover{background-color: #181818;}


/*会员中心*/
.customAccount{width: 68.75%;margin: 60px auto}
.customAccount nav.woocommerce-MyAccount-navigation{width: 220px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.customAccount nav.woocommerce-MyAccount-navigation li a{display: block;width: 100%;height: 100%;padding: 10px 20px;box-sizing: border-box}
.customAccount .woocommerce-MyAccount-content{width: 0;flex: 1;margin-left: 30px;}
.customAccount nav.woocommerce-MyAccount-navigation li.is-active a{background-color: #FFBB00;color: white}
.customAccount .woocommerce-MyAccount-content .dashboardTop,
.customAccount .woocommerce-MyAccount-content .dashboardBody{font-size: 1rem;}
.customAccount .woocommerce-MyAccount-content .dashboardBody a{color: #FFBB00}

/*会员中心-编辑地址*/
.customAccount .woocommerce-MyAccount-content .customEditAddress input{display: block;width: 100%;border: 1px solid #E1E1E1;padding: 12px 20px;box-sizing:border-box;}
.customAccount .woocommerce-MyAccount-content .customEditAddress button[type=submit]{background-color: #FFBB00;border-radius: 3px;font-weight: 500;transition: all .5s;color: white}
.customAccount .woocommerce-MyAccount-content .customEditAddress button[type=submit]:hover{background-color: #181818;}
.customAccount .woocommerce-MyAccount-content .customEditAddress .select2-container--default .select2-selection--single{border-radius: unset;border-color: #e1e1e1}
.customAccount .woocommerce-MyAccount-content .customEditAddress .select2-container .select2-selection--single{height: 46px;}
.customAccount .woocommerce-MyAccount-content .customEditAddress .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 46px;}
.customAccount .woocommerce-MyAccount-content .customEditAddress .select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px;}

.customAccount .woocommerce-MyAccount-content .woocommerce-EditAccountForm input{display: block;width: 100%;border: 1px solid #E1E1E1;padding: 12px 20px;box-sizing:border-box;}
.customAccount .woocommerce-MyAccount-content .woocommerce-EditAccountForm .btn{margin-top: 20px;}
.customAccount .woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit]{background-color: #FFBB00;border-radius: 3px;font-weight: 500;transition: all .5s;color: white}
.customAccount .woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit]:hover{background-color: #181818;}
.customAccount .woocommerce-orders-table{border-radius: 0}

.customAccount .woocommerce-orders-table .woocommerce-orders-table__row td{padding: 20px 8px}






/*导入订单*/
.customImportOrderBox .tit{font-size: 1.2rem;}
.customImportOrderBox form{margin-top: 30px;}
.customImportOrderBox form input{display: block;width: 100%;max-width: 600px;border: 1px solid #E1E1E1;padding: 12px 20px;box-sizing:border-box;margin-top: 10px;}
.customImportOrderBox form button[type=submit]{background-color: #FFBB00;border-radius: 3px;font-weight: 500;transition: all .5s;color: white;padding: 12px 30px;margin-top: 10px;cursor: pointer}
.customImportOrderBox form button[type=submit]:hover{background-color: #181818;}



.customImportOrderBox .orderList{display: none}
.customImportOrderBox .orderList .title{font-size: 1.3rem;font-weight: 500;padding: 20px;background-color: #f7f7f7;border: 1px solid #ccc;margin-top: 30px;}

.customImportOrderBox .orderList .list{border: 1px solid #ccc;margin-top: 30px;}
.customImportOrderBox .orderList .list .item:not(:last-of-type){border-bottom: 1px solid #ccc}
.customImportOrderBox .orderList .list .item.top *{font-weight: 500;}
.customImportOrderBox .orderList .list .item *{text-align: center;padding: 15px 0}
.customImportOrderBox .orderList .list .item .num{width: 15%;border-right: 1px solid #ccc;}
.customImportOrderBox .orderList .list .item .state{width: 15%;border-right: 1px solid #ccc}
.customImportOrderBox .orderList .list .item .date{width: 20%;border-right: 1px solid #ccc}
.customImportOrderBox .orderList .list .item .total{width: 30%;border-right: 1px solid #ccc}
.customImportOrderBox .orderList .list .item .actions{display: flex;justify-content: center;align-items: center;width: 0;flex: 1;padding: 0}
.customImportOrderBox .orderList .list .item .actions button{background-color: #FFBB00;border-radius: 3px;font-weight: 500;transition: all .5s;color: white;width: 120px;padding: 10px 0;cursor: pointer}



/*订单详情*/
.serviceApplyBox .btn{background-color: #FFBB00;border-radius: 3px;font-weight: 500;transition: all .5s;color: white;padding: 10px 25px;cursor: pointer;margin: 20px 0}
.serviceApplyBox .btn.disabled{cursor: not-allowed;background-color: #ccc;}
.serviceApplyBox .type{width: 100%;padding: 30px;border: 1px solid rgba(0,0,0,.1);box-sizing: border-box}