@charset "utf-8";

.flex{display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;}
.flex-h{-webkit-box-orient: horizontal;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row;}
.flex-r{-webkit-box-orient: reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;flex-direction: row-reverse;}
.flex-hw{-webkit-box-lines: multiple;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.flex-hc{-webkit-box-pack: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;-moz-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.flex1{-webkit-box-flex: 1;-moz-box-flex: 1;width: 20%;-ms-flex: 1;flex: 1;}
.flex-v{-webkit-box-orient: vertical;-moz-flex-direction: column;-ms-flex-direction: column;-o-flex-direction: column;flex-direction: column;}
.flex-vw{-webkit-box-lines: multiple;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;}
.flex-vc{-webkit-box-align: center;-moz-align-items: center;-ms-align-items: center;-o-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-1{-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1;-ms-flex-order: 1;order: 1;}
.flex-ai{-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-fd{-webkit-box-pack: flex-end;-moz-justify-content: flex-end;-ms-justify-content: flex-end;-o-justify-content: flex-end;-moz-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.buyStepBook{margin:36px 0 0;overflow: hidden;box-sizing: border-box;}


/* 课程信息*/
.bookDetail{width: 100%;height: auto;overflow: hidden;border: 1px solid #eaeaea;box-sizing: border-box;position: relative;}
.bookDetail .thead{background: #f8f8f8;padding: 10px 20px;overflow: hidden;}
.bookDetail .thead .cell{padding: 0 10px;overflow: hidden;font-size: 14px;line-height: 24px}
.bookDetail .thead .cell:first-child{padding-left: 0px}
.bookDetail .thead .cell:last-child{padding-right: 0px}
.bookDetail .tbody{padding: 0 20px;}
.bookDetail .tbody .package{width: 100%;height: 38px;overflow: hidden;border-bottom: 1px dashed #eee;padding-bottom: 5px}
.bookDetail .tbody .package .content{font-size: 12px;line-height: 38px;margin-right: 30px;}
.bookDetail .tbody .package .content:first-child{font-weight: 700}
.bookDetail .tbody .package a.content{color: #2979FF;margin-right: 16px}
.bookDetail .tbody .package a.content:hover{color: #e9511b;}
.bookDetail .tbody .goodstInfo{overflow: hidden;}
.bookDetail .tbody .goodstInfo .items{margin-top: 20px}
.bookDetail .tbody .cell{padding: 0 10px;}
.bookDetail .tbody .cell:first-child{padding-left: 0px}
.bookDetail .tbody .cell:last-child{padding-right: 0px}
.bookDetail .tbody .cell.goodsName .img{display: block;width: 80px;overflow: hidden;background: #f4f4f4;}
.bookDetail .tbody .cell.goodsName .img img{display: block;width: 100%;}
.bookDetail .tbody .cell.goodsName .info{margin-left: 10px;overflow: hidden;line-height: 20px;max-width: 280px;}
.bookDetail .tbody .cell.goodsName .info .name{font-size: 13px;margin-bottom: 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.bookDetail .tbody .cell.goodsName .info .spec{color: #999;margin-bottom: 4px}
.bookDetail .tbody .cell.goodsName .info .commitment{text-align: left;color: #FF7F00;overflow: hidden;}
.bookDetail .tbody .cell.goodsName .info .commitment span{margin-right: 10px}
.bookDetail .tbody .cell.goodsPrice .price{display: inline-flex;align-items: baseline;}
.bookDetail .tbody .cell .goodsSale{display: inline-block;margin-right: 10px;}
.bookDetail .tbody .cell .goodsSale:last-child{margin-right: 0}
.bookDetail .tbody .cell .goodsSale .ac-tag{display: inline-block;height: 16px;text-align: center;border: solid 1px #e9511b;border-radius: 0 2px;padding: 0 4px;background-color: #F9F7F5;font-size: 12px;color: #e9511b;line-height: 16px;}
.bookDetail .tbody .cell .goodsSale .ac-tag-price{display: none;position: absolute;background-color: #FFF;border: solid 1px #EEE;padding: 0 4px;height: 20px;margin-top: 4px;margin-bottom: 3px;color: #555;line-height: 20px;box-shadow: 3px 3px 0 rgba(0,0,0,0.035)}
.bookDetail .tbody .cell .goodsSale .ac-tag-price::before{position: absolute;z-index: 2;left: 12px;top: 0;overflow: hidden;display: block;width: 4px;height: 4px;margin-top: -3px;background-color: #FFF;border-style: solid;border-width: 1px 0 0 1px;border-color: #EEE;font-size: 0;content: "";transform: rotate(45deg);}
.bookDetail .tbody .cell .goodsSale:hover .ac-tag-price{display: block;}


/* 价格信息*/
.buyBalance{padding:20px 50px 50px 50px;background:#f5f5f5;box-sizing: border-box;border:1px solid #eaeaea;border-top:0px;overflow: hidden;}
.buyBalance .balanceLeft{width:630px;overflow: hidden;margin-right: 120px}
.buyBalance .balanceLeft .title{width:100%;height: 20px;overflow: hidden;font-size:14px;color:#444;line-height: 20px;}
.buyBalance .balanceLeft .title i{font-style: normal;color:#D65A17;}
.buyBalance .balanceLeft .couponSelect{margin:12px 0;overflow: hidden;}
.buyBalance .balanceLeft .couponSelect .selectBtn{display: block;width:120px;height: 32px;text-align: center;background:#fff;color:#4B5459;line-height: 32px;border:1px solid #ddd;border-radius:3px;font-size:14px;}
.buyBalance .balanceLeft .couponSelect .selectBtn:hover, .buyBalance .balanceLeft .couponSelect .selected{color:#D65A17;border-color: #D65A17;}
.buyBalance .balanceLeft .couponSelect .condition{padding:2px 10px;height:24px;max-width: 400px;font-size:14px;color:#D65A17;line-height: 24px;border:1px dashed #D65A17;text-align: center;background:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.buyBalance .balanceLeft .couponSelect .couponHandle{margin-left: 20px;height: 30px}
.buyBalance .balanceLeft .couponSelect .couponHandle .btnhandle{display: block;padding:0 9px;height: 16px;font-size:12px;color:#69c;line-height: 16px;text-align: center;}
.buyBalance .balanceLeft .couponSelect .couponHandle .btnhandle:hover{color:#D65A17;}
.buyBalance .balanceLeft .buyMessage{padding-top: 24px;border-top:1px dashed #ddd;}
.buyBalance .balanceLeft .buyMessage .message{margin:12px 0;}
.buyBalance .balanceLeft .buyMessage .message input{width:180px;}
.buyBalance .balanceLeft .buyMessage .message .appoint_item{display: inline-block;color:#666;width: 90px;text-align: right;}
.buyBalance .balanceRight{width:345px;overflow: hidden;}
.buyBalance .balanceRight .balancePrice{border-bottom: 1px solid #e8e8e8;overflow: hidden;}
.buyBalance .balanceRight .balancePrice .items{margin-bottom: 15px;line-height: 20px;color:#4B5459;font-size:14px;text-align: right}
.buyBalance .balanceRight .balancePrice .items span.name{width:80px;overflow: hidden;text-align: right;}
.buyBalance .balanceRight .balancePrice .items span.price{display: inline-flex;align-items: baseline;font-family: arial}
.buyBalance .balanceRight .totalAmount{margin:24px 0 20px;overflow: hidden;width:100%;font-size:14px;color:#4B5459;line-height: 24px;-webkit-box-align: baseline;-webkit-align-items: baseline;-moz-align-items: baseline;-ms-align-items: baseline;-o-align-items: baseline;align-items: baseline;}
.buyBalance .balanceRight .totalAmount .price{display: inline-flex;align-items: flex-end;font-weight: 600;font-size:18px;color:#d7282d;margin-left: 5px}
.buyBalance .balanceRight .totalAmount .price .yuan{margin-right: -2px}
.buyBalance .balanceRight .againAdress{margin-top:15px;overflow: hidden;}
.buyBalance .balanceRight .againAdress p{font-size:12px;line-height:22px;color:#4B5459;}
.buyBalance .balanceRight .againAdress p:first-child span:first-child{margin-right: 12px}
.btn-primary{background-color: #D65A17;border: 1px solid #D65A17;color: #fff;}
.bgBtn{display: inline-block;width: 168px;height: 50px;padding: 0;letter-spacing: normal;text-align: center;-moz-border-radius: 2px;border-radius: 2px;font-size: 18px;line-height: 50px;}


/*优惠券弹出层*/
.coupon-modal-wrap{display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000');background-color: rgba(0,0,0,.5);z-index: 9999;}
.coupon-modal{display: none;width: 914px;margin-left: -457px;position: fixed;background: #fff;border-radius: 5px;left: 50%;font-size: 14px;z-index: 9999;}
.coupon-modal .modal-hd{line-height: 30px;color: #fff;background: #e9511b;border-radius: 4px 4px 0 0;}
.coupon-modal .modal-hd .hd-tt{background: #fff;border-top: 3px solid #e9511b;color: #666;line-height: 16px;padding: 16px;border-bottom: #f1f1f1 1px solid;}
.buyCouponSelect{width:100%;height: 100%;overflow: hidden;}
.buyCouponSelect .nodata{font-size:14px;line-height: 24px;text-align: center;position: absolute;left:0;top:50%;margin-top:-12px;display: block;width:100%;}
.buyCouponSelect .coupons-list{width: 885px;height: 335px;overflow-y: auto;padding: 20px 15px;}
.buyCouponSelect .coupon-item{position: relative;z-index: 1;width: 277px;height: 102px;float: left;margin: 0 15px 15px 0;border: solid 1px #F8E0DA;border-radius: 5px;background-color: #FEFAF6;color: #D65917;}
.buyCouponSelect .coupon-item:nth-child(3n){margin-right: 0;}
.buyCouponSelect .coupon-item.disabled{background:#eee;}
.buyCouponSelect .coupon-item.disabled a{color:#999 !important;}
.buyCouponSelect .coupon-item.disabled .couponSep{background-position: -39px -30px}
.buyCouponSelect .coupon-item.disabled:hover{background:#eee;}
.buyCouponSelect .coupon-item.disabled:hover .couponSep{background-position: -39px -30px}
.buyCouponSelect .coupon-item:last-child{margin-bottom: 80px}
.buyCouponSelect .coupon-item:hover{z-index: 2;background-color: #FCEFEB;}
.buyCouponSelect .coupon-item a{color: #D65917;}
.buyCouponSelect .coupon-item .fl{display: block;float: left;width: 88px;padding: 20px 2px 0 10px;}
.buyCouponSelect .coupon-item .couponSep{display: block;float: left;width: 11px;height: 104px;margin: -1px 0;background: url('../images/confirm-coupon-bg.png?v=1') no-repeat 0 -30px;}
.buyCouponSelect .coupon-item:hover .couponSep{background-position: -20px -30px;}
.buyCouponSelect .coupon-item .fr{display: block;float: right;width: 146px;padding: 15px 15px 0 5px;}
.buyCouponSelect .coupon-item .coupon-par{display: block;width: 100%;height: 30px;overflow: hidden;text-align: center;font-family: Tahoma;font-size: 14px;line-height: 30px;}
.buyCouponSelect .coupon-item .coupon-par em{display: inline-block;margin-right: 3px;vertical-align: baseline;font-size: 26px;font-style: normal;}
.buyCouponSelect .coupon-item .coupon-name{width: 80%;margin: 8px 10% 0 10%;; text-align: center;font-size: 14px;line-height: 18px;}
.buyCouponSelect .coupon-item .coupon-condition{font-size: 14px;font-weight: 600;line-height: 20px;}
.buyCouponSelect .coupon-item .coupon-time{font-size: 11px;line-height: 16px;margin-top: 5px;}
.buyCouponSelect .coupon-item .coupon-other{display: block;width: 100%;height: 20px;margin-top: 5px;}
.buyCouponSelect .coupon-item .coupon-other .info{position: relative;}
.buyCouponSelect .coupon-item .coupon-other .info .con{display: none;position: absolute;z-index: 1;top: 22px;left: -20px;width: 160px;padding: 5px 9px;background: #FFF;border: solid 1px #F8E0DA;box-shadow: 2px 2px 0 rgba( 0,0,0,0.05);}
.buyCouponSelect .coupon-item .coupon-other .info:hover .con{display: block;}
.buyCouponSelect .coupon-item .selected{display: none;width:26px;height: 26px;background:url('../images/confirm-coupon-bg.png?v=1') no-repeat 0 0;overflow: hidden;position: absolute;right: -1px;top:-1px;}
.buyCouponSelect .coupon-item.checked .selected{display: block;}
.coupon-modal .modal-ft{padding: 20px;text-align: right;}
.coupon-modal .modal-ft .btn{line-height: 36px;width: 100px;display: inline-block;vertical-align: middle;cursor: pointer;font-size: 14px;text-align: center;border-radius: 2px;border: 0;user-select: none;}
.coupon-modal .modal-ft .btn-default{border: 1px solid #ccc;background: #fff;color: #333;}
.coupon-modal .modal-ft .btn-confirm{background-color: #e9511b;color: #fff;}