body {
}
*{margin:0;padding:0;}
a,u,ul{
    text-decoration:none; 
}
li {
    list-style:none;
}
pre {
    white-space:pre-wrap; /*css-3*/
    white-space:-moz-pre-wrap; /*Mozilla,since1999*/
    white-space:-pre-wrap; /*Opera4-6*/
    white-space:-o-pre-wrap; /*Opera7*/
    word-wrap:break-word; /*InternetExplorer5.5+*/  
} 
pre{
    line-height:1.6em;
    color:#000;
    font-size:14px;
}
.sumpre{
    background-color:#FFF;
    width:100%;
    text-align:left;
    border-radius:6px;
    line-height:2em;
}
.clearfix::after {
   content: "\200B";
    display: block;
    height: 0;
    clear: both;
}
.levelmenus {
    list-style: none;
    white-space: nowrap; /*文本不会换行，文本会在在同一行上继续*/
    overflow-y: auto; /*可滑动*/
    margin: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.levelmenus li {
    /*width:20%;*/
    height: 1em;
    line-height: 1em;
    border-right: 1px solid #000;
    position: relative;
    display: inline-block; /*行内块元素*/
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}
.levelmenus li a {
    color: #000;
    display: block;
}

.levelmenus li.default a {
    color: #4CAF50;
    border-bottom: 3px solid #4CAF50; 
}
.levelmenus::-webkit-scrollbar {
    display: none;
}
.SliderBox { 
	white-space: nowrap; /*文本不会换行，文本会在在同一行上继续*/
	overflow-y: auto; /*可滑动*/
	/* margin: 0px;让ul的周围无间隙*/
	/* list-style: none;让li的黑点不显示*/
	/*让ul左右没有空隙*/
	padding-right: 0px; 
	padding-left: 0px; 
}
.SliderBox::-webkit-scrollbar {
	display: none;
}/*设置滚动条样式为无*/
.SliderBox li{
	position: relative;
	display: inline-block; /*行内块元素*/ 
	/*padding-left: 1em;
	padding-right: 1em;
	height: 3em;
	line-height: 3em;*/
	text-align: center;
}

.searchscope {
    list-style: none;
    white-space: nowrap; /*文本不会换行，文本会在在同一行上继续*/
    overflow-y: auto; /*可滑动*/
    margin: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.searchscope li {
    /*width:20%;*/
    height: 2em;
    line-height: 2em; 
    position: relative;
    display: inline-block; /*行内块元素*/
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.searchscope li a {
    color: #000;
    display: block;
    padding-left: 0.5em;
    padding-right: 0.5em;
} 
.searchscope li.default a {
    color: red;
    /*border-bottom: 3px solid #4CAF50;*/ 
    border-radius:12px;
    background-color:#dfdfdf; 
}
.searchscope::-webkit-scrollbar {
    display: none;
}

.div_input{  
    padding:5px 8px;
    border:1px solid #ddd;
}
.div_input:empty::before {
    content: attr(placeholder);
}
.headHomeActive{
    background-image:url(/root/content/skin/css/images/top_menu_home_active.png);
    background-position:center center;
    background-repeat:no-repeat;  
    background-size:70%;
    width:2em; 
}
.headHome{
    background-image:url(/root/content/skin/css/images/top_menu_home_gray.png);
    background-position:center center;
    background-repeat:no-repeat;  
    background-size:70%;
    width:2em; 
}
#PLEditor {
    height: 91px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
} 
#PLEditor:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.emoji_icon {
    width:20px;height:20px;
}
/**图片旋转动画样式*/ 
.rotateClass{ 
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
    -webkit-animation:play 14s linear infinite;
    -moz-animation:play 14s linear infinite;
    animation:play 14s linear infinite;
}
@-webkit-keyframes play{
    0%  { 
        -webkit-transform:rotateX(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg); 
    }
}
@-moz-keyframes play{
    0%  {
        -moz-transform:rotate(0deg); 
    }
    100% {
        -moz-transform:rotate(360deg); 
    }
}
@keyframes play {
    0% {
        transform: rotate(0deg);
    } 
    100% {
        transform: rotate(360deg);
    }
}
.ScopeSelect{
    text-align:center; 
}
.ScopeSelected{
    text-align:center;
    color:#ff0000;
    font-weight:bolder;
    background-color:#CCC;
    height:2em;
    line-height:2em;
    border-radius:16px;
}
.bgBlack {
    background-color:#000;
}
.bgBlack555 {
    background-color:#555;
}
.bgBlack333 {
    background-color:#333;
}
.bgMashBlack{
    background:rgba(0,0,0,0.3);
} 
.bgMashBlack06{
    background:rgba(0,0,0,0.6);
}
.bgMashGray{
    background:rgba(128,128,128,0.3);
}
.bgMashGray06{
    background:rgba(128,128,128,0.6);
}
.bgGrayLight{
    background-color:#dfdfdf; 
}
.bgGrayLightF4{
    background-color:#F4F4F4; 
}
.bgGreen{
    background-color:#4CAF50;
}
.bgWhite{
    background-color:#FFF;
}
.bgGray69 {
    background-color:#696969;
}

.fontColorGreen {
    color:#4CAF50;
}
.fontColorGreen199410{
    color:#199410;
}
.fontColorRed {
    color:#ff0000;
}
.fontColorBlue {
    color:#008CBA;
}
.fontColorGray808080{
    color:#808080;
}
.fontColorBlack555{
    color:#555;
}
/*按钮*/
.btn_green,.btn_blue,.btn_red,
.btn_gray,.btn_black,
.btn_greenline,.btn_blueline,.btn_redline,
.btn_grayline,.btn_blackline {
    display:block;
    border:1px solid #4CAF50;
    text-decoration:none;
	text-shadow:none !important;
	text-align:center; /*水平居中*/
	margin:0px auto; /*水平居中*/
	line-height:100%; /*垂直居中*/
	-webkit-border-radius:6px;
	border-radius:6px; 
}
.btn_green:hover,.btn_blue:hover,.btn_red:hover,
.btn_gray:hover,.btn_black:hover,
.btn_greenline:hover,.btn_blueline:hover,.btn_redline:hover,
.btn_grayline:hover,.btn_blackline:hover {
    opacity:.8;
}
.btn_green {
    background-color:#4CAF50;
    color:#FFF !important; 
}
.btn_blue {
    background-color:#008CBA;
    color:#FFF !important; 
}
.btn_red {
    background-color:#f44336;
	color:#FFF !important;
}
.btn_black {
    background-color:#555;
	color:#FFF !important;
}
.btn_green span,.btn_blue span,
.btn_red span,.btn_black span {
    color:#FFF !important;
}
.btn_gray {
    background-color:#e7e7e7;
	color:#555 !important; 
}
.btn_gray span {
    color:#555555 !important;
}
.btn_greenline {
    border:1px solid #4CAF50; 
}
.btn_greenline span{
    color:#4CAF50 !important; 
}
.btn_blueline {
    border:1px solid #008CBA;  
}
.btn_blueline span {
    color:#008CBA !important; 
}
.btn_redline{
    border:1px solid #f44336;
}
.btn_redline span{
    color:#f44336 !important; 
}
.btn_grayline {
    border:1px solid #dfdfdf;  
}
.btn_grayline span{
    color:#555 !important;
}
.btn_blackline {
    border:1px solid #555;
}
.btn_blackline span{
    color:#555 !important;
}

.input_noline{
    border:0;
    width:calc(100% - 2px);
}
.input_box_noleft{
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    border-right:1px solid #CCC; 
}
.input_labelbox_noright{
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    border-left:1px solid #CCC;
    padding-left:4px;
} 

.shuLine {
    width:2px;
}
.boxbottom8{
    border-bottom:8px solid #F4F4F4;
}
.boxbottom16{
    border-bottom:16px solid #F4F4F4;
}

.boxBottomLine{
    border-bottom:1px dashed #dfdfdf;
}
.boxTopLine{
    border-top:1px dashed #dfdfdf;
}
.boxBottomLineSolidDFDFDF{
    border-bottom:1px solid #dfdfdf;
}
.boxTopLineSolidDFDFDF{
    border-top:1px solid #dfdfdf;
}
.line_solid_f44336 {
    border:1px solid #f44336;
}
.line_top_solid {
    border-top:1px solid #CCC;
}
.line_bottom_solid {
    border-bottom:1px solid #CCC;
}
.headBox{
    width:100%;
    height:3em;
    background-color:#555;
}
.headBackImg{ 
    /*background-image:url(/root/content/skin/css/images/top_menu_back.png);
    background-position:left center;
    background-repeat:no-repeat;
    background-size:100% 50%;*/
    width:1.5em;
}
.headBackTitle{
    color:#FFF;
    width:3em;height:3em;line-height:1em;
}
.headTitle {
    color:#FFF;
    /*line-height:3em;*/
    text-align:center;
}
.headBlank4 {
    width:3em;
}
.headBlank5 {
    width:1.5em;
}
 
.bodyBox {
    width:100%;
    overflow-x:hidden;
    overflow-y:scroll;
    display:block;
    vertical-align:top; 
}
.mainPage {
    width:100%;
    height:100%;
    position:fixed;
    left:0px;top:0px;bottom:0px;  
    vertical-align:top;     
}

.footPage{
    width:100%;height:3em;
    position:fixed;
    left:0px; 
    bottom:0px;
    background-color:#FFF; 
}

.InputBoxFull{
    border-width:0px; 
    width:calc(100% - 0.5em);
    height:100%;
    padding-left:0.5em;  
}

.popPage{
    width:100%;
    height:100%;
    position:fixed;
    left:0px;top:0px;bottom:0px;  
    vertical-align:top; 
    display:none; 
}

.tableComm {
    width:100%; 
}
.tableCommLine {
    width:100%;
    border-bottom:1px dashed #dfdfdf; 
}
.tableCommSolidLine {
    width:100%;
    border-bottom:1px solid #dfdfdf; 
}
.BoxHeight {
    height:3em;
}
.height2 {
    height:2em;
}
.Line2{
    line-height:2em;
}
.height2Line{
    height:2em;
    line-height:2em;
}
.height3 {
    height:3em;
}
.Line3{
    line-height:3em;
}
.height3Line{
    height:3em;
    line-height:3em;
}
.height4 {
    height:4em;
}
.height4Line{
    height:4em;
    line-height:4em;
}
.Line4{
    line-height:4em;
}
.height5 {
    height:5em;
}
.height5Line{
    height:5em;
    line-height:5em;
}
.Line5{
    line-height:5em;
}

.height6 {
    height:6em;
}
.height6Line{
    height:6em;
    line-height:6em;
}
.Line6{
    line-height:6em;
}

.blankHeight05 {
    width:100%;height:0.5em;
}
.blankHeight1 {
    width:100%;height:1em;
}
.blankHeight2 {
    width:100%;height:2em;
}
.blankHeight3 {
    width:100%;height:3em;
}

.box50{
    width:50px;height:50px;
}
.box40{
    width:40px;height:40px;
}
.box28PersonImg {
    width:28px;height:28px;border-radius:50%;
}
.box2em{
    width:2em;height:2em;
}
.box4em{
    width:4em;height:4em;
}
.BoxCenter{
    text-align:center;
}
.textZH{
    word-wrap:break-word;word-break:break-all;overflow:hidden;
}
.MiniUserBox{
    color:#FFF;
    position:absolute;
    border:1px solid #008CBA;
    top:1em;left:1em
}
.MiniUserBoxHomeImg{
    background-image:url(/root/content/skin/css/images/top_menu_home_active.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:80%;
}
.MiniUserBoxTitle{
    background-color:#696969;
    padding-left:4px;
    padding-right:4px;
    font-size:12px;
    
}
.MiniUserBoxBigTitle{
    background-color:#696969;
    padding-left:8px;
    padding-right:8px;
    font-size:26px;
}
.MiniQROption{
    background-image:url(/root/content/skin/css/images/wxqrcode.png);
    background-repeat:no-repeat;
    background-size:100%;
    position:absolute;
    top:1em;
    right:1em;
}
.mybtnLecture{
    background-image:url(/root/content/skin/css/images/my_lesson.png); 
    background-repeat:no-repeat;
}
.mybtnLesson{
    background-image:url(/root/content/skin/css/images/my_lecture.png); 
    background-repeat:no-repeat;
}

.commDTYP {
    width:1.6em;height:1.6em;
}
.headSet {
    background-image:url(/root/content/skin/css/images/top_menu_set_gray.png); 
    background-position:center center;
    background-repeat:no-repeat;  
}
.headShare {
    background-image:url(/root/content/skin/css/images/top_menu_share.png); 
    background-position:center center;
    background-repeat:no-repeat; 
}

.coursewareBorderGray{
    border:1px solid #CCC; 
}
.coursewareBorderRed{
    border:1px solid #f44336;
} 
.BoxLanHeight {
    height:2em;
    line-height:2em;
    padding-left:1em;
} 
.tabs {
    list-style: none;
    white-space: nowrap; /*文本不会换行，文本会在在同一行上继续*/
    overflow-y: auto; /*可滑动*/
    margin: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
.tabs li {
    /*width:20%;*/
    height: 2.3rem;
    line-height: 2.3rem;
    border-right: 1px solid #e1e1e1;
    position: relative;
    display: inline-block; /*行内块元素*/
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}
.tabs li a {
    color: #333;
    display: block;
}
.tabs li.default a {
    color: #139dea;
    /*border-bottom: 1px solid #139dea;*/
}
.tabs::-webkit-scrollbar {
    display: none;
}
.QrcodePhone{ 
    height:2em; 
    width: 2em;
    /*border:1px solid #008CBA;*/
    /*background-color:#FFF;*/
    background-image:url(/root/content/skin/css/images/wxqrcode.png);
    background-repeat:no-repeat;  
    background-size:100%;
    background-position-y:center;
    z-index:10000;
}