@charset "utf-8";
.head_box{width:100%;height:60px;background:#fff;box-shadow:0 0 6px 0 rgba(0,0,0,.1)}
.head{max-width:1365px;margin:0 auto;padding:0 30px}
.cancel{line-height:60px;font-weight:500;color:#777;display:inline-block;cursor:pointer}
.cancel i{font-size:15px;margin-right:10px}
.cancel span{font-size:16px;color:#333}
.pay_wrap{text-align:center;margin-top:30px;min-width:1060px}
.pay_wrap>div{box-shadow:0 0 10px 0 rgba(0,0,0,.08);border-radius:8px;display:inline-block;text-align:left;vertical-align:top}
.pay_type{width:532px;background:#fff;margin-right:20px;padding:20px}
.pay_type .tab_con{padding-top:6px}
.pay_type .paypal_con{padding-top:16px;padding-left:25px;}
.info_box{width:484px;background:#fff;padding:20px 0 24px}
.info_box .title{padding-left:20px}
.info_box>p{margin-top:16px;margin-bottom:16px;padding:0 20px;font-size:14px;font-weight:500;color:#777}
.info_box .status{color:#000;font-size:16px;line-height:16px}
.info_box p span{color:#000}
.info_box .due sp{color:#333333}
.info_box p .due-date{}
.info_box .email-1{color:#999}
.due{border-top:1px solid #E4E8ED;padding-top:20px!important;}
.info_box .due{margin-bottom:20px;color:#000;font-size:20px}
.info_box .starts{display:flex;justify-content:space-between;margin:16px 0;padding:0 20px;font-size:14px;color:#777;}
.starts .tips{color:#999}
.pay_wrap>div .title{font-size:20px;font-weight:500;color:#000;line-height:20px;}
.tab{margin-top:6px;}
.tab li{display:inline-block;cursor:pointer;margin-top:12px;}
.tab li:first-child{margin-right:100px}
.tab li i{display:inline-flex;width:16px;height:16px;background:url(https://bio.linkcdn.cc/instabio.cc/static/images/back/radio_btn_def.png) no-repeat;vertical-align:middle}
.tab li.active i{background:url(https://bio.linkcdn.cc/instabio.cc/static/images/back/radio_btn_press.png) no-repeat}
.tab li img{margin-right:10px;max-height:26px}
.tab li label{margin-left:8px}
.pay_type-onetime{display:none}
.pay_type-line{border-top: 1px solid #E4E8ED;margin:12px 0 16px}
.tab-onetime{}
.tab li.payermax{}
.tab li.payermax svg{width:110px;height:26px;vertical-align:middle;}
.payermax_con,.paypal_con{display:none}
.paypal_con p{font-size:14px;font-weight:500;color:#777;line-height:18px;margin-top:12px}
.payment_msg_detail{padding-left:25px}
.payment_msg_detail .payment_msg_add{display:flex;flex-direction:column;cursor:pointer}
.payment_msg_detail .payment_msg_add>span{position:relative}
.payment_msg_detail .payment_msg_add>span>i{display:inline-flex;width:16px;height:16px;background:url(https://bio.linkcdn.cc/instabio.cc/static/images/back/radio_btn_def.png) no-repeat;position:absolute;top:1px;left:-25px}
.payment_msg_detail .payment_msg_active>span>i{background:url(https://bio.linkcdn.cc/instabio.cc/static/images/back/radio_btn_press.png) no-repeat}
.payment_msg_detail .payment_msg_add>form{margin-top:10px}
.payment_msg_detail .payment_msg_add>form label{color:#8b8584}
#card_name>input,.person_detail>input{border:1px solid #e5e5e5;margin:10px 0;height:36px;line-height:36px;text-indent:12px;width:100%}
.complete_active>i{background-image:url(https://bio.linkcdn.cc/instabio.cc/static/images/checkbox_btn_press.png)}
.complete_item{line-height:30px;cursor:pointer;position:relative}
.complete_item>i{display:inline-block;width:14px;height:14px;background:url(https://bio.linkcdn.cc/instabio.cc/static/images/checkbox_btn_def.png) no-repeat;margin-right:10px}
.gototerms{padding-bottom:1px;border-bottom:1px solid #ff3334;color:#ff3334;position:absolute;left:224px;vertical-align:middle;height:24px}
#card_name>input::-webkit-input-placeholder{color:#999}
#card_name>:-moz-placeholder{color:#999}
#card_name>::-moz-placeholder{color:#999}
#card_name>:-ms-input-placeholder{color:#999}
.StripeElement{box-sizing:border-box;height:40px;padding:10px 12px;border:1px solid #e5e5e5;border-radius:4px;margin:10px 0;color:#999}
.StripeElement--invalid{border-color:#ff3334}
.StripeElement--webkit-autofill{background-color:#fefde5!important}
#card-errors{background-color:#ff3334;color:#fff;text-align:center}
.checkout{width:444px;height:48px;border-radius:12px;color:#fff;display:inline-block;text-align:center;line-height:48px;margin-left:20px}
a.checkout{cursor:pointer}
#paypal-button-container{display:none;padding:0 20px}
.status span{float:right}
.due span{float:right}
.swal-icon--custom{width:64px}
.payermax-gates .pay-gates-list{display:flex;margin-top:12px;flex-wrap:wrap}
.pay-gates-list li{margin-bottom:12px}
.pay-gates-list .pay-gate-icon{height:36px}
.pay-gates-list .pay-gate--other{height:36px;line-height:36px;font-weight:400;font-size:14px;color:#999999}