/*----------------banner-----------------*/
.banner{width:100%; height:240px; background:#bddcfb url(../images/course_banner.jpg?v=1) no-repeat center 0}
/*----------------推荐课程-----------------*/
.course{width:100%; background-color:#fff;}
.course-section{width:100%; background:url(../images/course_bg2.jpg) center 0;}
.course-box{width:1220px; margin:0 auto;}
.course-h3{text-align:center; padding:50px 0;background:url(../images/array.gif) no-repeat center 110px;}
.course-h3 h3{font-size:32px;}
.course-h3 span{color:#d69d00;}
.course-tips{text-align:center; font-size:18px; color:#888;}

.course-title{padding:30px 10px 10px; height:30px; position:relative;}
.course-title h2{font-size:28px; font-weight:400;}
.course-section .course-title{padding:50px 10px 25px;}
.course-tags{float:right; position:absolute; top:50px; right:0;}
.course-tags li{float:left; font-size:16px; margin-left:36px;}
.course-tags li a{padding:10px 0;}
.course-tags li a.on{color:#d69d00;background:url(../images/array.gif) no-repeat center 36px;}
.course-item{padding:20px 0;}
.course-item-li{width:287px; height:406px; position:relative; border:1px solid #e6e6e6; background-color:#fff; margin:0 8px 30px; float:left;box-shadow:0 0 0 #fff; -webkit-transition:all .3s ease; transition:all .3s ease; opacity:1}
.course-item-img{width:287px; height:161px; overflow:hidden;}
.course-item-img img{width:287px; height:161px;}
.course-item-li:hover .course-item-img img{
  -webkit-transition: .5s;
  transition: .5s;
-webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.course-item-title{padding:36px 15px 8px; font-size:16px;}
.course-item-ops{padding:12px 15px 0; height:68px; line-height:24px; font-size:13px; color:#888;}
.course-item-price{font-size:16px; color:#FF5722}
.course-item-li:hover{-webkit-transform:translate3d(0,-3px,0); transform:translate3d(0,-3px,0); -webkit-box-shadow:0 15px 30px rgba(0,0,0,.2);box-shadow:0 15px 30px rgba(0,0,0,.2);border-radius:2px}
.course-item-link{width:202px; margin:20px auto 0;}
.course-item-link a{width:200px; height:39px; line-height:39px; font-size:14px; border:1px solid #ddd; text-align:center; display:block; border-radius:39px;}
.course-item-li:hover .course-item-link a{background-color:#d69d00; color:#fff; border:1px solid #d69d00;}
.course-item-expert{width:100px; height:39px; text-align:center; line-height:39px; border-radius:36px; padding:0 20px; border:1px solid #ddd; background-color:#fff; position:absolute; top:136px; left:50%; margin-left:-70px; color:#888; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.2); box-shadow:0 3px 6px rgba(0,0,0,.2);}
.course-item-expert span{font-size:16px; color:#333;}
.pagebox{padding:20px 0 50px;}

/*------------------detail-----------------*/
.course-info{padding:20px 0 40px; font-size:14px; background:#27496e url(../images/s2.jpg) no-repeat center center;}
.course-home{width:1200px; margin:0 auto; height:60px; line-height:36px;color:#86b8e9;}
.course-home a{color:#86b8e9;}
.course-info-detail{width:1200px; margin:0 auto;}
.course-img{width:498px; height:282px; background-color: #fff;}
.course-img img{width:498px; height:282px;}
.course-detail-ops{width:452px; height:252px; padding:15px 20px; background-color:#fff;}
.course-detail-line{width:10px; height:282px; background:url(../images/course_line_bg.png) no-repeat center center;}
.course-detail-jion{width:200px; height:282px; text-align: center; background: #fff url(../images/small_logo.jpg) no-repeat center 50px;}
.course-detail-title{font-size:20px; line-height:1.5; min-height:75px;}
.course-detail-tags{margin-bottom: 18px;}
.course-detail-tags span{padding:2px 5px 3px; display:inline-block; border:1px solid #d69d00; border-radius:3px; margin-right:5px; font-size:12px; color:#d69d00;}
.course-detail-dl{padding:10px 0; border-top: 2px solid #eee; line-height:1.8; font-size:14px;}
.course-detail-dl span{ color:#999; font-size: 14px;}
.course-detail-dl a{color:#d69d00; margin-left:10px;}
.course-detail-time{font-size: 24px;}
.course-detail-price{padding-top: 160px;}
.course-detail-price span{color:#FF5722; font-size:24px;}
.course-btn{padding-top: 10px; width: 200px;}
.course-btn button{background-color:#d69d00; width:150px; cursor:pointer; color:#fff; border:1px solid #d69d00; border-radius:42px; height:42px; font-size:14px;}
.course-btn button:hover{background-color:#f3b100;border:1px solid #f3b100;}
.course-btn button.expire{background-color:#bbb; width:150px; cursor:pointer; color:#eee; border:1px solid #bbb; border-radius:42px; height:42px; font-size:14px;}
.course-btn button.expire:hover{background-color:#bbb;border:1px solid #bbb;}

.course-detail{width:1200px; margin:0 auto; padding:10px 0; font-size:14px;}
.course-detail-left{width:800px;}
.course-detail-h2{font-size:24px; padding:20px 0; height:36px;}

.expert-item-li{width:100%; height:252px;}
.expert-item-img{width:180px; height:240px;}
.expert-item-img img{width:180px; height:240px;}
.expert-item-info{margin-left:200px;}
.expert-item-name{font-size:22px; height:48px; font-weight:800;}
.expert-item-name span{font-size:16px; font-weight:400; color:#666; margin-left:10px;}
.expert-item-tips{font-size:14px; padding-top:16px;}
.expert-item-tips span{line-height:22px;}
.expert-item-title{font-size:16px; padding-top:30px; height:36px; line-height:36px; font-weight:600;}
.expert-item-experience{font-size:14px; line-height:24px;}

.course-detail-content{font-size:16px; padding:10px 0; min-height:600px;line-height:1.8;}
.course-detail-content p{padding-bottom:10px;}
.course-detail-content img{max-width:100%!important;}

.course-detail-right{width:336px;}
.course-right-list{padding:22px 0;}
.course-right-h3{font-size:22px; font-weight:400; height:42px;}
.course-li{padding:12px 0;}
.item-img{width:336px;}
.item-title{font-size:16px; padding:10px 0 16px;}
.item-img img{width:336px!important;}
.item-addition .l{font-size:16px; color:#FF5722}
.item-addition .r{font-size:14px; color:#999}

.course-tax{width:336px; margin:20px 0;}
.tax-img img{width:336px!important;}
.tax-info{border:1px solid #e2e2e2; padding-bottom:20px;}
.tax-title{padding:18px 0;}
.tax-title a{border-left:3px solid #d69d00; display:block; text-indent:10px; font-size:18px;}
.tax-li{line-height:36px; padding:0 12px; font-size:16px;}
.tax-li li{text-indent:16px; background:url(../images/dot.png) no-repeat 0 16px;}
.tax-li li:hover{background:url(../images/dot.png) no-repeat 0 -39px;}

.sign-up-box{padding:20px 30px; font-size:16px; color:#999;}
.sign-up-input{padding:6px 0; line-height:32px;}
.sign-up-input input{padding:5px 10px; width:270px; height:30px; border:1px solid #ddd;}
.sign-up-info{width:100%; height:24px;}
.sign-up-btn{padding:15px 0 0; text-align:center;}
.sign-up-btn button{width:160px; height:42px; cursor:pointer; font-size:16px; color:#fff; border-radius:42px; background-color:#d69d00; border:1px solid #d69d00;}
.sign-up-btn button:hover{background-color:#e3a500; border:1px solid #e3a500;}

.course-info-2{background:#27496e url(../images/s2.jpg) no-repeat center center; padding-bottom:36px;}
.course-video{width:1200px; height:320px; margin:0 auto;}
.unitax-player{width:530px; height:298px; position:relative;}
.unitax-player img{width:530px; height:298px;}
.play-ico{width:80px; height:80px; cursor:pointer; background:url(../images/play_btn.png) no-repeat; background-size:100% auto; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px; z-index:10;}
.player-con{width:530px; height:298px; position:absolute; left:0; top:0;}
.prism-thumbnail{display:none!important;}
.unitax-video-detail{width:620px; padding:0 20px;}
.course-video-title{font-size:20px; height:52px; padding-bottom:10px; color:#fff;}
.course-video-tags{padding:20px 0;}
.course-video-tags span{padding:2px 6px 3px; display:inline-block; border:1px solid #d59d00; border-radius:2px; margin-right:6px; font-size:12px; color:#d59d00;}
.course-video-ops{padding:8px 12px; position:relative; border-radius:3px; background-color:#22446c;color:#86b8e9;}
.course-video-expert{font-size:14px; line-height:25px;}
.course-video-price{font-size:14px; color:#fff;position:absolute; top:15px; right:22px;}
.course-video-price span{font-size:24px; color:#d59d00}
.course-video-tips{color:#fff; padding:25px 0 12px; color:#999;}
.course-video-btn{}
.course-video-btn button{background-color:#e58c00; width:200px; cursor:pointer; color:#fff; border:1px solid #e58c00; border-radius:4px; height:48px; font-size:18px;}
.course-video-btn button:hover{background-color:#f3b100;border:1px solid #f3b100;}
/****************************order**************************/
.order{width:100%; padding-bottom:50px; background:#f2f2f2 url(../images/order_banner.jpg) no-repeat center 0;}
.order-banner{width:100%; text-align:center;}
.order-banner h1{padding-top:60px; height:100px; font-size:32px; letter-spacing:20px; color:#012f7c;}
.order-box{width:1140px; margin:0 auto; background-color:#fff; padding:30px; border-radius:10px; box-shadow: 0 8px 16px 0 rgba(7,17,27,.1);}

.order-detail{padding:25px 0 10px;}
.order-detail-h3{font-size:16px;}
.order-detail-dl{border-bottom:1px solid #eee; padding-bottom:30px;}
.order-detail-dl dl{width:100%; position:relative;}
.order-detail dt.order-img{width:300px; height:168px; float:left;}
.order-detail dt.order-img img{width:300px; height:168px;}
.order-detail dd{;margin-left:316px;}
.order-detail dd.order-title{font-size:18px; height:48px;}
.order-detail dd.order-price{padding:5px 0; font-size:18px; color:#FC3400;}
.order-detail dd.order-price span{font-size:14px; color:#999}
.order-detail dd.order-ops{padding:5px 0; font-size:14px;}
.order-detail dd.order-ops span{color:#999}
.order-detail dd.order-type-1{width:50px; height:26px; position:absolute; margin-left:0; text-align:center; top:0; left:0; line-height:26px; background-color:#CE9910; color:#fff;}
.order-detail dd.order-type-2{width:50px; height:26px; position:absolute; margin-left:0; text-align:center; top:0; left:0; line-height:26px; background-color:#002F7B; color:#fff;}

.order-detail dl.service-order dt.order-img{width:288px; height:136px;}
.order-detail dl.service-order dt.order-img img{width:268px; height:136px;}
.order-detail dl.service-order dd{margin-left:156px;}

.order-detail-price{font-size:14px; color:#999; padding:20px 0 30px; line-height:2;}
.order-detail-price p{padding:5px 0;}
.order-detail-price strong{color:#666;}
.order-detail-price .order-input{border:1px solid #ddd; height:36px; padding:0 5px; width:200px; line-height:36px;}
.order-detail-price label{margin-right:30px;}
.order-detail-price i{font-size:26px; color:#FC3400}

.order-detail-pay{}
.order-detail-pay span{padding:12px 30px; border-radius:3px; font-size:14px; display:inline-block; cursor:pointer;}
.order-detail-pay span.pay-save{background-color:#d69d00; color:#fff; margin-right:20px;}
.order-detail-pay span.pay-cancel{background-color:#ddd; color:#666;}


.order-detail-month em{display:inline-block;height:32px;width:30px;line-height:32px; font-size:14px; color:#7A7979;border:1px solid #dbdbdb;text-align:center;cursor:pointer;-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; }
.order-detail-month .month-num{display:inline-block;text-align:center;width:60px;border:1px solid #dbdbdb;line-height:32px; font-size:14px;pointer-events:none}


.md-panel{width:456px; position:absolute;box-shadow: 0 8px 16px 0 rgba(7,17,27,.1);-webkit-transition:all .2s ease; transition:all .2s ease;-webkit-transform:translate3d(0,3px,0); transform:translate3d(0,3px,0); }
.md-panel.on{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-box-shadow:0 15px 30px rgba(0,0,0,.2);}
.calendar-date{user-select: none;line-height:36px; font-size:16px; height:36px; text-align:center;  background-color:#e6e6e6;}
.calendar-date span{height:36px; cursor:pointer; text-align:center; display:inline-block;}
.calendar-date span.data-prev{width:60px; background:url(../images/l_r.png) no-repeat center 8px;}
.calendar-date span.data-next{width:60px; background:url(../images/l_r.png) no-repeat center -35px;}
.md-body{width:456px; height:241px; background-color:#e6e6e6;font-family: Tahoma,arial,verdana,sans-serif;position: relative;}
.md-body.day-42{ height:282px;}
.md-weekarea li{margin:1px 0 0 1px; float: left; color:#909090; background-color:#f2f2f2; width: 64px; height:24px; font-size: 12px; font-weight: 400; text-align: center;padding:5px 0; line-height:24px;}
.md-datearea{width: 100%;}
.md-datearea li{margin:1px 0 0 1px; position:relative; float: left; background-color:#fff; width: 64px; height:40px; font-size: 16px; font-weight: 400; text-align: center; line-height:39px;}
.md-datearea li.none{color:#909090;}
.md-datearea li.selectdate{cursor:pointer;}
.md-datearea li.prevdate,.md-datearea li.nextdate,.md-datearea li.holiday{ cursor:pointer; color:#ccc; cursor: not-allowed;}
.md-datearea li.holiday{background:#fff url(../images/l_r.png?v=1) no-repeat right -80px;}
.md-datearea li.current{background-color:#d69d00; color:#fff;}
.md-datearea li span.li-span{display: inline-block;width:33px;}
.md-datearea li.current.none span{background:none; color:#333;}