#new-checkout{
    margin-top: 24px;
    margin-bottom: 50px;
 }
 #new-checkout-left{
     padding-right: 0;
 }
#new-checkout #paypal-box{
    background: #fff;
    margin-top: 30px;
}
 #new-checkout .checkout-top-box{
     border-radius: 0px 0px 0px 0px;
     opacity: 1;
     border: 1px solid #707070;
     height: 100px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     position: relative;
 }
 #new-checkout .check-option{
     background: #fff;
     padding: 40px 15px 20px 15px;
     box-sizing: border-box;
     margin-bottom: 21px;
 }
 #new-checkout .checkout-top-title{
     font-size: 26px;
     color: #212121;
     line-height: 0px;
     position: absolute;
     top: -16px;
     background: #fff;
     height: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 10px;
     box-sizing: border-box;
     font-weight: bold;
 }
 #new-checkout .checkout-top-img{
     width: 200px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: RGBA(255, 196, 57, 1);
 }
 #new-checkout .checkout-or{
     width: 100%;
     height: 1px;
     background: #707070;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 20px 0;
 }
#new-checkout .checkout-or span{
    background: #fff;
    padding: 0 10px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 #new-checkout .checkout-or img{
     width: 100%;
 }
 #new-checkout .checkout-radio-box label{
     min-height: 20px;
     margin-bottom: 0;
     font-weight: 400;
     cursor: pointer;
     font-size: 16px;
     font-weight: 300;
     color: #212121;
     display: flex;
     align-items: center;
 }
 #new-checkout #new-checkout-left input[type='radio']:checked,#new-checkout #new-checkout-left input[type='checkbox']:checked{
     background: url('https://webp.cqggedm.com/catalog/view/javascript/new-checkout/images/check-icon.png') no-repeat center;
     background-size: 17px 17px;
     border: none;
     cursor: pointer;
 }
 
 #new-checkout #new-checkout-left input[type='radio'],
 #new-checkout #new-checkout-left input[type='checkbox']{
     width: 14px;
     height: 14px;
     border: 1px solid #BBBBBB;
     outline: none;
     margin-top: 1px;
     margin-right: 5px;
     width: 14px;
     height: 14px;
     -webkit-appearance: none;
     border-radius: 14px;
     outline: none;
     margin-top: 1px;
 }
 #new-checkout .checkout-radio-box .radio-item:last-child{
     margin-top: 18px;
 }
 
 
 
 /* 地址 */
 #new-checkout .shipping-address{
     background: #fff;
     padding: 14px 0 25px 0;
     box-sizing: border-box;
 }
 #new-checkout .shipping-address .title{
     font-size: 26px;
     color: #212121;
     padding-left: 15px;
     box-sizing: border-box;
 }
 #new-checkout .shipping-address .tips{
     font-size: 12px;
     font-weight: 300;
     color: #EF0000;
     margin: 0;
     padding-left: 15px;
     box-sizing: border-box;
     margin-bottom: 18px;
 }
 
 #new-checkout .form-group .input-box{
     height: 48px;
     background: #FFFFFF;
     border-radius: 0px 0px 0px 0px;
     opacity: 1;
     border: 1px solid #212121;
     width: 100%;
     padding-left: 9px;
     box-sizing: border-box;
     font-size: 12px;
     font-weight: 300;
     color: #707070;
     background: none;
 }
 #new-checkout .form-group .input-box input{
     border: none;
     height: 100%;
     width: 95%;
     outline: none;
     background: none;
     font-size: 14px;
     font-weight: 400;
     color: rgba(33, 33, 33, 1);
 }
 #new-checkout .form-group .input-box span{
   color: rgba(238, 123, 26, 1);
 }
 #new-checkout .form-group .input-box .tips-title{
     color:rgba(112, 112, 112, 1);
 }
 #new-checkout .form-group .input-box p.locaSear{
     margin: 0;
     margin-bottom: 10px;
     height: 22px;
 }
 #new-checkout .form-group #input-country{
     background: none; 
     cursor: pointer;
 }
 #new-checkout .form-group input::-moz-focus-outer{
     border: 1px solid #212121;
 }
 
 #new-checkout .form-group .input-box .select-box{
     height: 24px;
     font-size: 14px;
     font-weight: 400;
     color: rgba(33, 33, 33, 1);
     cursor: pointer;
 }
 #new-checkout .country_select{
     width: 100%;
     position: relative;
 }
 #new-checkout .country_select .input_arrow_country,.input_arrow_address {
     position: absolute;
     width: 0;
     height: 0;
     border: 6px solid transparent;
     top: 24px;
     right: 25px;
     border-top-color: #1C1C1C;
     position: absolute;
     cursor: pointer;
 }
 
 #new-checkout .form-group #input-state{
     background: none;
     cursor: pointer;
     width: 100%;
     position: relative;
 }
 #new-checkout .state_select .input_arrow_state{
     width: 0;
     height: 0;
     border: 6px solid transparent;
     top: 24px;
     right: 25px;
     border-top-color: #1C1C1C;
     position: absolute;
     cursor: pointer;
 }
 #new-checkout .form-group{
     margin-bottom: 20px;
 }
 #new-checkout .tips-box{
     position: absolute;
     background: url("https://webp.cqggedm.com/catalog/view/javascript/new-checkout/images/checkout_bg.png") no-repeat;
     font-size: 10px;
     font-weight: 300;
     width: 275px;
     background-size: 100% 100%;
     color: #707070;
     line-height: 12px;
     padding: 10px 10px 10px 15px;
     box-sizing: border-box;
     display: flex;
     justify-content: center;
     position: absolute;
     top: -68%;
     left: 19%;
     flex-direction: column;
     display: none;
     z-index: 9;
 }
 #new-checkout #create-account{
     margin-top: 10px;
 }
 #new-checkout #create-account .tips-box span{
     font-size: 12px;
     font-weight: 500;
     color: #212121;
     margin-bottom: 5px;
 }
 #new-checkout #create-account .tips-box {
     top: -49%;
     left: 23%;
     z-index: 2;
 }
 #new-checkout #billing-address{
     position: relative;
     /*padding-left: 36px;*/
     /*box-sizing: border-box;*/
 }
 #new-checkout #billing-address:hover .tips-box{
     display: flex;
 } 
 #new-checkout #create-account:hover .tips-box{
     display: flex;
 }
 #new-checkout #create-account{
     position: relative;
 }
 #new-checkout #billing-address span,
 #new-checkout #create-account span{
     font-size: 16px;
     font-weight: 500;
     color: #EE7B1A;
     cursor: pointer;
 }
 #new-checkout #wish-check span{
     font-size: 14px;
     font-weight: 300;
     color: #ED8024;
     cursor: pointer;
 }
 #new-checkout #comment-box .title{
     font-weight: 500;
     color: #212121;
     font-size: 16px;
     padding-left: 0;
 }
 #new-checkout .a-link{
     font-size: 12px;
     font-weight: 300;
     color: rgba(112, 112, 112, 1);
     line-height: 22px;
     margin-bottom: 8px;
 }
 #new-checkout .a-link a{
     color: rgba(238, 123, 26, 1);
 }
 #new-checkout .button{
     width: 240px;
     height: 40px;
     background: #EE7B1A;
     border-radius: 0px 0px 0px 0px;
     opacity: 1;
     text-align: center;
     line-height: 40px;
     font-size: 22px;
     color: #FFFFFF;
     margin-bottom: 20px;
     cursor: pointer;
     text-transform: uppercase;
     padding: 0;
 }
 
 #new-checkout .line-box{
     width: 100%;
     height: 21px;
     background: #EEEEEE;
 }
 #new-checkout #comment-message{
     width: 100%;
     background: #E5E5E5;
     border: none;
     padding-left: 5px;
     outline: none;
     resize: none;
 }
 /* 右边样式 */
 
 #new-checkout #new-checkout-right .title{
     font-size: 26px;
     color: #212121;
     margin-bottom: 32px;
 }
 #new-checkout .product-item{
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
     margin-bottom: 20px;
 }
 #new-checkout .product-item .product-img{
     width: 31%;
 }
 #new-checkout .product-item .product-img img{
     width: 100%;
 }
 #new-checkout .product-item .product-text{
    width: 65%;
  
 }
 #new-checkout .product-text-ti{
     display: flex;
     justify-content: space-between;
 }
 #new-checkout .product-text a{
     width: 75%;
     height: 65px;
     font-size: 16px;
     line-height: 24px;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     line-clamp: 3;
     -webkit-box-orient: vertical;
     color: #212121;
     font-size: 15px;
     line-height: 22px;
     overflow: hidden;
     font-family: 'PopRegular', Poppins;
     margin-bottom: 16px;
 }
 #new-checkout .product-text .product-remove{
     width: 20%;
     font-size: 16px;
     color: #999;
     text-align: right;
     cursor: pointer;
 }
 #new-checkout .product-number{
     display: flex;
     font-size: 16px;
     line-height: 21px;
     line-height: 20px;
     width: 30px;
     text-align: center;
     float: left;
     margin-left: 6px;
     display: flex;
     width: 99px;
     pointer-events: all;
     margin-left: 0;
 }
 #new-checkout .product-number code{
     cursor: default;
     padding: 0px;
     color: #000;
     font-size: 14px;
     border-radius: 0px;
     width: 29px;
     height: 26px;
     margin-bottom: 0px;
     /* background: #E0E0E0; */
     border: 1px solid rgba(224,224,224,1);
     display: inline-block;
     color: #989898;
     background: none;
     cursor: pointer;
 }
 #new-checkout .product-number input{
     text-align: center;
     display: table-cell;
     border: none;
     outline: none;
     width: 43px;
     height: 26px;
     background: #E6E6E6;
     text-align: center;
     font-size: 14px;
     font-weight: 500;
     color: #EE7B1A;
     border-radius: 0;
 }
 #new-checkout .product-item-price{
     font-size: 16px;
     font-weight: 500;
     color: #212121;
     line-height: 22px;
 }
 #new-checkout .product-qty{
     display: flex;
     justify-content: space-between;
    
 }
 
 #new-checkout .coupon-box{
     margin-top: 13px;
     border-bottom: 1px solid #707070;
     padding-bottom: 30px;
     box-sizing: border-box;
 }
 #new-checkout .coupon-title{
     font-size: 16px;
     font-weight: 500;
     color: #212121;
     margin-bottom: 8px;
 }
 #new-checkout .coupon-input{
     display: flex;
     width: 100%;
 }
 #new-checkout .coupon-input input{
     height: 48px;
     background: #FFFFFF;
     border-radius: 0px 0px 0px 0px;
     opacity: 1;
     border: 1px solid #797979;
     font-size: 12px;
     font-weight: 300;
     color: #707070;
     width: 73%;
     padding-left: 15px;
     box-sizing: border-box;
 }
 #new-checkout .coupon-btn{
     width: 27%;
     height: 48px;
     background: #EE7B1A;
     font-size: 18px;
     font-weight: 500;
     color: #FFFFFF;
     text-align: center;
     line-height: 48px;
     cursor: pointer;
 }
