.team-co{ padding: 0 20px; background: rgba(224, 233, 230, .3); height: 56px; border: 1px solid #C9C9C9; }
.team-co .section-title{ font-size: 22px; }
.team-co .section-title::after{ width: 12px; height: 23px; left: -20px; top: 50%; transform: translateY(-50%); background: url("../../images/red-circle.png") no-repeat center; }
.team-co .section-more{ color: #878787; font-size: 18px }

/*完善用户信息*/
.complete-msg{ padding: 30px 0 66px 0 }
.complete-msg .complete-input { width: 48%; margin-bottom: 20px; }
.complete-msg .complete-input:nth-of-type(2n-1) { margin-right: 4%; }
.complete-msg .complete-input .input{ position: relative;width: 460px; height: 50px; margin-left: 28px; padding-left: 20px; line-height: 50px; }
.complete-msg .complete-input .complete-label::after{ content: '*'; position: absolute; top: 50%; right: 0; transform: translate(200%, -50%); color: #DD0000; line-height: 1;}
.complete-msg .complete-input .input.border{ border: 1px solid #E1E1E1;border-radius: 5px }
.complete-msg .msg-btn{ background: linear-gradient(180deg, #4586FE 0%, #1B6FEC 100%); margin-right: 22px; border-radius: 5px; width: 139px;  height: 50px; line-height: 50px; }
.complete-msg .msg-btn:last-of-type{ margin-right: 0; }
.complete-msg .reset{ background: linear-gradient(0deg, #D0D0D0 0%, #B1B1B1 100%); }
.width-100{ width: 100% }
.complete-btn{ padding-top: 30px; margin-bottom: 20px }

/*确认订单表格*/
.confirm-order{ margin-top: 20px; margin-bottom: 65px; }
.confirm-order .order-btn{ margin-right: 20px; height: 50px; line-height: 50px; text-align: center; width: 139px; border-radius: 5px; background: linear-gradient( #D7D7D7, #A4A4A4); }
.confirm-order .order-btn:last-of-type{ margin-right: 0; }
.confirm-order .order-btn.confirm-btn{ background: linear-gradient(180deg, #4586FE 0%, #1B6FEC 100%); }
.confirm-order .order-btn.confirm-btn a{ display: block; width: 100%; height: 100%; }
.confirm-order .confirm-btn-box{ padding: 50px 0 20px 0; }
.table-scroll-box{ overflow-x: auto; border-radius: 5px }
.table .table-header .w10{ height: 64px; padding: 8px 12px; border-right: 1px solid #eee; background: #969696; }
.table .table-header .w10:nth-last-child(-n+3), .table .tr .td:nth-last-child(-n+3){ opacity: 1 }
.table.beyond-10col .table-header .w10:nth-last-child(-n+3), .table.beyond-10col .tr .td:nth-last-child(-n+3){ opacity: 0 }
.table-scroll-box.td-flex .table .w10{ flex: 1 }
.table .w10{ width: 96px; height: 84px; flex-shrink: 0;}
.table .tr .td{ border-right: 1px solid #eee; padding: 6px}
.table .tr, .table-scroll-box .table-operate .tr{ border-bottom: 1px solid #eee }
/*.table .tr:nth-of-type(2n){ background: #F5F6F7 }*/
.table .tr:nth-of-type(2n) .td{ background: #F5F6F7 }
.table .tr .td:first-of-type{ border-left: 1px solid #eee; }

.table-scroll-box{ margin: 16px 0 }
.table-scroll-box .table-operate{ position: absolute; top: 0; right: -1px; display: none }
.table-scroll-box.beyond-10col .table-operate{ display: block }
.table-scroll-box .table-operate .tr:first-of-type{ border-bottom: 0 }
.table-scroll-box .table-operate .tr:first-of-type .w10{ height: 79px; width: 96px; background: #969696; border-right: 1px solid #eee }
.table-scroll-box .table-operate .tr .td{ height: 84px; width: 96px; border-right: 1px solid #eee; box-sizing: border-box }
.table-scroll-box .table-operate .tr:nth-of-type(2n + 1) .td{ background: #F5F6F7; }
.table-scroll-box .table-operate .tr .td .operate-pic{ width: 20px; opacity: 1 }
.table-scroll-box .table-operate .tr .td .operate-item-box{ opacity: 1; color: #fff; padding: 10px }
.table-scroll-box .table-operate .tr .td .operate-item-box.active{ opacity: 0 }
.table-scroll-box .table-operate .tr .td .tips{ width: 54px; line-height: 31px; visibility: hidden; padding-bottom: 4px; background: url("../../images/tips-bg.png") no-repeat center; height: 35px; position: absolute; left: 50%; top: 0; transform: translate( -50% ,-86%) }
.table-scroll-box .table-operate .tr .td .operate-item-box:hover{ opacity: 0 }
.table-scroll-box .table-operate .tr .td .operate-item-box:hover.active{ opacity: 1 }
.table-scroll-box .table-operate .tr .td .operate-item-box:hover.active .tips{ visibility: visible; }
.table-scroll-box .table-operate .tr .td .operate{ width: 40px; height: 22px; }
.table-scroll-box .table-operate .tr .td .line{ height: 11px; width: 1px; background: #C2C2C2 }

/*支付方式*/
.pay-methods{ padding-bottom: 65px }
.pay-methods .pay-box{ padding: 40px 0 50px 0 }
.pay-methods .pay{ width: 150px; height: 54px; background: #E4E4E4; border-radius: 5px; margin-right: 20px }
.pay-methods .pay:hover,.pay-methods .pay.active{ color: #fff; background: #186CF3 }
.pay-methods .pay:last-of-type{ margin-right: 0 }
.pay-methods .pay .iconfont{ font-size: 22px; margin-right: 10px;}
.pay-methods .qrcode-box{ width: 340px; height: 340px; border: 1px solid #BFBFBF; border-radius: 5px; padding: 4px; }
/*.pay-methods .qrcode-box:hover .code{ width: 340px; height: 340px; position: relative; z-index: 9  }*/
.pay-methods .pay-qrcode{ margin-bottom: 24px }
.pay-methods .pay-qrcode img{ width: 100%; }
.pay-methods .pay-qrcode .code{ width: 100%; height: 100%; transition: .3s all }
.pay-methods .pay-note{ background: #186CF3; border-radius: 5px; width: 326px; padding: 12px 20px; line-height: 1.6 }
.pay-methods .pay-qrcode .data-icon{ height: auto; width: 18px; margin-right: 12px; /*height: auto*/ }
.pay-methods .pay-qrcode .number{ color: #2F78DC }
.pay-methods .pay-qrcode .account-msg{ margin-bottom: 18px }
.pay-methods .pay-btn{ margin-right: 20px; height: 50px; line-height: 50px; text-align: center; width: 139px; border-radius: 5px; background: linear-gradient( #D7D7D7, #A4A4A4); }
.pay-methods .pay-btn-box{ margin-top: 36px }
.pay-methods .pay-btn:last-of-type{ margin-right: 0; }
.pay-methods .pay-btn.confirm-btn{ background: linear-gradient(180deg, #4586FE 0%, #1B6FEC 100%); }

/*支付结果*/
.pay-result{ padding: 65px }
.pay-result .iconfont{ font-size: 64px }
.pay-result .title{ padding: 20px }
.pay-result .desc{ padding-bottom: 38px }
.pay-result .order-btn{ margin-right: 20px; height: 50px; line-height: 50px; text-align: center; width: 139px; border-radius: 5px; background: linear-gradient( #D7D7D7, #A4A4A4); }
.pay-result .order-btn:last-of-type{ margin-right: 0; }
.pay-result .order-btn.confirm-btn{ background: linear-gradient(180deg, #4586FE 0%, #1B6FEC 100%); }

/*如何使用*/
.how-use .explain{ padding: 20px 0 24px 0; line-height: 1.8 }
.how-use .table .table-header .w10{ height: auto; padding: 15px 10px; width: 120px }
/*.how-use .table .table-body .td{ width: 120px; height: 118px; padding: 18px 16px; cursor: pointer }*/
.how-use .table .table-body .td{ width: 120px; height: 85px; padding: 7px 16px; cursor: pointer }
.how-use .table .table-body .td.notice-cl:hover{ text-decoration: underline }
.how-use .table .table-body .td .buy-btn{ width: 56px; height: 28px; line-height: 28px; background: linear-gradient(180deg, #4586FE 0%, #1B6FEC 100%); border-radius: 5px;}
.how-use .table .tr{ border-right: 1px solid #eee }
.how-use .table .table-body .tr .minHeight{max-height:85px!important;}
/*.how-use .table .table-body .tr .ddd-truncated{max-height:118px!important;}*/
.how-use-table{ padding: 20px 0 65px 0; }

/*.table-sticky {
  height: 600px;
}*/
.table-sticky {
  /*height: 600px;*/
  height: 515px;
}
.table-sticky .table-header {
  position: sticky;
  top: 0;
  left: 0;
}

.table-detail{ width: 400px; }
.table-detail .toast-content .toast-msg{ max-height: 50vh; overflow: auto; line-height: 1.6; letter-spacing: 2px}

.confirm-note .input-check{ width: 20px; height: 20px; margin-right: 13px; border: 2px solid #999; color: #1569F3 }
.confirm-note .input-check .iconfont{ opacity: 0; line-height: 1 }
.confirm-note .input-check.active .iconfont{ opacity: 1; }