@charset "utf-8";

body {font-family:Tahoma,Arial,'微软雅黑','Helvetica Neue','Hiragino Sans GB',Simsun,sans-self; font-size:14px;padding:0 0; margin:0 0 ;}

a{ color:#333; text-decoration:none; cursor:pointer}

a:hover { text-decoration:none}

input,button { outline:none; border:none}

.clearfix:after {display: block;content: "";clear: both;}

.text-r { text-align:right}

.text-c { text-align:center}

.padding-10 { padding:10px}

input[type="checkbox"] { width:18px; height:18px}

.hidden { overflow:hidden}





.main-box { position:relative; width:1200px; margin:auto;}

.shop-top { height:40px; line-height:40px; background:#efefef; color:#333; font-size: 12px; min-width: 1200px;}

.shop-top ul { height:100%}

.shop-top ul li { float:left; margin-right:4px}

.shop-top ul li .openShop { padding:5px 20px;background:#73c353; color:#fff; border-radius:5px;}

.shop-top ul li .sign {padding:4px 10px; border:1px solid #bbb; border-radius:5px; background:#fff;}



.shop-head-top { border-bottom:1px solid #eee; padding:10px 0 4px 0;}

.logo-wrap { width:310px}

.logo-wrap img{width: 300px;}

.search-wrap2 { width:510px}

.search-wrap2 .icon-search {color: #fff;background-color: #222}

.search-wrap2 .search-text { border:2px solid #73c353; border-right:0; height:40px; line-height:40px; width:300px; padding-left:10px}

.search-wrap2 .search-submit { background:#222; color:#fff; font-size:16px; padding:0 15px; height:40px; line-height:40px}

.search-tips{font-size: 12px; color: #999; line-height: 25px; position: relative; margin-top: 42px;}

.search-tips a{padding-left: 10px; padding-right: 10px;}

.search-tips a.wc-a{margin-left: 10px;}

.search-tips .mb-tip{position: absolute; top:30px; left: -20px; z-index:999; display: none;}

.search-tips .mb-tip-2{left: 50px;}

.search-tips a:hover{color: #73c353;}

.search-tips a:hover .mb-tip{display: block;}



.shopdpm{ margin-top:10px;}

.shopdpm li{ float:left; margin:0 15px; line-height:30px;}

.openShop01{ padding:0px 10px;background:#73c353; color:#fff; border-radius:5px; float:left;}

.icon-rad{ color:#F00; margin-left:5px;}



.nav001 ul{ display:none; z-index:999999;}

.nav001:hover a{ color:#73c353;}

.nav001:hover ul {display:block; position:absolute; top:35px; right:0; width:100px; }

.nav001:hover ul li{ width:auto; line-height:20px;  background:none; height:30px; min-width:99px; text-align:center; }

.nav001:hover ul li a {display:block; background:#fff;color:#333; border:1px solid #ccc; font-size:14px; line-height:30px; height:30px;}

.nav001:hover ul li a:hover {background:#73c353; color:#fff;}



.color-green { color:#57a637}



.course-main { position:relative;width:1200px; margin:auto;}

.course-info { border:1px solid #eee; /* box-shadow:0 0 3px rgba(0,0,0,.2); */padding:20px; margin-bottom:50px; border-top: none;}

.course-info .video-poster { float:left; position:relative; width: 520px;}

.course-info .video-poster img {width:100%}



.video-info{ width:600px; float:left; margin-left:20px;color:#888}

.video-info dl dt{ font-size:30px; color:#333}

.video-info dl dd{ overflow:hidden; margin:13px 0;}

.video-info .price { font-size:26px;color:#F33}

.video-info .price-yj{font-size: 18px; color: #ccc; TEXT-DECORATION: line-through;}

.video-info .value { color:#222}

.video-info .selCate a { display:inline-block; width:120px; height:34px; line-height:30px; text-align:center; border:1px solid #ddd; color:#555;box-sizing: border-box;}

.video-info .selCate a.current { border-color:#F33; border-width:2px}

.video-info .operate a { display:inline-block; width:140px; height:50px; line-height:50px; margin-right:40px; text-align:center; font-size:18px; box-sizing:border-box}

.video-info .operate .goPurchase { background:#ff6633; color:#fff}

.video-info .operate .goListen { background:#ffe9d7; color:#f30; border:1px solid #ff6633}

.video-info .operate .go-mf-listen{background: #093; color: #fff; }

.video-info .operate .oped{background: #f4f4f4; border: 1px solid #ccc;}

.video-info .collecting { margin-right:40px}



/**cart **/

.m-sidebar{position: fixed;top: 0;right: 0;background: #000;z-index: 2000;width: 35px;height: 100%;font-size: 12px;color: #fff;}

.cart{color: #fff;text-align:center;line-height: 20px;padding: 200px 0 0 0px;}

.cart span{display:block;width:20px;margin:0 auto;}

.cart-icon{width:35px;height:35px;display:block; background:url(../img/car.png) no-repeat;}

#cart_msg{position:fixed; top:300px; right:35px; z-index:10000; width:1px; height:52px; line-height:52px; font-size:20px; text-align:center; color:#fff; background:#360; display:none}

#cart_msg.cart_error{background: #ff0000;}



.course-intro {}

.col { vertical-align:top; border:1px solid #ddd}

.col-l { width:900px; float:left}

.col-r { width:250px; float:right}





.intro-header { overflow:hidden}

.intro-header .nav-item { display:inline-block; float:left;width:140px; line-height:50px; text-align:center;background:#eee; color:#333}

.intro-header .nav-item.current { background:#fff; height:48px; border-bottom:2px solid #093}

.intro-body{ padding:10px}

.intro-body dt { background:#eee; height:40px; line-height:40px; padding-left:20px; font-size:16px}

.intro-body dd h3 { font-weight:normal; padding:15px 20px;}

.intro-body dd p{ position:relative; background:#fafafa; height:60px; line-height:60px; padding:0 20px; padding-right:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.intro-body dd p:hover { background:#eaf9f3}

.intro-body dd p .chapterId { font-style:normal;color:#666; margin:0 20px 0 15px }

.intro-body .intro-info{overflow: hidden;}

.intro-body .intro-zsd{position: relative;}

.intro-body .intro-zsd-tt{padding: 10px 10px; font-weight: 600;}

.intro-body .intro-det{overflow: hidden; border: 1px solid #efefef; margin: 0px 10px 10px 10px;}

.intro-body .item {  

    float:left; clear:both;  

    margin-bottom:23px;  

} 

.intro-body .dot-top {  

    font-size: 0;  

    line-height: 0;  

    border-width: 10px;  

    border-color: #efefef;  

    border-top-width: 0;  

    border-style: dashed;  

    border-bottom-style: solid;  

    border-left-color: transparent;  

    border-right-color: transparent; 

    position: absolute;

    top: 30px; 

    z-index: 10;

    left: 20px; 

} 

.chapter-info { position:absolute; right:10px; top:15px; z-index:1; width:80px; line-height:30px; text-align:center; }

.chapter-info .tryListen { display:none; background:#0C3; color:#fff;border-radius:5px}

.chapter-info .duration {}

.intro-body dd p:hover .tryListen { display:block}

.intro-body dd p:hover .duration { display:none}



.comment-info { padding:15px}



.satisfy { color:#F63; margin:0 40px; padding-top:20px}

.satisfy strong { font-size:50px; font-weight:normal}

.satisfy small { font-size:16px}

.satisfy.satisfy-text { color:#555}

.comment-type li { margin:15px 0}

.comment-type .progress { position:relative;display: inline-block;width:140px; height:10px; margin-left:10px; background:#eee; border-radius:4px}

.comment-type .progress .progress-bar { position:absolute; left:0; top:0; z-index:1; height:100%; background:#F63;border-radius: 4px;}

.comment-info .comment-r { padding:15px; margin-left:15px;width: 450px; border-left:1px solid #eee}

.comment-item { float:left; padding:5px 15px; margin-right:15px; margin-bottom:15px;border:1px solid #F63; background:#fffbf6; color:#888;}



.selType { padding:0 20px;}

.selType li { float:left; margin:0 15px; line-height:40px;}



.comment-list { padding:15px 20px}

.comment-list li { overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee}

.comment-list .user{ width:70px; margin-right:20px; }

.comment-list .user .user-face { display:block; width:70px; border-radius:50%; height: 70px; margin-bottom: 6px;}

.comment-list .user .user-name { text-align:center;color:#777}

.comment-cont { margin-left:20px;}

.comment-cont .type { margin-bottom:15px}

.comment-time,.comment-reply { color:#999}

.comment-more{height: 30px; line-height: 30px; text-align: center; cursor: pointer; background: #efefef;}

.comment-more-none{color: #999;}

.comment-reply{background: #efefef; margin-left: 100px; padding: 10px 10px;}

.intro-body dd .comment-reply-ctc{min-height: 40px; height: auto; line-height: 30px; margin-top: 10px;}



.col-r-1 { background:#f5f5f5; padding:15px; border:1px solid#ddd}

.col-r-1 .card-face { width:60px; height:60px; margin-right:15px}

.col-r-1 .card-name { margin:10px 0; font-size:20px; color:#0C3}

.col-r-1 ul li { margin:15px; color:#9e9e9e}

.col-r-1 .value { margin-left:50px; color:#333}

.col-r-1 .enterShop { display:inline-block; width:80px; line-height:40px; margin-right:20px; text-align:center;background:#73c353; color:#fff}

.col-r-1 .collectShop {display:inline-block; width:80px; line-height:40px; text-align:center; border:1px solid #ddd}





.col-r-2 { margin:20px 0;padding:5px 15px;border:1px solid #ddd; background:#f5f5f5}

.col-r-2 .title { font-weight:normal; margin-bottom:10px; margin-top: 10px;}

.col-r-2 li { background:#fff; margin-bottom:25px}

.col-r-2 li img { width:100%; display:block}

.col-r-2 .tips { padding:10px}

.col-r-2 li .course-name { padding:10px; font-size:16px}

.col-r-2 li .price { color:#F33; font-size:18px}





#sel-course { display:none;position:fixed; left:0; top:0; bottom:0; right:0; z-index:100; overflow:hidden; background:rgba(0,0,0,.1)}

.course-list h1 { font-weight:normal; line-height:45px; font-size:16px; background:#eee; color:#666; padding:0 15px;}

.course-list dl {padding:2px; }

.course-list dl dt { border-bottom:1px solid #0C0; line-height:42px; font-weight:600; font-size:16px}

.course-list dl dd { position:relative;line-height:36px; color:#777; padding-right:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-left: 20px;}

.course-list dl .select {height:42px; line-height:42px; text-align:center; float: right;}

.select input[type="checkbox"] { margin-top:10px}

.course-list .close { display:inline-block; width:45px; height:45px; background:url(../img/close.png) center no-repeat; background-size:30px; float:right}

.course-list .selected .price { font-size:20px; color:#ff8e1c}

.course-list .pri{font-size: 14px; color: #F33;}

.btn { display: inline-block; width:80px; line-height:40px; margin:0 auto 20px; }

.btn.confirm { background:#73c354; color:#fff}

.btn.cancel { background:#eee; color:#333}

.btn2{line-height: normal; margin:  0 0;}

.ml30 { margin-left:30px;}



.shop-logo{border-left: 1px dotted #ccc; padding-left: 10px; height: 74px;}

.shop-logo .shl{height: 70px;}

.shop-logo .shop-l{float: left; margin-left: 10px; padding-top: 10px; width: 240px;}

.shop-logo .shop-l p{margin: 0 0; padding: 0 0;}

.shop-logo .shop-le{width: 80px;}

.shop-enter{}



/**店铺导航**/

.bgbs{background: #fff; min-width: 1024px;}

.bgbs .top{ min-width:1024px; margin:auto; max-width: 1200px; height:auto; overflow: hidden;}

.bgbs .logo{ float:left; min-width:356px; position: relative;}

.bgbs .logo_banner{ float:right; max-width:561px; position: relative; min-width: 200px;}

.bgbs .shop_nav{height:40px; font-size:16px; line-height:40px; margin: 0; background: #333;}

.bgbs .shop_nav li{ float:left; padding:0 34px; border-right:1px solid #fff;}

.bgbs .shop_nav li.active{background: #73c354;}

.bgbs .shop_nav li a{ color:#fff;}



.wenku-toolsbar-inner{top: 80px; left:0;} 

.jwplayer .jw-icon-barlogo:before {

        content: none;

}

.jw-icon-barlogo {

        background: url('../img/logo-xm.png') no-repeat;

        background-position: center;

}



/**支付**/

.zxzf_bz li{ float:left; width:160px; height:50px; text-align:center; line-height:24px; font-size:14px;}

.zxzf_bz li .txt{color: #fff;}

.list1{ background: url(../img/list_bj_06.jpg) no-repeat top left; color:#caecb6;}

.list2{ background: url(../img/list_bj_07.jpg) no-repeat top left; color:#7abd54;}

.list3{ background: url(../img/list_bj_08.jpg) no-repeat top left; color:#cccccc;}

.zxzf_title{ font-size:18px; line-height:30px; color:#56af2a; border-bottom:2px solid #56af2a; margin-top:30px;}

.ddxx{ border:1px solid #ccc; line-height:30px; font-size:16px;}

.ddxx img{ float:left; margin-right:10px; margin-bottom:20px;}

.txt1{ font-size:16px; color:#56af2a;}

.txt2{ color:#e4393c;}

.txt3{ color:#e4393c; font-size:24px;}

.txt4{ color:#ff7f00;}

.zffs{ border:1px solid #ccc; height:auto; overflow:hidden;}

.kyye{ background:#fafafa; height:90px; border-bottom:1px solid #ccc; margin:30px; line-height:30px; padding:20px;}

.kywz{ float:left; font-size:24px;}

.czwz{ float:left; margin-left:50px;}

.zfbwx {padding:20px 30px;}

.zfbwx li{ float:left; margin-right:30px; margin-bottom:30px;}

.zfbwx li input{ float:left; margin-top:15px;}

.zfbwx li img{ float:left; margin-left:10px;}

.zfzf_txt li{ text-align:right; line-height:30px;}

.yfk{ padding-right:20px; height:80px; background:#fafafa;border-top:1px solid #ccc; margin-top:30px; text-align:right; line-height:28px; padding-top:10px;}

.zfan{ height:40px; width:166px; color:#fff; text-align:center; font-size:16px; background:#ff7f00; float:right; margin:30px 0; line-height:40px;}



/* payInfo/Begin */

div.payInfo { width:100%; height:370px; background:#252625; font-family:"Microsoft YaHei","微软雅黑","Microsoft JhengHei",MingLiu,Verdana, Arial, Helvetica, sans-serif;}

div.payInfo { -moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}

div.payInfo p { padding:0; margin:0; }

div.payInfo p.info{ color: #CCC; font-size: 24px; text-indent: 0.5em; display: block; text-align: center; padding-top:110px;}

div.payInfo p.title {display: block;font-size: 16px;padding: 15px 0px 0px;color: #C2C1C1;text-align: center;}

div.payInfo p.pay {color: #f39800;display: block;font-size: 18px;padding: 5px 0px 0px;text-align: center; }

div.payInfo p.paybtn { text-align:center; padding-top:20px;}

div.payInfo p.paybtn a,div.payInfo p.paybtn a:link,div.payInfo p.paybtn a:visited { background-color: #327b10;border: 1px solid #235c09;border-radius: 5px;color: #FFF;cursor: pointer;display: inline-block;font-size: 18px;height: 48px;line-height: 48px;width: 170px; }

div.payInfo p.paybtn a.btn1,div.payInfo p.paybtn a.btn1:link,div.payInfo p.paybtn a.btn1:visited { background-color: #327b10;border: 1px solid #235c09;border-radius: 5px;color: #FFF;cursor: pointer;display: inline-block;font-size: 18px;height: 48px;line-height: 48px;width: 170px; }

div.payInfo p.paybtn a.btn2,div.payInfo p.paybtn a.btn2:link,div.payInfo p.paybtn a.btn2:visited { background-color: transparent;border: 1px solid #666;color: #999;height: 48px;margin-left: 20px;width: 170px; text-decoration:none; }

/* payInfo/End */