#new-checkout .point-btn{
    width: 27%;
    height: 48px;
    background: #EE7B1A;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
}
 #new-checkout .order-sub{
     margin-top: 20px;
 }
 #new-checkout .order-sub p{
     display: flex;
     justify-content: space-between;
     font-size: 14px;
     font-weight: 300;
     color: #797979;
 }
 #new-checkout .order-sub p i{
     font-size: 16px;
     font-weight: 300;
     color: #797979;
     line-height: 22px;
     font-style: normal;
 }
 #new-checkout .order-sub .total span{
     font-size: 16px;
     font-weight: 500;
     color: #212121;
 }
 #new-checkout .order-sub .total{
     margin-top: 20px;
 }
 #new-checkout .order-sub .total i{
     font-size: 26px;
     font-weight: 500;
     color: #EE7B1A;
     line-height: 22px;
 }
#new-checkout .order-sub .sub_total:last-child span{
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}
#new-checkout .order-sub .sub_total:last-child i{
    font-size: 26px;
    font-weight: 500;
    color: #EE7B1A;
    line-height: 22px;
}
 #new-checkout .order-box{
     background: #fff;
     padding-top: 21px;
     box-sizing: border-box;
    
 }
 #new-checkout .payment-box{
     background: #fff;
     margin-top: 20px;
     padding-top: 26px;
     box-sizing: border-box;
     padding-bottom: 32px;
 }
 #new-checkout .payment-box .payment-title{
     font-size: 26px;
     color: #212121;
 }
 #new-checkout .payment-method{
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin-top: 30px;
 }
 #new-checkout .check-title{
     position: absolute;
     font-size: 20px;
     font-weight: 600;
     color: #212121;
     margin: 0;
     top: -14px;
     background: #fff;
     padding: 0 10px;
     text-transform: uppercase;
 }
 #new-checkout .payment-method-box{
     /*height: 160px;*/
     border-radius: 0px 0px 0px 0px;
     opacity: 1;
     border: 1px solid #212121;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 0 15px;
     box-sizing: border-box;
     width: 100%;
     padding: 20px;
     box-sizing: border-box;
     cursor: pointer;
 }
 #new-checkout .payment-method-box .payment-method-item
 {
     height: 48px;
     /*background: #EE7B1A;*/
     border-radius: 0px 0px 0px 0px;
     opacity: 1;
     width: 100%;
     display: flex;
     align-items: center;
     margin-top: 14px;
     padding-left: 8px;
     box-sizing: border-box;
     font-size: 14px;
     font-weight: 500;
     color: #212121;
     cursor: pointer;
 }
