/* Css for , Version=1728272827 */
 /* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {margin:0;padding:0;}
html,body,fieldset,img,iframe,abbr {border:0;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6,small {font-size:100%;}
textarea {overflow:auto;resize:none;}
a,button {cursor:pointer;}
a,a:hover {text-decoration:none;}
body {color: #333; line-height: 1; font-size: 12px; font-family:"Microsoft YaHei","\5fae\8f6f\96c5\9ed1", arial,"\5b8b\4f53";}
textarea,input,button,select,keygen,legend {outline:0; font-size: 12px; font-family:"Microsoft YaHei","\5fae\8f6f\96c5\9ed1", arial,"\5b8b\4f53";}
a {color:#333;}
a img {border: 0;}

.w { width:100%; }
.l { float: left; }

.breadcrumb {
  color: #999;
  padding: 0 5px; margin-bottom: 10px;
}
.breadcrumb:after {
  color: #aaa;
  margin-left: 6px;
  display: inline-block;
  content: "\e63d";
  font-family: ZenIcon;
}
.cards-products .media-wrapper {
    height: 200px;
    max-height: 200px;
    min-height: 200px;
    display:block;
    overflow:hidden;
}
.cards-products .media-placeholder {
    height: 200px;
    line-height: 1.4;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: bold;
    text-shadow: 2px 2px 0 #999, 1px 1px 0 #eee;
    padding: 25px;
    font-size: 24px;
    word-spacing: normal;
    word-break: break-all;
    text-align: center;
}

/* function */
.cfx:after, .cfxs li:after {display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."; font-size: 0; line-height: 0; }
.cfx, .cfxs li {zoom:1;}

.course-head  { padding: 5px 50px; background: #f6f6f6; }

.course-head .course-head-logo { float: left; }
.course-head .course-head-login { float: right; }
.course-banner { width: 100%; height: 350px; background: url('../images/banner.jpg') no-repeat center center; }
  .banner-content { width: 1200px; height: 100%; margin: 0 auto; }
  .banner-data { float: left; background: #fff; padding: 20px; margin-top: 55px; margin-left:10px; border-radius: 4px;max-width:600px }
  .banner-data   .studio-logo{float:left;max-width:200px;margin-right:10px;}
  .banner-data   .studio-info{float:left;max-width:350px;}
  .banner-data .studio-info> h4 { font-size: 26px; font-weight: normal;margin-top:8px; margin-bottom: 10px; }
  .banner-data .studio-info> p { font-size: 15px;line-height:1.4; color: #979899; margin-bottom: 10px; }
  .banner-data .studio-info> p strong { font-size: 36px; color: #e98426; margin-right: 5px; }

.course-main { width: 1200px; margin: 0 auto; }
.course-main-hd { padding-top: 40px;padding-bottom:10px; margin-left: 10px; }
.course-main-hd li { font-size: 20px; color: #393939; float: left; margin-right: 20px; cursor: pointer; }
.course-main-hd li a.active { color: #fc992d; }
.course-main-bd-list .course-main-bd-item { float: left;width:31%}
.course-main-bd-item-title > h3 { font-size: 16px;line-height:1.3;height:48px; margin: 15px 0 10px; font-weight:normal;}

.course-main-bd-item-btn {font-size: 16px;height: 30px; line-height: 30px;}
.course-main-bd-item-btn > a { padding:0 20px; font-size: 16px;height: 30px; line-height: 30px; display: inline-block; vertical-align: middle; text-align: center; border-radius: 20px;  }
.course-main-bd-item-btn .btn-buy { border: 1px solid #d5792b; color: #fff; background: #d5792b; margin-left: 8px; }
.course-main-bd-item-btn  span { float:right;line-height: 30px; margin-right:10px; color:#999}
.course-main-bd-item { padding: 18px 17px 24px; background: #fff; box-shadow: 0 5px 10px #ddd; float: left; margin: 20px 10px 0; border-radius: 4px; }
.course-main-wrapper { background: #f4f0f0; }
.course-main-bd-item-btn .btn-no-operate { color: #989797; border: 1px solid #989797; background: #fff; }
.course-main-bd-item > img { width: 265px; height: 526px; }
footer {padding:10px 50px}
.icon {
    display: inline-block;
    vertical-align: middle;
}
.a_download {
    background-image: url(../images/sprite_a.png);
    background-position: 0px -26px;
    width: 12px;
    height: 14px;
}

.a_preview {
    background-image: url(../images/sprite_a.png);
    background-position: -26px 0px;
    width: 17px;
    height: 13px;
}
.a_time {
    background-image: url(../images/sprite_a.png);
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
}
.course-page { float: right; margin: 40px 50px 50px 0; }
.course-page > i.icon { margin: -5px 5px 0; cursor: pointer; }
.course-page .num { font-size: 14px; color: #666; }
.course-ppt-title > h3 { font-size: 24px; font-weight: normal; }
.course-ppt-time > span { font-size: 14px; color: #808080; margin-right: 20px; }
.course-ppt-time > span i { margin-top: -3px; margin-right: 6px; }
.course-ppt-title { margin: 30px 0 20px; }
.course-ppt-time { margin: 13px 0 0 10px; }
.course-ppt-detail-main { margin-right: 380px; }
.course-ppt-detail-side { margin-left: -360px; width: 322px; float: left; }
.course-ppt-detail { background: #fff; box-shadow: 0 0 20px #ccc; margin-bottom: 80px; }
.course-ppt-primary ,.course-ppt-thumb  { text-align:center;margin-left: 30px;margin-top:30px;}
.course-ppt-primary  img {width:100%;}
.course-ppt-thumb img {display:none;}
.course-ppt-detail-side-section .ppt-info-list li > label { font-size: 14px; color: #999; font-weight: normal; width: 95px; display: inline-block; }
.course-ppt-detail-side-section .ppt-info-list li > strong {color: #e69b32; font-size: 34px; }
.course-ppt-detail-side-section .ppt-info-list li { font-size: 14px; margin-bottom: 15px; }
.course-ppt-detail-side-section .ppt-info-list li:first-child { color: #e69b32; font-size: 20px; font-weight: bold; }
.course-ppt-detail-side-section .ppt-label-wrapper > span { color: #666; font-size: 14px; width: 95px; margin-left: -100%; } 
.course-ppt-detail-side-section .ppt-label-wrapper .ppt-label { float: left; margin-left: 95px; }
.course-ppt-detail-side-section .ppt-label-wrapper .ppt-label > label {  display: inline-block; height: 28px; line-height: 28px; border: 1px solid #e2e2e2; padding: 0 10px; border-radius: 20px; margin-right: 5px; margin-bottom: 5px; }
.course-ppt-detail-side { margin-right: 38px; padding: 35px 0 60px; }
.course-ppt-detail-side .ppt-buy-now a { display: block; width: 100%; text-align: center; line-height: 30px; font-size: 18px; color: #fff; border-radius: 40px;  }
.course-ppt-detail-side .ppt-buy-now { padding: 25px 0 36px; border-bottom: 1px solid #e6e6e6; }
.course-ppt-detail-side-section1 > h3 { font-size: 18px; font-weight: normal; margin-bottom: 13px; }
.course-ppt-related-list li > img { width: 302px; height: 147px; }
.course-ppt-related-list li > p { font-size: 14px;line-height:1.5; color: #666; margin: 10px 0; }
.course-ppt-related-info > span { font-size: 14px; color: #e85c25; float: right; }
.course-ppt-related-info > span:first-child { color: #9a9a9a; float: left; }
.course-ppt-detail-side-section1 { margin-top: 28px; }
.course-ppt-related-list li { margin-bottom: 25px; margin-left: 10px;}

.course-ppt-related-info { padding: 0 10px; }
.course-ppt-related-info > span .a_download { margin-top: -5px; margin-right: 8px; }
.course-ppt-detail-preview { margin-left: 30px;margin-top:30px; }
.course-ppt-detail-preview p {margin:5px 0px;line-height:1.5}
.course-ppt-detail-main #video { margin: 20px 0 20px 65px; }
.course-ppt-detail-main { padding-bottom: 60px; }

/* 2018.09.20 fixed by dong */
.course-head-navList li { float: left; font-size: 14px; }
.course-head-navList li.gap { width: 0; height: 11px; border-left: 1px solid #dcdcdc; margin: 10px 15px 0; }
.course-head-navList { height: 30px; line-height: 30px; }
.bg-footer { background: #f6f6f6;}
.footer-address { line-height: 30px; text-align: center; padding: 20px 0; color: #666; }
.footer-address > p a { margin: 0 5px; color: #666; }