@import url(reset.css);
@import url(global.css);
.l{float: left;}
.r{float: right;}
/*-----------课程费用的中间内容--------*/
div.expen-con{width: 1000px;margin: 0 auto;overflow: hidden;padding-bottom: 80px;}

.item-hd{position:relative;border-bottom: 1px solid #ccc;height: 50px;line-height: 50px;margin: 50px 0 20px;}
.item-hd h2{float:left;font-size: 26px;color:#000;font-weight: normal;}
.item-hd .i-line{position:absolute;left:0;bottom:-1px;width: 60px;height: 3px;background: #37b8cd;}
dl.ex-nav-left{float: left;}
dl.ex-nav-left dd{float: left;height: 50px;line-height: 50px;padding: 0 20px;font-size: 20px;color: #666;background: #e5e5e5;margin:0 2px -1px 0;cursor: pointer;}
dl.ex-nav-left dd.on{background: #37b8cd;color: #fff;}
ul.ex-nav-right{float: right;padding: 9px 0 12px;}
ul.ex-nav-right li{float: left;height: 28px;line-height: 28px;}
ul.ex-nav-right li a{float: left;color: #37b8cd;font-size: 14px;padding:0 20px;height: 28px;line-height: 28px;}
ul.ex-nav-right li.buy-abi a{border-right: 1px solid #37b8cd;}
ul.ex-nav-right li.buy-cart{background: #ffcc33 url(../images/expenses/cart.png) no-repeat 10px center;font-size: 14px;color: #333;padding:0 20px 0 41px;cursor: pointer;position: relative;}
ul.ex-nav-right li.buy-cart span{margin-left:4px;}
/*购物车*/
dl.cart-box{position: absolute;right:0px;top:28px;width: 336px;border: 1px solid #ffcc33;background: #fff;z-index: 10;}
dl.cart-box dd{padding: 11px 16px 11px 20px;border-bottom: 1px solid #e7e7e7;}
dl.cart-box dd p{line-height: 22px;}
dl.cart-box dd p.cb-hd span{float: left;color: #666;font-size: 14px;margin: 0;}
dl.cart-box dd p.cb-hd a{float: right;color: #ff6628;font-size: 14px;padding: 0;}
dl.cart-box dd p.cb-text{font-size: 14px;color: #999;}
dl.cart-box dd p.cb-text span.text-hd{float: left;margin-left: 0;}
dl.cart-box dd p.cb-text span.del{float: right;color: #999;cursor: pointer;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;}
dl.cart-box dd p.cb-text span.del:hover{color: #ff6633;}
dl.cart-box dt{padding: 11px 16px 11px 20px;}
dl.cart-box dt{text-align: right;}
dl.cart-box dt p{font-size: 14px;color: #666;line-height: 22px;}
dl.cart-box dt p b{font-size: 16px;color: #ff6633;margin: 0 4px;}
dl.cart-box dt a.js-btn{float: right;height: 30px;line-height: 30px;background: #ff6633;padding: 0 20px;font-size: 14px;color: #fff;margin: 10px 0 5px 0;
	-webkit-transition: background 0.2s ease-out;
	-moz-transition: background 0.2s ease-out;
	-o-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;}
dl.cart-box dt a.js-btn:hover{background:#ffcc33;}

/*课程套餐*/
.meal-list li{position:relative;width: 490px;margin-bottom: 20px;}
.meal-list li p{position: absolute;left:0;bottom:0;width: 490px;height: 57px;background: url(../images/op.6.png) repeat;}
.meal-list li p span{float: left;width: 72%;line-height: 20px;font-size: 13px;color: #fff;padding: 8px 10px;background: url(../images/.1line.png) no-repeat center right;}
.meal-list li p .btn-add{float:right;border: 0;width:88px;height:26px;line-height:26px;background:#ffcc33;font-size: 14px;color: #333;text-align: center;outline: none;margin:16px 13px 15px;cursor: pointer;}
/*a币使用的描述*/
div.expen-state{width: 100%;margin-top: -8px;}
div.expen-state p{color: #333;font-size: 14px;line-height: 27px;}
div.expen-state p span{color:#ff9900;}

.get-list{padding-top: 20px;}
.get-list li{float: left;width: 27%;margin-right: 90px;padding: 20px 0;}
.get-list li img{float: left;}
.get-list li .right-text{float:left;margin-top: 8px;margin-left:14px;font-size: 16px;color: #333;}
.get-list li .right-text h6{font-weight: normal;padding-bottom: 8px;}
.get-list li .right-text span{font-size: 14px;color: #666;}

/*对课程和上课时间的解释*/
.note-list{margin-top: -20px;}
dl.note_text dt{font-size: 16px;color: #37b8cd;}
dl.note_text dd p{font-size: 14px;color: #666;line-height: 28px;}
dl.note_text dd p span{margin-left: 22px;}


/*弹出框样式 购买套餐*/
.pop-box{width: 710px;height: auto;background: #f9f9f9;margin: 0 auto;}
.pop-box dt.pop-hd{position:relative;font-size: 18px;color: #333;border-bottom: 1px solid #dcdcdc;padding: 20px;background: #f9f9f9;font-weight: normal;margin:0 -10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
a.close-btn{position:absolute;top:50%;margin-top:-8px;right:20px;float: right;width:16px;height:16px;background: url(../images/close.png) no-repeat center center;cursor: pointer;}
.pop-box dt.pop-hd .i-line{position: absolute;left:20px;bottom: -1px;width: 70px;height: 2px;background: #37b8cd;}
.pop-content{background: #f9f9f9;padding: 20px 10px;}
.pop-content .meal-img{float: left;}
.pop-content .left-content{float: left;padding-left:20px;width: 53%;}
.left-content dl{padding: 5px 0;border-bottom: 1px dashed #dcdcdc;}
.left-content dl.price,.left-content dl.time,.left-content dl.num{padding: 8px 0;}
.left-content dl dt{float: left;font-size: 13px;color: #666;width: 54px;padding-top: 7px;}
.left-content dl dd{float: left;margin-left: 22px;width: 79%;}
.price dd p{font-size: 13px;;color: #666;}
.price dd p strong{font-size: 19px;color: #ff9900;}
.slect-meal li{position:relative;float: left;margin:5px 8px 5px 0;width: 87px;height: 26px;line-height:26px;border: 1px solid #dcdcdc;background: #fff;text-align:center;font-size:13px;color:#333;box-sizing:border-box;cursor: pointer;}
.slect-meal li img{display:none;position: absolute;right:0;bottom:0;}
.slect-meal li.on{border-color:#ffcc00;}
.slect-meal li.on img{display: block;}
.date-text{background: #fff url(../images/data.png) no-repeat 94% center;border: 1px solid #ccc;line-height: 16px;padding: 7px 5px;width: 110px;color: #666;font-size: 13px;cursor: pointer;}
.count .spinner{height: 35px;width: 68px;float: left;box-shadow: none;}
.count .spinner .num-warp{float: right;}
.count .spinner .num-warp button{clear: both;width: 17px;height: 13px;background: url(../images/up-down.png) no-repeat;}
.count .spinner .num-warp button.increase{background-position: 0 0;margin-bottom: 6px;}
.count .spinner .num-warp button.decrease{background-position: 0 -14px;}
.count .spinner .value{width: 40px;height: 30px;line-height: 30px;border: 1px solid #a4a4a4;background: none;background: #fff;font-size: 12px;color: #666;}
.count span{float:left;font-size: 14px;color:#666;padding: 6px 0 6px 10px;}
.btn-box{margin-top:8px;}
.btn-box a{float: left;width: 178px;height: 30px;line-height: 30px;text-align: center;font-size: 13px;color: #666;background: #ccc;margin-right: 9px;}
.btn-box a.sure{background: #ffcc33;font-size: #333;}
.fancybox-close{display: none;}
/*弹出框样式 三大承诺*/
.promise-box{width: 750px;margin: 0 auto;background: #fff;text-align: center;border: 1px solid #dcdcdc;}
.promise-box a.close-btn{right:35px;}
.inner-box{margin: 0 -10px;background: #fff;}
.promise-box .pro-hd dt{position:relative;height: 60px;line-height: 60px;border-bottom: 1px solid #dcdcdc;font-size: 24px;color: #000;font-weight: normal;}
.promise-box .pro-hd dt i.ico-line{position:absolute;left:50%;margin-left:-20px;bottom:-2px;display:block;width: 40px;height: 3px;background: #37b8cd;}
.promise-box .pro-hd dd{font-size: 16px;color: #666;padding-top: 20px;}
.promise-box .pro-list{padding-top: 72px;padding-bottom: 45px;}
.promise-box .pro-list li{float: left;width: 27%;margin: 0 15px;}
.promise-box .pro-list li h6{font-size: 16px;color: #333;padding: 30px 0 15px 0;}
.promise-box .pro-list li p{font-size: 14px;color: #666;text-align: left;}
.fancybox-skin{border-radius: 0;}