/*#new-checkout .payment-method-box .payment-method-item img{*/
/*    width: 150px;*/
/*}*/
#new-checkout .other-pay-box .payment-method-item img,#new-checkout .payment-method-box .payment-method-item img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.payment-method-item-paypal img{
    width: 150px;
}
#new-checkout .other-pay-box{
    width: 100%;
}
 #new-checkout .payment-method-box .payment-method-item span,
 #new-checkout .other-pay-box .payment-method-item span{
     margin-right: 10px;
 }
 #new-checkout .payment-method-item-paypal{
     height: 48px;
     background: #EE7B1A;
     border-radius: 0px 0px 0px 0px;
     opacity: 1;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
 }
 #new-checkout .check-option .login-title{
     font-size: 26px;
     font-weight: 400;
     color: #212121;
     margin-top: 29px;
     margin-bottom: 18px;
 }
 #new-checkout .check-option .form-group{
     width: 60%;
 }
 #new-checkout .check-option .form-group .input-box{
     margin-top: 20px;
 }
 #new-checkout .forget-pass{
     font-size: 12px;
     font-weight: 300;
     color: #707070;
     margin-top: 5px;
 }
 #new-checkout .login-btn{
     background: rgba(238, 123, 26, 1);
     font-size: 22px;
     height: 40px;
     line-height: 40px;
     font-weight: 900;
     color: #FFFFFF;
     width: 240px;
     text-align: center;
     cursor: pointer;
 }
 #new-checkout #choose-address span,#new-address span{
     font-size: 16px;
     font-weight: 300;
     /*color: #EE7B1A;*/
 }
 #new-checkout .address_select{
     width: 100%;
     height: 36px;
     
 }
 #new-checkout .address_select .input-box{
     background: RGBA(229, 229, 229, 1) !important;
     position: relative;
     height: 100%;
     width: 100%;
 }
 #new-checkout .address_select .input-box input{
     background: RGBA(229, 229, 229, 1) !important;
     outline: none !important;
     border: none !important;
 }
 #new-checkout .input_arrow_address{
     top:17px
 }
 
 #new-checkout .form-group.address_select .input-box{
     border: none;
 }
 #new-checkout .checkout-box label{
     cursor: pointer;
 }
 #input-address-data{
     width: 100%;
     height: 36px;
     -webkit-appearance: none;
     -moz-appearance: none;
     background-image: url(https://webp.cqggedm.com/catalog/view/javascript/new-checkout/images/select-icon.png);
     background-repeat: no-repeat;
     background-position: 98% 50%;
     background-size: 12px;
     background-color: RGBA(229, 229, 229, 1);
 }
