@charset "utf-8";
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#fff;color:#4a4f5a;font: 400 14px/1.5 "微软雅黑",helvetica,stheiti,droid sans fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
video embed,video object,video iframe,video{width:100%;height:auto;}
.tc{ text-align:center;}
.tr{ text-align:right;}

/*正文开始*/
body{color:#222;background:#f4f6f7}
/*自动以样式*/
.msf{font-family:microsoft yahei}
.pub_layout{padding:0 .42rem;margin-bottom: .3rem;background:#fff}
.pub_line{height:0;overflow:hidden;border-top:1px solid #e6e9eb}
.font_s36{font-size:.5rem}
.font_s34{font-size:.47rem}
.font_s32{font-size:.44rem}
.font_s30{font-size:.42rem}
.font_s28{font-size:.38rem}
.font_s26{font-size:.36rem}
.font_s24{font-size:.34rem}
.font_s22{font-size:.3rem}
/*header*/
.header{height:1.2rem;width:100%;background:#3ec93f}
/*.header a.a_return{display:block;height:1.2rem;top:0;left:0;line-height:1.1rem;font-size:.9rem;color:#fff;padding:0 .42rem;}*/
.header a.a_return{display:block; margin:.4rem 0 0 .5rem; width:.4rem; height:.4rem; border:.07rem solid #fff;border-top: none;border-right: none;transform:rotate(45deg);}
.header a.a_forward{display:block;height:1.2rem;top:0;right:0;font-size:.44rem;color:#fff;line-height:1.2rem;padding:0 .42rem}
.header h2{line-height:1.2rem;color:#fff;font-size:.5rem;text-align:center}
.header .head_qbbc{height:.8rem;padding:.2rem 0 0 0}
.header .head_qbbc section{width:5rem;height:.8rem;margin:0 auto;border:1px solid #fff;border-radius:3px}
.header .head_qbbc section a{display:block;width:50%;height:.8rem;line-height:.78rem;text-align:center;float:left;color:#fff}
.header .head_qbbc section a.on{background:#fff;color:#3ec93f}

/*章节列表页*/
.qbbc_list_tit{height:1.4rem}
.qbbc_list_tit p{line-height:1.4rem;color:#666666}
.qbbc_list_tit .a_btn{display:block;color:#3ec93f;padding:.14rem .5rem;border:1px solid #e6e9eb;border-radius:2px;margin:.25rem 0 0 0}
.qbbc_list_tit01{height:1rem; line-height:1rem; font-size:.46rem; margin-bottom:.3rem; background:#fff; padding:0 .42rem}
.qbbc_list_tit02{height:1rem}
.qbbc_list_tit02 p{line-height:1rem;color:#666666}
.qbbc_list{display:block;padding:.4rem .4rem .4rem .76rem;color:#222;background:url(/uploads/image/mcikejian/icon_bg01.png) no-repeat 0 center;background-size:.4rem}
.qbbc_list section em{color:#a1a1a1;top:50%;right:-0.4rem;line-height:1rem;margin:-.5rem 0 0 0}
.qbbc_list section p{color:#999;margin:.08rem 0 0 0}

.video{ margin-bottom:.3rem; overflow:hidden; position:relative;}

/*详情页-阅读讲义*/
.body_bg01,.body_bg01 .pub_layout{background:#fff}
.body_bg02,.body_bg02 .pub_layout{background:#0c1825}
.body_bg03,.body_bg03 .pub_layout{background:#fff6eb}
.qbbc_info_tit{height:1.4rem;border-bottom:1px solid #e6e9eb}
.body_bg01 .qbbc_info_tit{border-bottom:1px solid #e6e9eb}
.body_bg02 .qbbc_info_tit{border-bottom:1px solid #0d4065}
.body_bg03 .qbbc_info_tit{border-bottom:1px solid #d3ccc3}
.qbbc_info_tit p{padding:.1rem .3rem;border:1px solid #e6e9eb;border-radius:2px;margin:.28rem .16rem 0 0;color:#3ec93f}
.body_bg01 .qbbc_info_tit p{border:1px solid #e6e9eb}
.body_bg02 .qbbc_info_tit p{border:1px solid #0d4065}
.body_bg03 .qbbc_info_tit p{border:1px solid #d3ccc3}
.qbbc_info_tit p.on{background:#3ec93f;border:1px solid #3ec93f;color:#fff}
.qbbc_info_tit a{display:block;padding:.1rem .3rem;border:1px solid #e6e9eb;border-radius:2px;margin:.28rem 0 0 .16rem;color:#3ec93f}
.body_bg01 .qbbc_info_tit a{border:1px solid #e6e9eb}
.body_bg02 .qbbc_info_tit a{border:1px solid #0d4065}
.body_bg03 .qbbc_info_tit a{border:1px solid #d3ccc3}
.qbbc_info{margin:.3rem 0 0 0}
.qbbc_info_to{border:1px solid #e6e9eb;height:6.2rem}
.body_bg01 .qbbc_info_to{border:1px solid #e6e9eb;color:#222}
.body_bg02 .qbbc_info_to{border:1px solid #0d4065;color:#ccc;}
.body_bg03 .qbbc_info_to{border:1px solid #d3ccc3;color:#222}
.body_bg01 .qbbc_info_to .con,.body_bg02 .qbbc_info_to .con,.body_bg03 .qbbc_info_to .con{overflow:auto ;height:6.2rem}
.qbbc_info_to .qbbc_infoto_in{position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;width:96%;overflow: hidden; padding:2%;}
.qbbc_info_to .qbbc_infoto_in .p02{text-indent:.84rem}
.qbbc_info_to .qbbc_infoto_in .p03{text-indent:.84rem}
.qbbc_info_to .question_btn{display:block;padding:.1rem .3rem;background:#3ec93f;border:1px solid #3ec93f;border-radius:2px;margin:.28rem 0 0 .16rem;color:#fff;bottom:0;right:0; z-index:99;}
.qbbc_info_bo{color:#666;padding:.1rem 0 .2rem 0}
.qbbc_info_bo .p02{text-indent:.84rem}

/*==============================题库模块====================================*/
/*题库列表*/
.tk_index{display:block;padding:.4rem .4rem .4rem .76rem;color:#222;background:url(/uploads/image/mcikejian/icon_bg01.png) no-repeat 0 center;background-size:.4rem}
.tk_index section em{ display:block; top:50%;right:-0.4rem;;margin:-.1.5rem 0 0 0;width:.3rem; height:.3rem; border:.046rem solid #959698;border-top: none;border-right: none;transform:rotate(-135deg);}
/*章节列表*/
.tk_list_out{background:#fff}
.tk_list{}
.tk_list_to{display:block;padding:.3rem .84rem .3rem .42rem;color:#222}
.tk_list .tk_list_to section em{color:#a1a1a1;top:50%;right:-0.4rem;line-height:1rem;margin:-.5rem 0 0 0}

/*滚动条*/
.wrapper{position: absolute;z-index:9;top: 0;bottom: 0;left: 0;width:94%;overflow: hidden;}
.scroller{position: absolute;z-index:9;-webkit-tap-highlight-color: rgba(0,0,0,0);width:96%;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0); -o-transform: translatez(0);transform: translatez(0);}
.iscrollverticalscrollbar {position: absolute;z-index:9;width: 4px;bottom: 2px;top: 2px;right: 2px;overflow: hidden;}
.iscrollindicator {position: absolute;width:4px;background: #929494;border-radius: 2px;  }

/*==============================看课页面====================================*/
.app-dow a, .correlation h4, .xxxs h4{background:url(/uploads/image/mcikejian/spirit.png) no-repeat; background-size:.68rem auto;}

/*顶部*/
.mtop-nav{line-height:1.36rem;background:#3ec93f;border-top:1px solid #008b01;border-bottom:1px solid #008b01;}
.mtop-logo a{width:1.42rem;height:1.36rem;display:block;}
.mtop-logo a{background:url(/uploads/image/mcidmed66/m-logo320.png) no-repeat center center;border-right:1px solid #0e910f; background-size:1rem;}
.mtop-tit,.top-bread{height:1.36rem;margin:0 2.22rem 0 1.45rem;border-left:1px solid #65d465;border-right:1px solid #0e910f; font-size:.5rem;color:#fff; text-shadow:1px 1px 2px #9ee49f;}
.mtop-tit a{color:#fff;}
.top-reg{width:2.2rem; border-left:1px solid #65d465;text-shadow:1px 1px 2px #9ee49f;font-size:.38rem;}
.top-reg a{color:#fff;display:block;height:1.36rem;}

.demoabs{padding:.17rem .42rem; color:#232323;}
.demoabs h2,.demoabs h3,.current{line-height:.5rem;padding:.06rem 0; font-size:.36rem; font-weight:normal;}
.current h4{ font-weight:bold;}
.demoabsbar{padding-bottom:.25rem;}
.demoabsbar a{width:26.4062%;height:.833rem; line-height:.833rem;border:1px solid #d5d5d5; display:inline-block; color:#3ec93f;font-size:.36rem; margin:0 .22rem;}


/*选显卡切换公用*/
.demomain{border-top:.026rem solid #3ec93f;}
.fun-hd{ height:1rem; line-height:1rem; border-bottom:.026px solid #e6e6e6;}
.fun-hd li{width:16.6666%; float:left;cursor:pointer;}
.fun-hd li span{ line-height:1rem; font-size:.45rem; display:inline-block; padding-bottom:2px; margin-bottom:-1px;}
.fun-hd li i{width:1px;height:13px; background:#e6e6e6; font-size:0px; overflow:hidden; float:left; margin-top:11px;}
.fun-hd li.on span{color:#3ec93f; border-bottom:2px solid #3ec93f; padding-bottom:0;}
/*.fun-bdwrap{ position:relative;}*/
.fun-bd{  display:none;}
.fun-bd.on{  display:block;}
.fun-bd{ padding:2%;}

.teachingwrap{ height:8rem;}
.teaching{ margin:.2rem auto; z-index: 1;overflow: hidden; }
.fun-hint{ padding:.2rem; margin-bottom:.15rem; border:.026rem solid #3ec93f; line-height:.6rem; color:#3ec93f; font-size:.4rem;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.fun-hint a{color:#f9824e;text-decoration:underline;}
.teaching-item{ line-height:.6rem; border-top:.026rem dashed #e0e0e0; margin-top:.1rem; padding:.1rem 0; font-size:.4rem;}
.teaching-item h5{ line-height:.7rem; font-size:.6rem; font-weight:normal; color:#232323;}
.teaching-item .item-con{color:#5d5d5d; font-size:.6rem; padding:.1rem 0;}
.app-dow{padding:.3rem 0; border-top:.066rem solid #f34e21;}
.app-dow a{height:.8rem; line-height:.8rem; padding:0 .1rem 0 .8rem; border:.026rem solid #f34e21; display:inline-block; color:#f34e21;font-size:.34rem; background-position:.2rem -2.4rem;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

/*会计网显示推荐课程*/
.correlation{border-top:.066rem solid #23c79b;}
.correlation h4,.xxxs h4{ height:.9rem; line-height:.9rem; border-bottom:.026rem solid #e6e6e6; background-position:.3rem -3.1rem; padding-left:1rem; font-size:.42rem; color:#23c79b; font-weight:normal;}
.correlationbd{ width:100%; height:3rem; position:relative; padding:.2rem 0; overflow:hidden;}
.correlationbd ul li{width:3.8rem; padding:0 .1rem; float:left;}
.correlationbd ul li span{ height:2rem; display:block; overflow:hidden; margin-bottom:1px; position:relative;}
.correlationbd ul li span i{width:100%;height:2rem;background: no-repeat center center; background-size:1.2rem auto; position:absolute;left:0;top:0;}
.correlationbd ul li p{height:.6rem; line-height:.6rem; overflow:hidden; background:#676868; font-size:.32rem; color:#fff; text-align:center;}
.correlationbd ul li p a{color:#fff;}

/*学员心声*/
.xxxs-item .x-bar a,.xxxs-item .x-bar a.praise,.xxxs-item .x-bar a.care,.xxxs-item .x-bar a.browse,.xxxs-item .x-bar a.addfriendon{background:url(/uploads/image/mcikejian/spirit.png) no-repeat; background-size:.68rem auto;}
.xxxs{border-top:2px solid #a449f9;}
.xxxs h4{color:#a74ff9;background-position:.3rem -3.9rem;}
.xxxs-item{ padding:.3rem .3rem 0;  border-bottom:.026rem dashed #e0e0e0; overflow:hidden;}
.xxxs-item .x-info{ width:1.8rem; float:left;}
.xxxs-item .x-info span{ height:1.8rem; display:block; overflow:hidden;}
.xxxs-item .x-info p{padding:.1rem 0; line-height:.6rem; font-size:.32rem; overflow:hidden; color:#ef7858;width:100%; text-overflow:ellipsis;white-space:nowrap; }
.xxxs-item .x-bd{margin-left:2.1rem;}
.xxxs-item .x-con{line-height:.6rem; font-size:.34rem; color:#5d5d5d; margin-top:-.1rem;}
.xxxs-item .x-con a{color:#5d5d5d;}
.xxxs-item .x-bar{height:.6rem; line-height:.6rem;}
.xxxs-item .x-bar a{ width:25%; height:.7rem; float:left; text-indent:.5rem; font-size:.34rem; color:#a74ff9; background-position:left -4.76rem;}
.xxxs-item .x-bar a.praise{background-position:left -5.38rem;}
.xxxs-item .x-bar a.care{background-position:left -5.99rem;}
.xxxs-item .x-bar a.browse{background-position:left -6.64rem;}

/*目录*/
.cataloguewrap{ height:8rem;}
.catalogue{margin:.2rem auto; overflow: hidden;}
.catalogue dl{border-bottom:1px solid #e6e6e6;}
.catalogue dl dt{padding:.2rem .2rem .05rem; line-height:.6rem; font-size:.42rem;color:#3ec93f;}
.catalogue dl dd{margin:0 .2rem; border-bottom:1px dashed #e0e0e0; padding:.1rem 0; line-height:.6rem; font-size:.4rem; color:#5d5d5d;}
.catalogue dl dd em{float:left;}
.catalogue dl dd span{margin:0 1rem 0 0;display:block;}
.catalogue dl dd a{color:#161616; display:block;position:relative;}
.catalogue dl dd a:after{position:absolute;top:0;right:0;content:"播放"; font-size:.38rem; color:#1cbb9b;}
.catalogue dl dd.playing span{margin-right:1.8rem;}
.catalogue dl dd.playing a:after{position:absolute;top:0;right:0;content:"正在播放"; font-size:.38rem; color:#f9824e;}
.catalogue dl dd:last-child{border-bottom:0 none;}

/*笔记*/
.note .note-con .note-ul li .note-handle a,.note .note-con .note-ul li .note-handle a.edit{background:url(/uploads/image/mcikejian/spirit.png) no-repeat; background-size:.68rem auto;}
.note .note-log{ padding:.2rem .4rem .1rem;line-height:.6rem;color:#5d5d5d; font-size:.4rem;}
.note .note-log a{color:#f9824e;text-decoration:underline;}
.note .note-con{  padding:0 .2rem; margin-top:.1rem;}
.note .note-con h5{line-height:.8rem; color:#3ec93f; font-size:.42rem; font-weight:normal;}
.note .note-con .note-ulwrap{ height:4rem;}
.note .note-con .note-ul li{padding:6px 0; border-top:1px dashed #e0e0e0;}
.note .note-con .note-ul li .note-bd{line-height:.6rem;font-size:.38rem; color:#5d5d5d;white-space:normal; word-break:break-all;}
.note .note-con .note-ul li .note-handle a{height:.6rem; line-height:.6rem;padding-left:.4rem; display:inline-block;background-position:left -9.78rem; font-size:.38rem; margin-right:.2rem; color:#ec512d;}
.note .note-con .note-ul li .note-handle a.edit{background-position:left -10.32rem; color:#1cbb9b;}
.note-bar{height:34px;padding:13px 17px; background:#f4f3f3; border-top:1px solid #e6e6e6;}
.note-bar .note-textarea,.note-bar button{width:69.6335%;height:.8rem;border:.026px solid #666; background:#fff;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.note-bar .note-textarea input{width:84%;height:.6rem;line-height:.6rem;padding:.1rem 0 0;display:block; margin:0 auto; border:0 none;color:#5d5d5d; font-size:.4rem;}
.note-bar button{width:24%; margin:1px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; color:#aaa9a9; font-size:.4rem;cursor:pointer;}

/*提问*/
.ask .ask-bar{padding:0 .1rem; background:#f4f3f3; border-top:.026rem solid #e6e6e6;}
.ask .ask-bar h6{line-height:.6rem;padding:.2rem 0; font-size:.42rem; color:#232323; font-weight:normal;}
.ask .ask-form .ask-textarea{padding:.1rem 0;border:.026px solid #666; background:#fff;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.ask .ask-form .ask-textarea textarea{height:1.2rem;line-height:.6rem;display:block; margin:0 auto; border:0 none;color:#5d5d5d; font-size:.4rem; width:94%;}
.ask .ask-bar .sendbtn{line-height:1.2rem; background:#36d97c; display:block; color:#fff; font-size:.46rem;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px; margin:.15rem 0;}
.asklist{padding:0 .1rem .2rem;}
.asklist .askitem{border-bottom:1px dashed #e0e0e0; padding-top:.1rem;}
.asklist .askitem:last-child{border-bottom:0 none;}
.asklist .askitem .ask-hd{line-height:.6rem; color:#a7a6a6; text-align:right; font-size:.38rem;}
.asklist .askitem .ask-hd .btnlook{color:#f9824e;}
.asklist .askitem .ask-bd,.answer{padding:.1rem 0 .1rem;line-height:.6rem;font-size:.38rem; color:#5d5d5d; white-space:normal; word-break:break-all; }
.answer{padding:0 0 .1rem .8rem; display:none;}
.answer i{width:.6rem;height:.6rem; line-height:.6rem; color:#fff; text-align:center; background:#28cf86;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;float:left;margin-left:-.8rem; font-style:normal;}
.answer a{color:#3ec93f;}

/*练习*/
.exercise .exercise-list{border-top:.26px solid #e6e6e6;}
.exercise .exercise-list dt{line-height:1.2rem; border-bottom:.026px solid #e6e6e6; color:#3ec93f; font-size:.46rem; text-align:center;}
.exercise .exercise-list dd{margin:0 .3rem; border-bottom:.026rem dashed #e0e0e0; font-size:.4rem;}
.exercise .exercise-list dd a{line-height:.6rem; padding:.2rem .4rem .2rem 0;color:#161616; display:block; position:relative;}
.exercise .exercise-list dd a:after{width:.26rem;height:.26rem; border-top:.026px solid #9f9f9f;border-right:.026px solid #9f9f9f; position:absolute;right:.1rem;top:50%; margin-top:-.1rem;content:"";-moz-transform-origin:center center;-webkit-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.exercise .exercise-list dd:last-child{border-bottom:0 none;}

/*更多*/
.morebd .fun-hint{border:0 none;}
.morebd .moredl{padding:0 .15rem; border-top:.026px solid #e6e6e6;}
.morebd .moredl dt{line-height:.6rem;padding:.1rem 0; font-size:.4rem; color:#e66517;}
.morebd .moredl dt i{width:.3rem;height:.3rem; background:#f3582f; float:left; margin-top:.15rem;}
.morebd .moredl dt p{margin-left:20px;}
.morebd .moredl dd{padding-bottom:8px;}
.morebd .go-xk{border-top:1px solid #e6e6e6;}
.morebd .moredl02 dt{color:#51dd99;}
.morebd .moredl02 dt i{background:#51dd99;}
.morebd .moredl03 dt{color:#88d946;}
.morebd .moredl03 dt i{background:#88d946;}
.morebd .moredl04 dt{color:#8042bf;}
.morebd .moredl04 dt i{background:#8042bf;}
.morebd .moredl05 dt{color:#f0c722;}
.morebd .moredl05 dt i{background:#f0c722;}


/*杂项*/
.scroller2 {
    position: absolute;
    z-index:9;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
.loadingg, .loading{line-height:1rem; color:#666; font-size:.36rem;}
.succeed-hint{width:3rem;height:1.6rem; line-height:1.6rem; color:#fff; position:fixed;left:50%;top:50%; margin:-.8rem 0 0 -1.5rem;background:rgba(0,0,0,0.7);font-size:.36rem; display:none; z-index:999;}
.delhint{width:280px;height:165px; border:1px solid #bababa; background:#fff; position:fixed;left:50%;top:50%;margin:-107px 0 0-140px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;z-index:999; display:none;}
.delhint .cdel-ico{width:92px;height:107px; display:block; margin:-48px auto 0; background: no-repeat; background-size:92px auto;}
.delhint p{line-height:44px; color:#232323; font-size:0.9375em;}
.delhintbar{padding-top:8px;}
.delhintbar a{width:40.3571%;height:33px;line-height:33px;border:1px solid #e9514a; display:inline-block; color:#e9514a;font-size:0.9375em; margin:0 3.5714%;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.delhintbar a:last-child{padding:1px; border:0 none; background:#3ec93f; color:#fff;}
.mask{width:100%;height:100%; position:fixed;left:0;top:0;right:0;bottom:0; background:rgba(0,0,0,0.2);z-index:99; display:none;}

.returntop{ position: fixed; cursor: pointer; right: 5px; bottom:30px; z-index:999;}

/*20161219 add*/
.header h2{ height:1.2rem; padding:0 1.4rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*20170115 讲义图片处理*/
.teachingwrap img,.pub_layout img {width: auto;vertical-align: top;display: inline-block;}


/*app下载与客服图片设置*/
.consult{
    position:fixed;
    right:.2rem; width:1.16rem; bottom:3.8rem;
    _position:absolute;
    z-index:50;
    _top:expression(documentelement.scrolltop   documentelement.clientheight-this.offsetheight);
    /*background: no-repeat; background-size:100%;*/
}
.appdownload{
    position:fixed;
    right:.2rem; width:1.16rem; bottom:5.1rem;
    _position:absolute;
    z-index:50;
    _top:expression(documentelement.scrolltop   documentelement.clientheight-this.offsetheight);
}

.titlem{
    margin-left: 15px;
    margin-right: 15px;
}
.float-buy{position:fixed;left:0;bottom:0.2rem;right:0;z-index:600;}
.float-buy img{ width: 0.787rem; height: 0.613rem; display: inline-block; position: absolute; top:0.4rem; right: 50%; margin-right: -3.2rem;}
.float-buy a{-webkit-animation:hatch 4s 0s infinite both;animation:hatch 4s 0s infinite both;background-image:-webkit-linear-gradient(left,#ff862c,#ffa326); background-image:-moz-linear-gradient(left,#ff862c,#ffa326); background-image:linear-gradient(left,#ff862c,#ffa326);padding:0.32rem 0;text-align:center;color:#fff;font-size:0.4rem;display:block; border-radius:0.64rem; margin: 0 0.4rem;}
@-webkit-keyframes hatch{ 0%{-webkit-transform-origin:bottom;-webkit-transform:rotate(0deg)} 5%{-webkit-transform:rotate(-4deg)} 9%{-webkit-transform:rotate(4deg)} 13%{-webkit-transform:rotate(-4deg)} 16%{-webkit-transform:rotate(2deg)} 20%{-webkit-transform:rotate(-2deg)} 25%{-webkit-transform:rotate(0deg)} }
@keyframes hatch{0%{transform-origin:bottom;transform:rotate(0deg)} 5%{transform:rotate(-4deg)} 9%{transform:rotate(4deg)} 13%{transform:rotate(-4deg)} 16%{transform:rotate(2deg)} 20%{transform:rotate(-2deg)} 25%{transform:rotate(0deg)} }

/*免费试听时候播放界面中，目录、讲义样式*/
.clearfix li.on {
    font-weight: bold;
    color: #333;
    position: relative;
    z-index: 1;
}
.clearfix li{
    width: 10%;
    font-size: 0.4rem;
    color: #777;
    text-align: center;
    display: inline-block;
}
.clearfix li.on:after{
    width: 0.4rem;
    height: 0.08rem;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -0.2rem;
    background: #63f624;
    -webkit-border-radius: 1.333rem;
    border-radius: 1.333rem;
    overflow: hidden;
}

.fixbuy-wrap{ width:100%; background:#fff; border-top:0.013rem solid #ededed; position:fixed; left:0; bottom:0; z-index:89; padding:0.133rem 0; text-align:center;}
.fixbuy-wrap .studyconsultant-btn{ display:inline-block; width:4.413rem; height:1.013rem; line-height:1.013rem; text-align:center; font-size:0.373rem; color:#ff8a2b; font-weight:bold; border:0.027rem solid #ff8a2b; border-radius:0.533rem; margin:0 0.133rem;}
.fixbuy-wrap .studyconsultant-btn img{ display:inline-block; width:0.533rem; margin-right:0.173rem; vertical-align:middle;}
.fixbuy-wrap .buy-btn{ display:inline-block; width:4.467rem; height:1.067rem; line-height:1.067rem; text-align:center; font-size:0.373rem; color:#fff; font-weight:bold; border-radius:0.533rem; margin:0 0.133rem; background:#ff9329; background-image:-webkit-linear-gradient(left, #ff8a2b, #ff9e27); background-image:linear-gradient(left,#ff8a2b,#ff9e27);}
.fixbuy-wrap .buy-btn img{ display:inline-block; width:0.28rem; margin-left:0.093rem; vertical-align:middle;}