.one_step{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.f_left {
    background-color: lightgray;
    padding: 10px;
    flex-grow: 3;
    margin: 5px;
}

.checkout-page{
    display: flex;justify-content:center;height: 100%;overflow: hidden;
}
.checkout-page-left{
    background: #fff;height: 100%;width: 56%;
    display:flex;
    justify-content:right;
    overflow: hidden;
}
.checkout-page-right{
    background:#fafafa;
    width: 44%;
    border-left: solid 1px rgb(229, 231, 235);
    display:flex;
    justify-content: left;
    height: auto;
    overflow: hidden;
    padding-bottom: 10%;
}
.checkout-page-right-content{width: 50%;padding-left: 34px;}

.checkout-page-left-content{
    width: 60%;
    padding-right: 53px;
}
.checkout-nav{
    display: flex;
    margin-top: 20px;
    align-items: center;
    padding-bottom: 32px;
}
.checkout-nav .imageico{
    font-size: 10px;
}
.checkout-nav .item{
    padding-right: 5px;
}
.checkout-nav .item:first-child{
    font-weight: bolder;
    font-size: 15px;
}
.site{
    padding: 20px;
    font-size: 29px;
    background: #000;
}
.mailbox{
    display: flex;
    flex-direction: column;
}
.mailbox .title{
    display: flex;
    justify-content: space-between;
}
.mailbox .title .text{font-size: 16px;}
.mailbox .title .link{
    display: flex;
    color: rgb(84, 84, 84);
}
.mailbox .title .link a{
    padding-left: 5px;
    color: rgb(24, 120, 185);
}
.mailbox input,.mailbox select {
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin-top: 5px;
    border-radius: 5px;
    border: solid 1px #ccc;
    padding-left: 15px;
}
.mailbox .keep{
    display: flex;
    justify-content: left;
    align-items: center;
    margin-top: 5px;
}
.mailbox .keep input{
    width: 15px;
    height: 15px;
    border: solid 1px rgb(229, 231, 235);
    margin: 0px 5px 0px 0px;
}
.mailbox .keep label{
    cursor: pointer;
    color: rgb(147, 152, 157);
    display: flex;
    align-items: center;
}

.shipping .input-item{
    margin-top: 8px;
}
.shipping .title, .payment_box_title{
    font-size: 15px;
    font-weight: normal;
    margin: 33px 0px 15px 0px;
}
.payment_box_info{
    color:rgb(117, 117, 117);
}
#card-error-message{
    background: #fdeded;
    border-radius: 4px;
    padding: 14px 12px;
    margin-bottom: 16px;
    color: #ea0000;
    font-size: 14px;
    overflow-wrap: break-word;
    margin-top: 10px;
    display: none;
}
.shipping .address-info{
    display: flex;
    align-content: flex-start;
    align-items: center;
}
.shipping .address-info div{padding-right: 2px;color: #2ab419}

.shipping-delivery-list-item label{
    display: flex;
    padding: 13px 10px;
    align-items: center;
    border: solid 1px rgb(229, 231, 235);
}
.shipping-delivery-list-item.selected label{
    color: #000;
    box-shadow: rgb(34, 119, 200) 0px 0px 0px 1px;
    border-bottom: solid 1px rgb(34, 119, 200);
    cursor: pointer;
}
.shipping-delivery-list-item:last-child.selected label {
    border-bottom: none;
}
.shipping-delivery-list-item:first-child label{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.shipping-delivery-list-item:last-child label{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.shipping-delivery-list-item input{
    width: 15px;
    height: 15px;
    margin: 0px 10px 0px 0px;
}
.shipping-delivery-list-item .shipping-delivery-list-item-title-text{
    font-size: 13px;
}
.shipping-delivery-list-item .shipping-delivery-list-item-title-price{
    margin-left: auto;
}



.payment_box{
    margin: 10px 0px;
}

.payment_list{
    border: solid 1px rgb(217, 217, 217);
    border-radius: 6px;
    margin-top: 15px;
}
.payment_list_select_type{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 76px;
    border-top: rgb(217, 217, 217) solid 1px;
    /*border-bottom: rgb(217, 217, 217) solid 1px;*/
    cursor: pointer;
    border-left: none;
    border-right: none;
}
.payment_list_select:nth-child(1) .payment_list_select_type{border:none;}
/*.payment_list_select:nth-child(n) .payment_list_select_type{border-bottom: none;}*/
.payment_list_select:first-child{border-top: none;}
.payment_list_select:last-child{border-bottom: none;}

.payment_list_select.active .payment_list_select_type .radio{
    border: none;
}
.payment_list_select.active .info{
    display: block;
}
.payment_list_select .payment_list_select_type .radio svg{display: none;}
.payment_list_select.active .payment_list_select_type{border-bottom: solid 1px rgb(217, 217, 217);}
.payment_list_select.active .payment_list_select_type .radio svg{
    display: block;
}


.payment_list_select_type .img{
    display: flex  ;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 1px;
}
.googlepay-bg{
    width: 27%;
    font-weight: normal;
    margin: 24px auto 12px;
}
.payment_list_select_type img{
    margin-right: 10px;
}
.payment_list_select_type.selected{

}
.shortinfo{
    color: #888;
    margin-left: 10px;
}
.payment_type{
    margin-right: 10px;
    height: 100%;
    line-height: 73px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.card-right-img{
    margin-left: auto;
    height: 100%;
    line-height: 67px;
    display: flex;
    align-items: center;
}

.payment_list_select_type .radio {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: 1px solid #dfe1e8;
    flex-shrink: 0;
    margin: 0px 10px;
}
.payment_list_select_type .radio svg{
    display: block;
}

.payment_list_select .info{
    padding: 16px;
    font-size: 14px;
    color: #888888;
    text-align: center;
    margin-top: 12px;
    display: none;
}

#card-form .online{
    display: flex;
    justify-content: space-between;
}
#card-form .online #card-expiry-field-container,#card-form .online #card-cvv-field-container{
    width: 49%;
}

.paynow{
    display: flex;
    justify-content: space-between;
    padding: 55px 0px 20px 0px;
    align-items: center;
}
.paynow .paynow-return{

}
.paynow .paynow-return a{color: rgb(24, 120, 185)}
.paynow .paynow-return .return{}
.paynow .paynow-item{display: flex;flex-direction: column;width: auto;display: none;text-align: right}
.paynow .paynow-item .paypal_sd{
    display: flex;
    justify-content: right;
}
.paynow .paynow-item .paypal_sd_btn{
    width: 100%;
    background: rgb(34, 119, 200);
    border: none;
    color: #fff;
    line-height: 35px;
    border-radius: 5px;
}
.paynow .paynow-item .paypal_ai{
    width: 100%;
}
.paynow .paynow-item .paypal_ai .paypal_ai_btn{
    width: 50%;
    background: rgb(34, 119, 200);
    border: none;
    color: #fff;
    line-height: 35px;
    border-radius: 5px;
}
.paynow .paypalcard button{
    padding: 10px 35px;
    font-size: 16px;
    width: 100%;
    background: rgb(34, 119, 200);
    border: none;
    color: #fff;
    line-height: 35px;
    border-radius: 5px;
}



.checkout-cart{
    margin-top: 60px;
}
.checkout-cart-list{display: flex;flex-direction: column;}
.checkout-cart-list-item{
    display: flex;
    justify-content: left;
    margin-bottom:20px;
    width: 100%;
}
.checkout-cart-list-item .pro-img{
    position: relative;
    width: 62px;
    display: flex;
    align-items: flex-start;
    justify-content: center;

}
.checkout-cart-list-item .pro-img img{
    border-radius: 6px;
}
.checkout-cart-list-item .pro-img .num{
    position: absolute;
    right: -10px;
    top: -10px;
    min-width: 15px;
    height: 20px;
    background: #ccc;
    border-radius: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10%;
    color: #fff;
}
.checkout-cart-list-item .pro-info{
    display: flex;
    flex-direction: column;
    max-width: 65%;
    margin-left: 18px;
}
.pro-attr-list .pro-attr-list-item{
    word-break: break-all;
    display: flex;
    flex-wrap: wrap;
}
.pro-attr-list{
    color:rgb(117, 117, 117)
}
.pro-price{
    font-weight: bolder;
    margin-left: auto;
}
.coupon{
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.coupon .inputtext{
    width: 73%;
}
.coupon .inputtext input{
    height: 40px;
    line-height: 40px;
    width: 100%;
    border: rgb(217, 217, 217) solid 1px;
    border-radius: 6px;
}
.coupon .coupon_apply_button{
    height: 40px;
    width: 83px;
    line-height: 40px;
    text-align: center;
    background: rgb(34, 119, 200);
    color: #fff;
    border-radius: 4px;
    border: none;
}
.coupon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: solid 1px rgb(217, 217, 217);
    padding-top: 25px;
}
.subtotal-div{
    padding-top: 15px;
    border-top: solid 1px rgb(217, 217, 217);
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.subtotal-div .subtotal-title{color: rgb(136, 136, 136);}
.subtotal-div .subtotal-price{font-size: 14px;}

.shipping-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding-bottom: 10px;
}
.shipping-div .shipping-title{
    display: flex;align-items: center;
    color: rgb(136, 136, 136);
}

.shipping-div .shipping-title:before{
    content: "\ec01";
    display: inline-block;
    margin-right: 5px;
    font-family: 'iconfont';
    font-size: 24px;
    color: rgb(136, 136, 136);
}

.shipping-div .shipping-price{font-size: 14px;}
.coupon-div {
    padding-bottom: 0px;
    margin-top: 17px;
}
.coupon-div .shipping-title:before{display: none;}
.coupon-div .shipping-title{}
.total-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    padding-top: 25px;
    border-top: solid 1px rgb(217, 217, 217);
}
.total-div .total-title:before{}
.total-div .total-title{
    font-size: 16px;
    font-weight: 500;
}
.total-div .total-price{
    font-weight: bolder;
    font-size: 24px;
}

.msg{
    margin-bottom: 26px;
}
.payment-show{
    margin-top: 20px;
    padding-bottom: 15px;
    border-top: solid 1px rgb(229, 231, 235);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 65px;
}

.payment-show img{
    width: 35px;
    border: none;
    margin-top: 15px;
}

#couponcancell{
    display: none;
}

.checkout-page-right-content-page{
    color:rgb(34, 119, 200);
}
.checkout-page-right-content-page-line{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: solid 1px rgb(217, 217, 217);
    border-bottom: solid 1px rgb(217, 217, 217);
    font-size: 15px;
    /* position: fixed; */
    width: 100%;
    z-index: 1000;
    line-height: 56px;
    background: #fafafa;
    padding: 0px 10px;
}
.checkout-page-right-content-page-line .line-text{
    text-overflow: ellipsis;
    height: 60px;
    overflow: hidden;
}
.checkout-page-right-content-page-line>div{
    margin-right: 10px;
}

.checkout-page-right-content-page-line .line-cart{
    font-size: 20px;
}

.checkout-page-right-content-page-line .checkout-page-right-content-page-line-right{
    margin-left: auto;
}
.scrollbox{
    cursor: pointer;
}