.country_select{
    width: 100%;
    position: relative;
}
.state_select{
    position: relative;
}
.country_select #input-shipping-country-ul,.state_select #input-shipping-state{
    width: 96.3%;
    position: absolute;
    top: 48px;
    background: #ffffff;
     display: none;
    height: 334px;
    overflow-y: scroll;
    z-index: 99;
    border: 1px solid #000000;
    padding: 10px;
    left: 15px;
}
#input-shipping-country .locaSear,#input-shipping-state .locaSear{
    width: 100%;
    position: relative;
}
#input-shipping-country-ul .locaSear>input,#input-shipping-state .locaSear>input{
    width: 100% !important;
    padding: 4px 20px 4px 4px;
    box-sizing: border-box;
    background: none;
    border: 1px solid #CCCCCC !important;
    height: 30px !important;
    font-weight: 400;
    margin-top: 2px;
}
#input-shipping-country-ul .locaSear>i{
    position: absolute;
    top: 22px;
    right: 18px;
}
#input-shipping-state li,#input-shipping-country-ul li{
    cursor: pointer !important;
}
#input-shipping-state .locaSear>i{
    position: absolute;
    top: 10px;
    right: 4px;
}
#input-shipping-country li,#input-shipping-state li{
    cursor: default;
    box-sizing: border-box;
}
#new-checkout .form-group .input-box p.top-p{
    margin: 0;
    height: 22px;
}
.state_select #input-shipping-state{
    width:88.8%;
}
.total-info{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}
.total-info p{
    font-size: 11px;
    font-weight: 400;
    color: #212121;
    display: flex;
    align-items: center;
}
.total-info p span{
    font-size: 12px;
    font-weight: 400;
    color: #EE7B1A;
}
.vat-box{
    display: flex;
    justify-content: space-between;
}
#new-checkout #create-account-input .input-box,
#new-checkout #old-login-input .input-box{
    position: relative;
}
#new-checkout #create-account-input .input-box img,
#new-checkout #old-login-input .input-box img{
    position: absolute;
    right: 10px;
    top: 14px;
    cursor: pointer;
}
#new-checkout .form-group .input-box #input-shipping-country::placeholder{
    color: #212121;
}
#new-checkout .form-group .input-box #input-shipping-zone::placeholder{
    color: #212121;
}
#mask-box{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}
#mask-box .message-text{
    background: #fff;
    width: 400px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
#mask-box .message-text p{
    font-size: 16px;
    font-weight: 300;
    color: #212121;
}
#mask-box button.close-close{
    color: #fff;
    opacity: 1;
    font-size: 50px;
    font-weight: 300;
    position: absolute;
    right: 10%;
    top: -22%;
}
#mask-box button.close-close:hover{
    color: #fff;
    opacity: 1;
}
#mask-box button.close-btn{
    background: #EE7B1A;
    color: #fff;
    opacity: 1;
    padding: 10px;
    width: 49%;
    font-weight: 300;
    border-radius: 5px;
    margin: 0 auto;
}
#mask-box button.close-btn:hover{
    color: #fff;
    background: #EE7B1A;
    opacity: 1;
}
#mask-box .mask-box-box{
    position: relative;
    width: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#new-checkout .checkout-radio-box .radio-item.active label{
    color:#EE7B1A;
}