.borderbox{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.li80{ width:82% !important;}
.li20{ width:18% !important; color:gray;}
.reading-content{ padding:10px 0px !important;}
.reading-content figure a{ display:block;}
.reading-content figure a img{display:block; overflow:hidden;}
.divlist{ margin-top:10px;}
input.date{background: #fff url('/Shared/images/company/input_date.png') no-repeat right 6px;font-size: 12px;}
.nodata{ text-align:center}
.top-bg{ overflow:hidden;}
.top-bg .cstudyinfo{height: 24px;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.faceimg{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; width:40px;}
.comment-pane .comment-list .comment-item .avatar{float:left;max-width:50px;max-height:50px;width:50px;height:50px; padding-left:5px;}
.comment-pane .comment-list .comment-item ul.comment-content .time{float:left}
.comment-pane .comment-list .comment-item ul.comment-content .commdel{float:left;font-style:normal;font-size:1em;color:#999;margin-left:5px;cursor:pointer}
.voicerecord{background-color:#eee !important;}
.main-course {margin-top: 4px;}
.righttxt a{ font-size:14px;}
.sectioninfo{font-size:14px !important;line-height:30px !important}
.regloginheader {margin:60px auto 30px auto; font-size:18px; color:#333;}
.regloginbox{width: 80%;margin: 20px auto; }
.regshow .button,.loginshow .button{width:80%}
#id_video_container{margin:0 auto;}
.topbox .backpre { display: block;overflow:hidden}
.topbox .backpre i {margin: 0px 0px 0px 0px;padding: 0px 0px;width: 30px;height: 24px;background-position: 0px -477px;float:left}
.topbox .title{text-indent: 0;margin-left: 5px;font-size: 18px;margin: 0px 60px 0px 10px;font-weight: 700;text-align:center}	
.topbox{margin:0;border-bottom: 1px solid #efefef;overflow: hidden;background-color: #fff;height: 30px;line-height: 30px;padding: 8px 0px;}	
.leftarrow{float: left;width: 60px;height: auto;text-align: center;margin-top: 3px;}
.tags-span{font-size:16px !important;}
.tags-span1{color:#75acff !important;}
.tags-span2{color:#ffc467 !important;}
.tags-span3{color:#fd8667 !important;}
.tags-span4{color:#6bd2a1 !important;}
.tags-span5{color:#72d0e5 !important;}
.portrait-canvas{background: url('/Shared/tmpl/images/portraitbg.png');background-size:100% 100%;}
.prism-player{ margin:0 auto;}
.bg-color1{background:#75acff !important;}
.bg-color2{background:#ffc467 !important;}
.bg-color3{background:#fd8667 !important;}
.bg-color4{background:#6bd2a1 !important;}
.bg-color5{background:#72d0e5 !important;}
#voicetext{ display:none;}
.course_am_content{ background-color:#fff; margin-bottom:10px; overflow:hidden;}
.course_am_content .coursedes{color:#666; margin:10px 8px 10px 8px; text-align:left; font-size:12px; padding:0px 0;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.course-content{margin:0 auto; padding:10px 5px 10px 5px;text-align:left;font-size: 14px !important; line-height:24px;}
.radius8{-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.studycard{background-color:#fff; margin:15px 0px 10px 0px; overflow:hidden;padding:0px 10px 0px 10px}
.ancorrect{position:relative;}
.ancorrect i{background-image: url(/Shared/tmpl/images/qcorrect.png);display: inline-block;-webkit-background-size: 100%;background-size: 100%;width: 48px;height: 42px;background-position: 0px 0px; position:absolute; top:0px; left:4px;}
.buttonbox{padding:20px 10px; margin-bottom:0px !important;}
.video-box{ padding-top:10px;}
.resultface{text-align:center;margin:0px 0px 0px 0px; padding:20px 0px;}
.resultface i{background-image:url(/Shared/tmpl/images/resultface.png);display:inline-block;-webkit-background-size:100%;background-size:100%; width:200px; height:204px;}
.laugh i{background-position:0px -42px;margin-top:0px;}
.smile i{;background-position:0px -286px;margin-top:0px;}
.cry i{background-position:0px -530px;margin-top:0px;}
.weixinAudiomore{ margin-bottom:5px;}
.margin20{margin:20px 0px;}
.padtop20{ padding-top:20px;}
.padtop10{ padding-top:10px;}
.tablebox{margin: 0px 0px;background-color: #fff;border-bottom: 1px dashed #ccc;overflow: hidden;}
.tableitem{ width:33%;float: left; text-align:left; padding:5px 0 5px 0px;border-right:1px dashed #ccc;}
.tableitem .text{color: #909090; font-size:14px; padding:5px 0 0px 20px; text-align:left}
.tableitem .num{height:40px; text-align:left; padding-left:20px; line-height:40px;font-size:22px; color:#777;}
.tableitem .num span{font-size:14px; color:#999 !important; padding-left:3px;}
.tableitem:last-child{border-right:0px dashed #ccc;}
#titlebox .ctit {padding: 3px 0px;font-size: 20px;overflow: hidden;color:#666 !important;}
#titlebox .cstat{padding:0px 0px 5px 0px;color:#999;position:relative; line-height:21px; height:21px;}
.box .flex100{width:100%}
.box .flex50{width:50%}
.box .flex33{width:33%}
.box .flex25{width:25%}
.box .flex20{width:20%}

#exintopbox{width:100%;max-width:750px;background-color:#f0f0f0;display:block;min-height:36px}
#exintopbox .leftmain{margin-right:55px}
#exintopbox .title{padding:5px 0 5px 5px;font-size:16px;line-height:22px;overflow:hidden;font-weight:bold}
#exintopbox .rightmain{float:right;width:50px;text-align:right;color:gray;font-size:9px;padding:27px 5px 0 0;padding-top:0px;line-height:36px}


.navigation li .navitem{margin:0 auto 7px auto;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; font-size:20px; color:#fff;}
.navigation li.width1{width:100%;}.navigation li.width2{width:50%;}.navigation li.width3,.navigation li.width0{width:33%;}.navigation li.width4{width:25%;}.navigation li.width5{width:20%;}
.studynotes{padding:2px 5px;}
.course-title{position:relative;height:42px; line-height:21px;overflow:hidden;color:#494949 !important;font-size:16px;width:100%;display:block;overflow:hidden;margin:0px 0px 0 0px;padding:0px 0px 0px 10px}
.course-title{display: -webkit-box;-webkit-box-orient;text-overflow: ellipsis;overflow:hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.course-title a,.course-title a:visited,.course-title a:hover,.course-title a:link{color:#494949;}
.kwtext{padding:0;margin:0;text-indent:4px;width:100%;height:32px;line-height:32px;border:1px solid #eee !important;outline:0;color:#666;font-size:12px;font-family:'Microsoft YaHei';-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.kwsubmit{border-top-right-radius:4px;border-bottom-right-radius:4px;}

.borderbottom{border-bottom: 1px solid #eee;}
.common-btn{ position:relative;}
.span-btn span {color:#efefef;font-size:12px;line-height:normal;position:absolute;bottom: 2px;right:5px;}
.course-list .course-thumbnail{ position:relative;}
.course-list .course-thumbnail span{font-size: 0.2em;line-height: normal;position: absolute; top:3px;right:3px;}
.course-summary p{margin: 0px 0px 0px 10px;}
.studyhavepass {position:absolute; top:2px; left:-9px;font-size:36px !important;}
.dis-box{display: -webkit-box;display:-moz-box;display: -ms-box;display: box;}
.box-flex {-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1;display: block;width: 100%;}

#footermenu{width:100%;position:fixed;bottom:0px;max-width:750px;display:block;border-top:0px solid #f7f7f7; z-index:99999999;}
#footermenu ul{width:100%;display:-webkit-box;display:-moz-box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:220;border-top:1px solid #e7e7e7;background-color:#fff;display:-moz-box!important;display:-webkit-box!important;display:box!important;display:-moz-flex!important;display:-ms-flex!important;display:-ms-flexbox!important;display:flex!important}
#footermenu ul li{border:0px;height:45px;position:relative;float:left;margin:0px;padding:0px;-webkit-flex:1!important;text-align:center;box-flex:1;-ms-flex:1!important;flex:1!important;-webkit-flex:1!important}
#footermenu .amenu{font-size:9px;position:absolute;top:0;right:0;bottom:0px;left:0;color:#777}
#footermenu span[data-menu]{display:block;line-height:12px}

.course-list .course-body{margin-left:34.5%}
.margintop3{margin-top:3px;}

.pagebox{ background-color:#FFF; width:100%; float:left;}
.pagebox .pageitem{ width:auto; margin:10px 20px; clear:both;}
.pagebox .pageitem .title{ color:#333; font-weight: normal; font-size:14px; text-align:left; margin-left:31px;}
.pagebox .pageitem .num{width:31px; float:left;color:#333;  font-size:1.6em; text-align:left;}
/*.pagebox .pageanswer{ margin:15px 0px;font-size:1.4em; width:100%; clear:both;border-bottom: 1px #f0f0f0 dashed;}*/
.pagebox .pageanswer {clear: none;margin: 5px 0px;border-bottom: 0px;}
.pagebox .pageanswer div{line-height:35px;}
.pagebox .pageitem div span{ color:#666; margin-left:3px;}
.pagebox .pageitem div .add{ display:block; height:38px; line-height:38px; text-align:left}
.pagebtn,.pagebtn_gray{color: #fff ;font-size: 2.4em ;cursor: pointer;line-height: 88px; height: 88px; width: 88px ;min-width: 80px;text-align: center;background: #587291; margin-right:10px;}
.pagebtn_gray{background:none; background-color:#dedede;}
.pagenext,.pagenext_green{background: #fff repeat-x;border: 3px solid #dedede ;color: #dedede ;font-size:2.4em ;cursor: pointer;line-height: 49px; height: 49px; width: 100px ;min-width: 70px;text-align: center; -webkit-border-radius: 0.5em;border-radius: 0.5em; margin-top:0px;}
.pagenext_green{background: #587291;color: #fff ;border:0;}
.zzsc {margin: 5px auto 15px auto;width: 90%;}