body { font-size: 14px; line-height: 2.0; background: #fafafa !important; font-family: "微软雅黑", "宋体"; color: #05101a; height: 100%; position: relative; } html, body { height: 100%; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, span { margin: 0; padding: 0; } table, input, textarea, select, button { outline: none; border-radius: 3px; font-family: "微软雅黑", "宋体"; font-size: 14px; line-height: 1.9; border: 1px solid #eaeaea; background: #FFFFff; color: #05101A; } textarea { resize: none; } /*设置input框的placehoder的字体颜色*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #cccccc; } div, img, tr, td, table { border: 0; } a:link, a:visited { text-decoration: none; color: #05101a; } a:hover { color: #459be5; } ol, ul, li { list-style-type: none; } select:disabled, input:disabled { background-color: #EEEEEE; } /*万能清除浮动*/ .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .clearfix { clear: both; zoom: 1 } .cl { clear: both; overflow: hidden; } /*通用浮动*/ .fl { float: left !important; } .fr { float: right !important; } /*pre标签换行*/ .break-word { word-break: break-all; word-wrap: break-word; } .break-word-firefox { white-space: pre-wrap !important; word-break: break-all; } /*文字左右两端对齐*/ .justify { text-align: justify } .indent { text-indent: 2em; } .edu-name-dark { max-width: 100px; display: block; } .edu-info-dark { max-width: 345px; display: block; } .edu-max-h200 { height: 200px; overflow: auto; } .edu-h260 { height: 260px; } .edu-h270 { height: 270px; } .edu-h310 { height: 310px; } .edu-position { position: relative; } .edu-h200-auto { max-height: 200px; overflow: auto; } .edu-h300-auto { max-height: 300px; overflow: auto; } .edu-h350-auto { max-height: 350px; overflow: auto; } .edu-h280-auto { height: 280px; overflow: auto; } .edu-txt-w240 { width: 240px; display: block; } .edu-txt-w280 { width: 280px; display: block; } .edu-txt-w320 { width: 320px; display: block; } .edu-txt-w200 { width: 200px; display: block; } a.edu-txt-w280, .edu-txt-w280 { width: 280px; display: inline-block; text-align: center } a.edu-txt-w190, .edu-txt-w190 { width: 190px; display: inline-block; text-align: center } a.edu-txt-w160, .edu-txt-w160 { width: 160px; display: inline-block; text-align: center } a.edu-txt-w140, .edu-txt-w140 { width: 141px; display: inline-block; text-align: center } a.edu-txt-w130, .edu-txt-w130 { width: 130px; display: inline-block; text-align: center } a.edu-txt-w120, .edu-txt-w120 { width: 120px; display: inline-block; text-align: center } a.edu-txt-w100, .edu-txt-w100 { width: 100px; display: inline-block; text-align: center } a.edu-txt-w90, .edu-txt-w90 { width: 90px; display: inline-block; text-align: center } a.edu-txt-w80, .edu-txt-w80 { width: 80px; display: inline-block; text-align: center } /*超过隐藏*/ .overellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .task-hide { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .task-hide-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } /*隐藏*/ .none { display: none } .block { display: block; } .boxsizing { box-sizing: border-box } /*字体icon均为18px*/ .iconfont { font-size: 18px !important; } /*通用文字大小样式*/ .font-n { font-weight: normal !important; } .font-bd { font-weight: bold; } .font-n { font-weight: normal; } .font-12 { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14 { font-size: 14px !important; } .font-15 { font-size: 15px !important; } .font-16 { font-size: 16px !important; } .font-17 { font-size: 17px !important; } .font-18 { font-size: 18px !important; } .font-20 { font-size: 20px !important; } .font-22 { font-size: 22px !important; } .font-25 { font-size: 25px !important; } .font-24 { font-size: 24px !important; } .font-26 { font-size: 26px !important; } .font-28 { font-size: 28px !important; } .font-30 { font-size: 30px !important; } .font-32 { font-size: 32px !important; } .font-36 { font-size: 36px !important; } .font-50 { font-size: 50px !important; } .font-60 { font-size: 60px !important; } .font-70 { font-size: 70px !important; } /*a标签的下划线*/ a.decoration { text-decoration: underline } /*表单*/ .panel-form-label { display: inline-block; width: 10%; min-width: 90px; text-align: right; line-height: 40px; font-weight: normal; } /*通用内外边距*/ .mt-10 { margin-top: -10px; } .mt-3 { margin-top: -3px; } .mt0 { margin-top: 0px !important; } .mt1 { margin-top: 1px; } .mt2 { margin-top: 2px; } .mt3 { margin-top: 3px; } .mt4 { margin-top: 4px; } .mt5 { margin-top: 5px !important; } .mt6 { margin-top: 6px; } .mt7 { margin-top: 7px !important; } .mt8 { margin-top: 8px; } .mt9 { margin-top: 9px; } .mt10 { margin-top: 10px !important; } .mt12 { margin-top: 12px; } .mt13 { margin-top: 13px; } .mt14 { margin-top: 14px; } .mt15 { margin-top: 15px !important; } .mt16 { margin-top: 16px; } .mt17 { margin-top: 17px; } .mt18 { margin-top: 18px; } .mt20 { margin-top: 20px !important; } .mt22 { margin-top: 22px !important; } .mt23 { margin-top: 23px !important; } .mt24 { margin-top: 24px !important; } .mt25 { margin-top: 25px; } .mt28 { margin-top: 28px; } .mt30 { margin-top: 30px !important; } .mt34 { margin-top: 34px !important; } .mt35 { margin-top: 35px !important; } .mt36 { margin-top: 36px !important; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt46 { margin-top: 46px; } .mt50 { margin-top: 50px; } .mt56 { margin-top: 56px; } .mt60 { margin-top: 60px; } .mt70 { margin-top: 70px; } .mt80 { margin-top: 80px; } .mt95 { margin-top: 95px; } .mt100 { margin-top: 100px; } .mt110 { margin-top: 110px; } .mt120 { margin-top: 120px; } .mt130 { margin-top: 130px; } .mt140 { margin-top: 140px; } .mt150 { margin-top: 150px; } .mt160 { margin-top: 160px; } .mb0 { margin-bottom: 0px !important; } .mb3 { margin-bottom: 3px; } .mb5 { margin-bottom: 5px; } .mb7 { margin-bottom: 7px; } .mb10 { margin-bottom: 10px; } .mb11 { margin-bottom: 11px; } .mb14 { margin-bottom: 14px; } .mb15 { margin-bottom: 15px; } .mb16 { margin-bottom: 16px; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px; } .mb26 { margin-bottom: 26px; } .mb28 { margin-bottom: 28px; } .mb30 { margin-bottom: 30px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } .mb60 { margin-bottom: 60px !important; } .mb70 { margin-bottom: 70px !important; } .mb80 { margin-bottom: 80px !important; } .mb90 { margin-bottom: 90px !important; } .mb100 { margin-bottom: 100px !important; } .mb110 { margin-bottom: 110px; } .ml-3 { margin-left: -3px; } .ml1 { margin-left: 1px; } .ml2 { margin-left: 2px; } .ml3 { margin-left: 3px; } .ml4 { margin-left: 4px; } .ml5 { margin-left: 5px; } .ml6 { margin-left: 6px; } .ml10 { margin-left: 10px; } .ml12 { margin-left: 12px !important; } .ml13 { margin-left: 13px !important; } .ml15 { margin-left: 15px; } .ml18 { margin-left: 18px; } .ml20 { margin-left: 20px; } .ml22 { margin-left: 22px; } .ml25 { margin-left: 25px; } .ml29 { margin-left: 29px; } .ml30 { margin-left: 30px; } .ml33 { margin-left: 33px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 40px; } .ml42 { margin-left: 42px; } .ml45 { margin-left: 45px; } .ml50 { margin-left: 50px; } .ml55 { margin-left: 55px; } .ml60 { margin-left: 60px; } .ml72 { margin-left: 72px; } .ml73 { margin-left: 73px; } .ml75 { margin-left: 75px; } .ml80 { margin-left: 80px; } .ml85 { margin-left: 85px; } .ml95 { margin-left: 95px; } .ml115 { margin-left: 115px } .ml123 { margin-left: 123px; } .ml150 { margin-left: 150px; } .ml180 { margin-left: 180px; } .ml230 { margin-left: 230px; } .ml240 { margin-left: 240px; } .ml250 { margin-left: 250px; } .ml290 { margin-left: 290px; } .mr3 { margin-right: 3px } .mr4 { margin-right: 4px } .mr5 { margin-right: 5px; } .mr8 { margin-right: 8px; } .mr10 { margin-right: 10px; } .mr12 { margin-right: 12px !important; } .mr15 { margin-right: 15px; } .mr18 { margin-right: 18px; } .mr20 { margin-right: 20px; } .mr24 { margin-right: 24px; } .mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; } .mr35 { margin-right: 35px; } .mr40 { margin-right: 40px; } .mr45 { margin-right: 45px; } .mr50 { margin-right: 50px; } .mr60 { margin-right: 60px; } .mr70 { margin-right: 70px; } .mr75 { margin-right: 75px; } .mr80 { margin-right: 80px; } .mr90 { margin-right: 90px; } .mr100 { margin-right: 100px; } .mr110 { margin-right: 110px; } .mr350 { margin-right: 350px; } .ml61 { margin-left: 61px; } .pt1 { padding-top: 1px; } .pt3 { padding-top: 3px !important; } .pt5 { padding-top: 5px !important; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt17 { padding-top: 17px; } .pt20 { padding-top: 20px !important; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px; } .pt35 { padding-top: 35px; } .pt37 { padding-top: 37px; } .pt40 { padding-top: 40px; } .pt47 { padding-top: 47px; } .pt49 { padding-top: 49px; } .pt50 { padding-top: 50px; } .pt60 { padding-top: 60px; } .pt70 { padding-top: 70px; } .pt80 { padding-top: 80px; } .pt90 { padding-top: 90px; } .pt100 { padding-top: 100px; } .pt110 { padding-top: 110px; } .pt120 { padding-top: 120px; } .pt130 { padding-top: 130px; } .pb3 { padding-bottom: 3px !important; } .pb5 { padding-bottom: 5px !important; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 20px; } .pb25 { padding-bottom: 20px; } .pb28 { padding-bottom: 28px; } .pb30 { padding-bottom: 30px; } .pb35 { padding-bottom: 35px; } .pb40 { padding-bottom: 40px; } .pb47 { padding-bottom: 47px; } .pb50 { padding-bottom: 50px; } .pb60 { padding-bottom: 60px; } .pb70 { padding-bottom: 70px; } .pb80 { padding-bottom: 80px; } .pb90 { padding-bottom: 90px; } .pb100 { padding-bottom: 100px; } .pb110 { padding-bottom: 110px; } .pb155 { padding-bottom: 155px; } .pr2 { paddding-right: 2px; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px !important; } .pr30 { padding-right: 30px !important; } .pr35 { padding-right: 35px !important; } .pr42 { padding-right: 42px; } .pr45 { padding-right: 45px; } .pr48 { padding-right: 48px; } .pr57 { padding-right: 57px; } .pr60 { padding-right: 60px; } .pr70 { padding-right: 70px; } .pr72 { padding-right: 72px; } .pr75 { padding-right: 75px; } .pr88 { padding-right: 88px; } .pl0 { padding-left: 0px !important; } .pl2 { padding-left: 2px; } .pl5 { padding-left: 5px; } .pl7 { padding-left: 7px; } .pl8 { padding-left: 8px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl22 { padding-left: 22px; } .pl25 { padding-left: 25px; } .pl28 { padding-left: 28px; } .pl30 { padding-left: 30px !important; } .pl33 { padding-left: 33px } .pl35 { padding-left: 35px; } .pl40 { padding-left: 40px; } .pl42 { padding-left: 42px; } .pl45 { padding-left: 45px; } .pl50 { padding-left: 50px; } .pl60 { padding-left: 60px; } .pl70 { padding-left: 70px; } .pl75 { padding-left: 75px; } .pl80 { padding-left: 80px; } .pl88 { padding-left: 88px; } .pl92 { padding-left: 92px; } .pl100 { padding-left: 100px; } .pr2 { paddding-right: 2px; } .pr5 { padding-right: 5px; } .pr7 { padding-right: 7px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; } .pr30 { padding-right: 30px !important; } .pr40 { padding-right: 40px; } .pr42 { padding-right: 42px; } .pr45 { padding-right: 45px; } .pr60 { padding-right: 60px; } .pr75 { padding-right: 75px; } .padding5-10 { padding: 5px 10px; box-sizing: border-box } .padding5-20 { padding: 5px 20px; box-sizing: border-box } .padding10 { padding: 10px; box-sizing: border-box } .padding15 { padding: 15px; box-sizing: border-box } .padding20 { padding: 20px; box-sizing: border-box } .padding10-20 { padding: 10px 20px; box-sizing: border-box } .padding10-15 { padding: 10px 15px; box-sizing: border-box } .padding10-25 { padding: 10px 25px; box-sizing: border-box } .padding10-30 { padding: 10px 30px; box-sizing: border-box } .padding15-20 { padding: 15px 20px; box-sizing: border-box } .padding15-25 { padding: 15px 25px; box-sizing: border-box } .padding20-40 { padding: 20px 40px; box-sizing: border-box } .padding20-30 { padding: 20px 30px; box-sizing: border-box } .padding20-15 { padding: 20px 15px; box-sizing: border-box } .padding20-10 { padding: 20px 10px; box-sizing: border-box } .padding30 { padding: 30px; box-sizing: border-box } .padding30-20 { padding: 30px 20px; box-sizing: border-box } .padding30-40 { padding: 30px 40px; box-sizing: border-box } .padding40 { padding: 40px; box-sizing: border-box } .padding40-30 { padding: 40px 30px; box-sizing: border-box } .padding40-20 { padding: 40px 20px; box-sizing: border-box } .margin10 { margin: 10px; } .margin15 { margin: 15px; } .margin20 { margin: 20px; } /*行高*/ .lineh-12 { line-height: 12px !important; } .lineh-15 { line-height: 15px !important; } .lineh-17 { line-height: 17px !important; } .lineh-20 { line-height: 20px !important; } .lineh-24 { line-height: 24px !important; } .lineh-25 { line-height: 25px !important; } .lineh-30 { line-height: 30px !important; } .lineh-35 { line-height: 35px !important; } .lineh-40 { line-height: 40px !important; } /*pre标签换行*/ .break_word { word-break: break-all; word-wrap: break-word; } .break_word_firefox { white-space: pre-wrap !important; word-break: break-all; } /*定位*/ .pr { position: relative } .df { display: flex; display: -webkit-flex; display: -ms-flex; } .flex1 { flex: 1; } /*去掉IE input框输入时自带的清除按钮*/ input::-ms-clear { display: none; } /*自定义滚动条宽度*/ ::-webkit-scrollbar { width: 7px; height: 10px; background-color: #F5F5F5; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #dadada; } .newContainer { min-height: 100%; height: auto !important; height: 100%; /*IE6不识别min-height*/ position: relative; } .educontent { width: 1200px; margin: 0px auto; box-sizing: border-box } /*中间部分宽度固定为1200*/ .newMain { margin: 0 auto; padding-bottom: 235px; min-width: 1200px; } /*padding-bottom根据底部的高度而定*/ .newMain { padding-bottom: 124px !important; } /*高度*/ .height-100 { height: 100%; } /*文本位置*/ .edu-txt-center { text-align: center !important; } .edu-txt-left { text-align: left !important; } .edu-txt-right { text-align: right !important; } /*背景颜色*/ .edu-back-white { background-color: #FFFFff; } .edu-back-greyf5 { background-color: #f5f5f5 !important; } .edu-back-skyblue { background: #F4FAFF; } .edu-back-blue { background-color: #459be6 !important; } .edu-back-blue-txt { background-color: #F7FBFF !important; } .edu-bg-light-blue { background: #f7f9fd; padding: 5px; } /*发送实训弹框*/ /*常用字体*/ /*红色*/ .color-red { color: #FF0000 !important; } /*白色*/ .color-white { color: #ffffff !important; } /*黑色*/ .color-dark { color: #05101a !important; } .color-ooo { color: #000 !important; } /*灰色*/ .color-grey-name { color: #1A0B00 !important; } .color-grey-fa { color: #FAFAFA !important; } .color-grey-3 { color: #333 !important; } .color-grey-eb { color: #EBEBEB !important; } .color-grey-c { color: #ccc !important; } .color-grey-cd { color: #cdcdcd !important; } .color-grey-9 { color: #999999 !important; } .color-grey-98 { color: #989898 !important; } .color-grey-8 { color: #888 !important; } .color-grey-6 { color: #666 !important; } .color-grey-4d { color: #4d4d4d !important; } .color-grey-B2 { color: #B2B2B2 !important; } .color-grey-B3 { color: #B3B3B3 !important; } .color-grey-B4 { color: #B4B4B4 !important; } .color-grey-74 { color: #747A7F !important; } a.color-grey-name:hover, a.color-dark:hover, a.color-grey-6:hover, a.color-grey-3:hover { color: #4cacff !important; } a.color-grey-9:hover, a.color-grey-8:hover, a.color-grey-c:hover { color: #111C24 !important; } /*蓝色*/ .color-blue { color: #4CACFF !important; } /*主*/ .color-blue_4C { color: #4CACFF !important; } a.color-blue:hover, a.color-blue_4C:hover { color: #459BE6 !important; } /*橙色*/ .color-orange { color: #ff6800 !important; } /*辅助文字*/ .color-orange-tip { color: #FF954C !important; } /*提示文字*/ .color-orange-tips { color: #FF8204 !important; } /*提示文字*/ a.color-orange:hover, a.color-orange-tip:hover { color: #F06200 !important; } /*黄色*/ .color-yellow { color: #EFC003 !important; } .color-yellow-ff { color: #FFA800 !important } /*绿色*/ .color-green { color: #29BD8B !important; } a.color-green:hover { color: #28AC7F !important; } /*红色*/ .color-red-dd { color: #DD1717 !important; } a.color-red-dd:hover { color: #C61616 !important; } /*圆角*/ .radius { border-radius: 50%; } .radius4 { border-radius: 4px; } .radius2 { border-radius: 2px; } /*绿色圆形--例如:实训路径详情的编辑icon的背景*/ .ring-green { width: 18px; height: 18px; display: block; border-radius: 50%; background-color: #29BD8B; text-align: center; } .ring-op-green { width: 18px; height: 18px; display: block; border-radius: 50%; background-color: rgba(41, 189, 139, 0.6); text-align: center; } .ring-grey { width: 18px; height: 18px; line-height: 18px; display: block; border-radius: 50%; background-color: rgba(204, 204, 204, 0.5); text-align: center; } .ring-blue { width: 18px; height: 18px; display: block; border-radius: 50%; background-color: #4CACFF; text-align: center; } .ring-orange { background-color: #FF6800; display: block; padding: 0px 3px; height: 18px; box-sizing: border-box; min-width: 18px; text-align: center; line-height: 18px; border-radius: 50%; color: #fff; font-size: 12px; } /*左侧label内容右对齐*/ .label-right { min-width: 75px; text-align: right; height: 35px; line-height: 35px; float: left; } /*输入框样式---------宽度为百分比*/ .input-flex-30 { flex: 1; height: 30px; padding: 5px; box-sizing: border-box; } .input-flex-35 { flex: 1; height: 35px; padding: 5px; box-sizing: border-box; } .input-flex-40 { flex: 1; height: 40px; padding: 5px; box-sizing: border-box; } .input-100-35 { width: 100%; height: 35px; padding: 5px; box-sizing: border-box; } .input-100-40 { width: 100%; height: 40px; padding: 5px; box-sizing: border-box; } .input-100-45 { width: 100%; height: 45px; padding: 5px; box-sizing: border-box; } .input-90-35 { width: 90%; height: 35px; padding: 5px; box-sizing: border-box; } .input-60-40 { width: 60%; height: 40px; padding: 5px; box-sizing: border-box; } .input-60-35 { width: 60%; height: 35px; padding: 5px; box-sizing: border-box; } .input-50-35 { width: 50%; height: 35px; padding: 5px; box-sizing: border-box; } .input-50-40 { width: 50%; height: 40px; padding: 5px; box-sizing: border-box; } .input-50-45 { width: 50%; height: 45px; padding: 5px; box-sizing: border-box; } .input-48-45 { width: 48%; height: 45px; padding: 5px; box-sizing: border-box; } /*输入框为灰色背景,获取焦点时背景变白色*/ .greyInput { background-color: #F5F5F5; outline: none } .greyInput:focus { background-color: #fff; border: 1px solid #ddd; } /*输入框样式---------宽度为固定长度*/ .winput-240-45 { width: 240px; height: 45px; padding: 5px; box-sizing: border-box; } .winput-240-40 { width: 240px; height: 40px; padding: 5px; box-sizing: border-box; } .winput-240-35 { width: 240px; height: 35px; padding: 5px; box-sizing: border-box; } .winput-240-30 { width: 240px; height: 30px; padding: 5px; box-sizing: border-box; } .winput-190-45 { width: 190px; height: 45px; padding: 5px; box-sizing: border-box; } .winput-200-35 { width: 200px; height: 35px; padding: 5px; box-sizing: border-box; } .winput-120-40 { width: 120px; height: 40px; padding: 5px; box-sizing: border-box; } .winput-120-35 { width: 120px; height: 35px; padding: 5px; box-sizing: border-box; } .winput-120-30 { width: 120px; height: 30px; padding: 5px; box-sizing: border-box; } .winput-115-40 { width: 115px; height: 40px; padding: 5px; box-sizing: border-box; } .winput-90-40 { width: 90px; height: 40px; padding: 5px; box-sizing: border-box; } .winput-90-35 { width: 90px; height: 35px; padding: 5px; box-sizing: border-box; } .winput-240-100 { width: 240px; height: 100px; padding: 5px; box-sizing: border-box; } /*输入框样式---------高度固定*/ .winput-90-100 { width: 90%; height: 100px; padding: 5px; box-sizing: border-box; } .winput-100-130 { width: 100%; height: 130px; padding: 5px; box-sizing: border-box; } .winput-100-150 { width: 100%; height: 150px; padding: 5px; box-sizing: border-box; } .winput-100-200 { width: 100%; height: 200px; padding: 5px; box-sizing: border-box; } .winput-90-100 { width: 90%; height: 100px; padding: 5px; box-sizing: border-box; } /*百分比宽度*/ .width100 { width: 100%; } .width90 { width: 90%; } .width89 { width: 89%; } .width80 { width: 80%; } .width70 { width: 70%; } .width60 { width: 60%; } .width50 { width: 50%; } .width40 { width: 40%; } .width30 { width: 30%; } .width20 { width: 20%; } .width15 { width: 15%; } .width10 { width: 10%; } /*固定大小的宽度*/ .wid100 { width: 100px; display: block } .wid120 { width: 120px; display: block } .wid90 { min-width: 90px !important; display: block } a.edu-txt-w280, .edu-txt-w280 { width: 280px; display: inline-block; text-align: center } a.edu-txt-w200, .edu-txt-w200 { width: 200px; display: inline-block; text-align: center } a.edu-txt-w190, .edu-txt-w190 { width: 190px; display: inline-block; text-align: center } a.edu-txt-w160, .edu-txt-w160 { width: 160px; display: inline-block; text-align: center } a.edu-txt-w140, .edu-txt-w140 { width: 141px; display: inline-block; text-align: center } a.edu-txt-w130, .edu-txt-w130 { width: 130px; display: inline-block; text-align: center } a.edu-txt-w120, .edu-txt-w120 { width: 120px; display: inline-block; text-align: center } a.edu-txt-w100, .edu-txt-w100 { width: 100px; display: inline-block; text-align: center } a.edu-txt-w90, .edu-txt-w90 { width: 90px; display: inline-block; text-align: center } a.edu-txt-w80, .edu-txt-w80 { width: 80px; display: inline-block; text-align: center } a.edu-txt-w40, .edu-txt-w40 { width: 40px; display: inline-block; text-align: center } /*最小高度*/ .minH-40 { min-height: 490px; } .minH-280 { min-height: 280px; } .minH-400 { min-height: 400px; } .minH-440 { min-height: 440px; } .minH-500 { min-height: 500px; } .minH-560 { min-height: 560px; } /*超出高度出现滚动条--纵向*/ .over260 { max-height: 260px; overflow-y: auto } .over210 { height: 210px; overflow-y: auto } .over280 { height: 280px; overflow-y: auto } .over170 { min-height: 170px; max-height: 170px; overflow-y: auto } /*---------------tab公用边框-----------------*/ .border-bottom-orange { border-bottom: 2px solid #FC7033 !important; } .bor-bottom-orange { border-bottom: 1px solid #FF9e6a !important; } .bor-bottom-greyE { border-bottom: 1px solid #EEEEEE !important; } .bor-left-greyE { border-left: 1px solid #EEEEEE !important; } .bor-top-greyE { border-top: 1px solid #EEEEEE !important; } .bor-right-greyE { border-right: 1px solid #EEEEEE !important; } .bor-left-greyC { border-left: 1px solid #CCC !important; } .bor-top-greyC { border-top: 1px solid #CCC !important; } /*---------------边框-----------------*/ .bor-gray-c { border: 1px solid #ccc; } .bor-grey-e { border: 1px solid #eee; } .bor-grey-d { border: 1px solid #ddd; } .bor-grey01 { border: 1px solid #E6EAEB; } .bor-orange { border: 1px solid #FF7500; } .bor-blue { border: 1px solid #5faee3; } .bor-red { border: 1px solid #db0505 !important; } .bor-none { border: none; } .bor-outnone { outline: none; border: 0px; } a.decoration { text-decoration: underline !important; } /*下拉菜单*/ .edu-menu-panel { position: relative; cursor: pointer } .edu-menu-list { position: absolute; padding: 5px 0px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2); display: none; width: 120px; background: #FFFFff; right: -5px; border-radius: 0px 0px 4px 4px; color: #05101a; font-size: 14px; z-index: 9 } .edu-menu-list li { width: 100%; padding: 0px 15px; box-sizing: border-box; height: 35px; line-height: 35px; cursor: pointer; } .edu-menuSmall-list { position: absolute; padding: 5px 0px; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2); display: none; width: 100px; background: #FFFFff; right: -5px; border-radius: 0px 0px 4px 4px; color: #05101a; font-size: 14px; z-index: 9 } .edu-menuSmall-list li { width: 100%; padding: 0px 10px; box-sizing: border-box; height: 30px; line-height: 30px; cursor: pointer; font-size: 12px; } .edu-menu-list li a, .edu-menuSmall-list li a { width: 100%; height: 100%; display: block; color: #323232; } .edu-menu-panel:hover i, .edu-menu-panel:hover { color: #4cacff; } .edu-menu-panel:hover .edu-menu-list, .edu-menu-panel:hover .edu-menuSmall-list { display: block } .edu-menu-list li:hover, .edu-menuSmall-list li:hover { background: #4CACFF; } .edu-menu-list li:hover a, .edu-menuSmall-list li:hover a { color: #fff !important; } .currentName { display: block; width: 100%; padding: 0px 15px; height: 40px; line-height: 40px; font-size: 16px; box-sizing: border-box; cursor: default } .ul-leftline:after { position: absolute; top: 0px; content: ""; width: 1px; background-color: #eee; height: 100%; right: 0px; } .overPart { width: 240px; height: 30px; position: absolute; right: 0; top: -27px; background: transparent; } /*滑块验证*/ .drag_slider { position: relative; background-color: #e8e8e8; width: 100%; height: 45px; color: #999999; line-height: 45px; text-align: center; border-radius: 4px; } .drag_slider .handler { border-radius: 4px 0px 0px 4px; position: absolute; top: 0px; left: 0px; width: 50px; height: 43px; border: 1px solid #eee; cursor: move; } .handler_bg { background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center; } .handler_ok_bg { background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center; } .drag_slider .drag_bg { background-color: #29bd8b; height: 45px; width: 0px; } .drag_slider .drag_text { border-radius: 4px 0px 0px 4px; position: absolute; top: 0px; width: 100%; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select: none; -ms-user-select: none; } /*tip公共样式的设置:*/ .-task-title { opacity: 0; position: absolute; left: 0; top: 0; display: none; z-index: 100000; } /*1*/ .data-tip-down, .data-tip-left, .data-tip-right, .data-tip-top { position: relative; box-shadow: 0px 0px 8px #000; background: #000; color: #fff; max-width: 300px; /*2*/ word-wrap: break-word; text-align: center; border-radius: 4px; padding: 0 10px; border: 1px solid #000; display: none; } /*3*/ .data-tip-down:after, .data-tip-down:before, .data-tip-left:before, .data-tip-right:before, .data-tip-left:after, .data-tip-right:after, .data-tip-top:after, .data-tip-top:before { /*4*/ position: absolute; content: ''; width: 0; height: 0; } /*5*/ .data-tip-down:after, .data-tip-down:before { left: 45%; top: -10px; /*6*/ border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #000; } /*7*/ .data-tip-down:before { top: -11px; border-bottom: 10px solid #000; } /*8*/ .data-tip-left:after, .data-tip-left:before { left: -10px; top: 50%; margin-top: -5px; /*9*/ border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #000; } /*10*/ .data-tip-left:before { left: -12px; border-right: 10px solid #000; } /*11*/ .data-tip-right:after, .data-tip-right:before { right: -10px; top: 50%; margin-top: -5px; /*12*/ border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #000; } /*13*/ .data-tip-right:before { right: -10px; border-left: 10px solid #000; } /*14*/ .data-tip-top:after, .data-tip-top:before { left: 45%; bottom: -10px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #000; } .data-tip-top:before { bottom: -11px; } /*左右两栏排列、固定左右宽度----------ul*/ ul.abouttable { margin: 0px auto; width: 440px; } ul.abouttable li { width: 100%; } ul.abouttable li .rz-label { min-width: 150px; height: 45px; line-height: 45px; text-align: right; color: #adadad; } ul.abouttable li .second-label { min-width: 150px; height: 40px; line-height: 40px; text-align: right; color: #adadad; } ul.abouttable li .minh-label { min-width: 150px; height: 28px; line-height: 28px; text-align: right; color: #adadad; } /* table--------------------------------*/ /* table-1底部边框 */ .edu-pop-table { width: 100%; border: 1px solid #eee; border-bottom: none; background: #fff; color: #888; cursor: default } .edu-pop-table tr { height: 40px; } .edu-pop-table tr.edu-bg-grey { background: #f5f5f5; } .edu-txt-center { text-align: center; } .edu-txt-left { text-align: left; } .edu-txt-right { text-align: right; } .edu-pop-table tr th { color: #333; border-bottom: 1px solid #eee; } .edu-pop-table tr td { border-bottom: 1px solid #eee; } .edu-pop-table.table-line tr td, .edu-pop-table.table-line tr th { border-right: 1px solid #eee; } .edu-pop-table.table-line tr td:last-child, .edu-pop-table.table-line tr th:last-child { border-right: none; } /*th行有背景颜色且table无边框*/ .edu-pop-table.head-color thead tr { background: #fafbfb } .edu-pop-table.head-color { border: none } .edu-pop-table.head-color tr:last-child td { border: none } /*--表格行间隔背景颜色-*/ .edu-pop-table.interval-td { border-bottom: 1px solid #eee; } .edu-pop-table.interval-td thead tr { background: #fafbfb } .edu-pop-table.interval-td tbody tr:nth-child(even) { background: #fafbfb } .edu-pop-table.interval-td tbody tr td { border: none } /*--表格行间隔背景颜色(th也没有边框)-*/ .edu-pop-table.interval-all { border: none; border-bottom: 1px solid #eee; } .edu-pop-table.interval-all thead th { border: none } .edu-pop-table.interval-all thead tr { background: #fafbfb } .edu-pop-table.interval-all tbody tr:nth-child(even) { background: #fafbfb } .edu-pop-table.interval-all tbody tr td { border: none; padding: 5px 0px } /*--表格行移入背景颜色-*/ .edu-pop-table.hover-td tbody tr:hover { background: #EFF9FD } /*悬浮颜色为天蓝色*/ .edu-pop-table.hover-td_1 tbody tr:hover { background: #FCF2EC } /*悬浮颜色为浅橙色*/ /* table-2全边框 */ .edu-pop-table-all { width: 100%; border: 1px solid #eee; background: #fff; color: #888; border-collapse: collapse } .edu-pop-table-all tr { height: 30px; } .edu-pop-table-all tr.edu-bg-grey { background: #f5f5f5; } .edu-pop-table-all tr th { color: #333; border: 1px solid #eee; } .edu-pop-table-all tr td { border: 1px solid #eee; padding: 5px } /*table无边框、无背景颜色*/ .allNone { background: none !important; cursor: default; border-bottom: none !important; } .allNone tr { height: 30px !important; } /*数据为空公共页面*/ img.edu-nodata-img { width: 300px; margin: 50px auto 20px; display: block; width: 128px; } /* 不能加 padding-left: 18px; 会影响其他地方的居中 */ .edu-nodata-p { font-size: 20px; text-align: center; color: #999; border-bottom: none !important; box-sizing: border-box; } /*输入为空或者错误的提示*/ .input-none { box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); } .notice { height: 25px; margin-left: 150px; } .input-none+.notice span { display: block } /*列表里菜单icon移入*/ .edu-position-hide { position: absolute; top: 15px; left: -20px; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); background: #fff; z-index: 1001; padding: 5px 0; z-index: 999999; } .edu-position-hide li a { display: inline-block; height: 30px; width: 100px; line-height: 30px; text-align: center; font-size: 12px !important; } .edu-position-hide li a:hover { background: #F1F1F1; color: #05101A; } .edu-position-hidebox i { color: #bcbcbc; } .edu-position-hidebox i:hover { color: #4CACFF; } .edu-position-hidebox a { color: #05101A; } .edu-position-hidebox:hover .edu-position-hide { display: block; } /*搜索(灰色背景、点击变白色)*/ .seekPanel>input { width: 100%; height: 30px; line-height: 30px; background-color: #f4f4f4; border: 1px solid #eaeaea; padding: 0px 30px 0px 5px; box-sizing: border-box; outline: none; } .seekPanel>input:focus { background-color: #fff; } .seekPanel>i { position: absolute; right: 7px; top: -1px; } /*-------------------------------------------公用按钮:以white-btn(或者edu-default-btn无padding)为基础,宽度和高度可以用padding填充,颜色用edu-color-btn,begin-----------------------------------------*/ /*按钮*/ /*默认按钮*/ /*长条形按钮*/ .default_btn { display: block; border-radius: 5px; background: #f4f4f4; color: #cfcfcf !important; text-align: center; width: 102px; box-sizing: border-box } /*正常按钮*/ .white-btn { text-align: center; cursor: pointer; display: inline-block; padding: 0px 8px; border: 1px solid #ccc; color: #666; letter-spacing: 1px; font-size: 14px; height: 26px; line-height: 26px; border-radius: 3px; } a.white-btn.orange-btn { border: 1px solid #FF7500; color: #FF7500 !important; } a.white-btn.orange-btn:hover { border: 1px solid #F06200; color: #F06200 !important; } .defalutGreyBorder { display: block; padding: 0px 10px; border: 1px solid #ccc; height: 30px; line-height: 30px; border-radius: 4px; } a.task-btn { cursor: pointer; display: inline-block; border: none; padding: 0 12px; color: #fff; background: #CDCDCD !important; letter-spacing: 1px; text-align: center; font-size: 14px; height: 30px; line-height: 30px; border-radius: 2px; font-weight: 400; } /*最新按钮:以个人主页为例-------------因高度和宽度都已经固定,后续不再支持使用,*/ .user_default_btn { cursor: pointer; font-size: 14px; display: block; width: 120px; text-align: center; height: 40px; line-height: 40px !important; border-radius: 4px; box-sizing: border-box } .user_orange_btn { color: #fff !important; background-color: #FF6800; } /*橙色签到按钮*/ .user_orange_btn:hover { background-color: #F06200; } .user_grey_btn { color: #fff !important; background-color: #CCCCCC; cursor: default } /*灰色已经签到按钮*/ .user_private_btn { color: #646464 !important; background-color: #fff; border: 1px solid #989898 } /*灰色私信、互相关注按钮*/ .user_private_btn:hover { color: #B2B2B2 !important; border: 1px solid #B2B2B2; } .btn_auto { border-radius: 5px; background: #fff; padding: 0px 18px; } /*可共用按钮,需添加padding或者边框*/ .edu-default-btn { display: block; border-radius: 4px; } a.edu-focus-btn { padding: 0px 10px; height: 30px; line-height: 30px; border: 1px solid #b2b2b2; color: #b2b2b2 !important; } a.edu-focus-btn:hover { border: 1px solid #666; color: #666 !important; } a.edu-greenback-btn { padding: 0px 10px; background: #29BD8B; color: #fff !important; border: 1px solid #29BD8B; } a.edu-greenline-btn { padding: 0px 10px; color: #29BD8B !important; border: 1px solid #29BD8B; } a.edu-greenback-btn:hover { background-color: #28AC7F; } a.edu-greenline-btn:hover { border: 1px solid #28AC7F; color: #28AC7F !important; } a.edu-blueback-btn { padding: 0px 10px; background: #4CACFF; color: #fff !important; border: 1px solid #4CACFF; } a.edu-blueline-btn { padding: 0px 10px; color: #4CACFF !important; border: 1px solid #4CACFF; } a.edu-blueback-btn:hover { background-color: #459BE6; } a.edu-blueline-btn:hover { border: 1px solid #459BE6; color: #459BE6 !important; } a.edu-orangeback-btn { background-color: #ff7500; color: #fff !important; border: 1px solid #FF7500 } a.edu-orangeback-btn:hover { background-color: #F06200; } a.edu-orangeline-btn { color: #FF7500 !important; border: 1px solid #FF7500 } a.edu-orangeline-btn:hover { color: #F06200 !important; border: 1px solid #F06200 } a.edu-greyback-btn { padding: 0px 10px; background: #CCCCCC; color: #fff !important; border: 1px solid #CCCCCC; } a.edu-greyback-btn:hover { background-color: #B2B2B2; } a.edu-greyshallowline-btn { padding: 0px 10px; color: #999 !important; border: 1px solid #CFCFCF } a.edu-greyline-btn { padding: 0px 10px; background: #fff; color: #666 !important; border: 1px solid #eaeaea; line-height: 33px; height: 33px; } a.edu-greyline-btn:hover, a.edu-greyshallowline-btn:hover { border: 1px solid #B2B2B2; color: #B2B2B2 !important; } /*新建页面的提交和取消按钮*/ .defalutCancelbtn { display: block; border: 1px solid #CDCDCD; background-color: #fafafa; color: #999 !important; width: 120px; text-align: center; height: 30px; line-height: 30px; border-radius: 2px; width: 130px; height: 40px; background: rgba(77, 124, 254, 0); border: 1px solid rgba(76, 172, 255, 1); border-radius: 4px; line-height: 40px; font-size: 16px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(76, 172, 255, 1) !important; } .defalutCancelbtn:hover { border: 1px solid #B2B2B2; color: #B2B2B2 !important; } .defalutSubmitbtn { display: block; border: 1px solid #4CACFF; background-color: #4CACFF; color: #fff !important; width: 120px; text-align: center; line-height: 40px; border-radius: 2px; width: 130px; height: 40px; background: rgba(76, 172, 255, 1); border-radius: 4px; font-size: 16px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(255, 255, 255, 1); } /*删除按钮*/ .delectshixuncdbtn { display: block; border: 1px solid #CDCDCD; background-color: #fafafa; color: #999 !important; width: 120px; text-align: center; height: 30px; line-height: 30px; border-radius: 2px; width: 130px; height: 40px; background: rgba(77, 124, 254, 0); border-radius: 4px; line-height: 40px; font-size: 16px; font-family: MicrosoftYaHei; font-weight: 400; } .defalutSubmitbtn:hover { background-color: #459BE6; border: 1px solid #459BE6; } /*-------------------------------------------公用按钮:以white-btn(或者edu-default-btn无padding)为基础,宽度和高度可以用padding填充,颜色用edu-color-btn,end-----------------------------------------*/ /*可点击按钮---蓝色*/ .use_btn { background: #4cacff; color: #fff !important; } a.task-btn-orange { background: #4CACFF !important; color: #fff !important; } a:hover.task-btn-orange { background: #459BE6; } /*可点击按钮---蓝色---蓝色边框*/ .user_blue_btn { border: 1px solid #4CACFF; color: #4CACFF !important; } /*可点击按钮---蓝色---蓝色背景*/ a.user_bluebg_btn { background-color: #4CACFF; color: #fff; } a.user_orangebg_btn { background-color: #FF6800; color: #fff; } a.user_greybg_btn { background-color: #747A7F; color: #fff; } /*.user_white_btn{border: 1px solid #ffffff;color: #ffffff!important;}*/ .pointer { cursor: pointer } .cdefault { cursor: default } /*md编辑器恢复被覆盖样式*/ .new_li .markdown-body ul>li, .markdown-body ul>li { list-style-type: disc !important; margin-bottom: 0 !important; } .new_li .markdown-body ol>li, .markdown-body ol>li { list-style-type: decimal !important; } .new_li li { margin-bottom: 0 !important; } .markdown-body p { font-size: 16px !important; } /*搜索框*/ #pollingPanel { position: relative; width: 248px; height: 32px; } #pollingPanel>input { width: 100%; height: 100%; border: 1px solid #eaeaea; border-radius: 4px; padding: 0px 30px 0px 5px; box-sizing: border-box; background-color: #F4F4F4; } #pollingPanel>input:focus { background-color: #fff; outline: none; } #pollingPanel>a { position: absolute; right: 10px; top: 0px; } /* 弹框 */ .popupAll { width: 100%; height: 100%; position: fixed; z-index: 99998; background-color: rgba(5, 16, 26, 0.6); left: 0; top: 0; } .task-popup { width: 30%; background: #fff; border: 1px solid #e8e8e8; border-radius: 10px; } .task-popup-text-center { text-align: center; color: #333; } .task-popup-title { border-bottom: 1px solid #eee; padding: 0px 15px; text-align: center; box-sizing: border-box; line-height: 70px; height: 70px; border-radius: 10px 10px 0px 0px; font-size: 16px; font-weight: bold; } .task-popup-content { padding: 15px; } .task-popup-submit { margin: 0px auto 15px; width: 160px; } .task-popup-sure { margin: 0px auto 15px; width: 54px; } .task-popup-right-sure { margin: 0px auto 15px; text-align: center } .task-popup-OK { margin: 15px auto; text-align: center } .task-popup-bggrey { background: #fff; color: #333; } #closeIcon { position: absolute; color: #fefefe } /* 模板弹框 20170407byLB */ #task_popup_box { background: #fff; padding-bottom: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); } .task_popup_top { background: #ccc; height: 40px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .task_popup_top h3 { font-size: 14px; color: #333; line-height: 40px; padding-left: 10px; } a.task_icons_close { width: 20px; height: 20px; display: block; background: url(../images/popup/sy_icons_close.png) 0 0px no-repeat; margin: 8px 10px 0 0; } a:hover.task_icons_close { background: url(../images/popup/sy_icons_close.png) -40px 0px no-repeat; } .task_popup_con { padding: 20px; } /* 模板弹框 20161013byLB */ #muban_popup_box { background: #fff; padding-bottom: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); } .muban_popup_top { background: #3b94d6; height: 40px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .muban_popup_top h3 { font-size: 16px; color: #fff; font-weight: normal; line-height: 40px; padding-left: 10px; } a.muban_icons_close { width: 20px; height: 20px; display: block; background: url(/images/sy/sy_icons_close.png) 0 0px no-repeat; margin: 8px 10px 0 0; } a:hover.muban_icons_close { background: url(/images/sy/sy_icons_close.png) -40px 0px no-repeat; } #muban_popup_box input, #muban_pwopup_box select { border: 1px solid #c8c8c8; height: 28px; color: #888; } #muban_popup_box label.pop_box_label { width: 100px; text-align: right; display: inline-block; } input.radio-width90 { width: 90px; } #muban_popup_box label.pop_box_label_l { width: 100px; text-align: left; display: inline-block; } /*提示条*/ .alert { padding: 10px; border: 1px solid transparent; text-align: center; } .alert-blue { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad; } .alert-orange { background-color: #fff9e9; border-color: #f6d0b1; color: #ee4a20; } .task-close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.3; } .taskclose:hover { opacity: 0.5; } .alert-red { background-color: #f2dede; border-color: #eed3d7; color: #d14f4d; text-align: left !important; } /*搜索的下拉列表*/ .search_down_list a { display: block; height: 28px; line-height: 28px; padding: 0px 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .search_down_list a:hover { background: #fafafa; } /* 个人主页翻页 */ .pages_user_show a:hover, .pages_user_show li.active a { background-color: #4CACFF; color: #fff; border: 1px solid #4CACFF; } .pages_user_show a { border-radius: 2px; display: inline-block; border: 1px solid #d1d1d1; background-color: #fff; color: #888; float: left; text-align: center; padding: 2px 10px; line-height: 1.9; margin: 0 5px; } .pages_user_show li { float: left; list-style-type: none; } .pages_user_show ul li { list-style-type: none !important; } .pages_user_show ul li a { color: #888 } .page_GO { text-align: center; width: 80px; border-radius: 2px; margin-left: 5px; height: 33px; padding: 0px 5px; box-sizing: border-box; float: left; border: 1px solid #d1d1d1; } /* 小翻页 */ .pages_little_show a:hover, .pages_little_show li.active a { background-color: #4CACFF; ; color: #fff !important; border: 1px solid #4CACFF } .pages_little_show a { display: inline-block; border: 1px solid #d1d1d1; color: #888 !important; float: left; text-align: center; padding: 3px 3px; line-height: 1.9; margin: 0 2px; font-size: 12px; } .pages_little_show li { float: left; } /*左右排版结构:参考个人主页的经验值和金币等页面*/ .leftPanel { width: 22%; float: left; } .leftPanel li.nav { padding: 10px 0px; box-sizing: border-box; } .leftPanel li.nav a { padding-left: 40px; display: block; width: 100%; box-sizing: border-box; border-left: 2px solid #fff; height: 24px; line-height: 24px; } .leftPanel li.nav.active a { border-left: 2px solid #4CACFF; } .rightPanel { width: 78%; float: right; } /*个人主页,认证的圆圈*/ .ringauto { width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; background-color: #F4FAFF; margin-right: 5px; } /*-------------------个人主页:右侧提示区域--------------------------*/ .-task-sidebar { position: fixed; width: 40px; height: 180px; right: 0; bottom: 80px; z-index: 10; } .-task-sidebar div { height: 40px; line-height: 40px; box-sizing: border-box; width: 40px; background: #4CACFF; color: #fff; font-size: 20px; text-align: center; margin-bottom: 5px; border-radius: 4px; } .-task-sidebar div i { color: #fff; } .-task-sidebar div i:hover { color: #fff !important; } .gotop { background-color: rgba(208, 207, 207, 0.5) !important; padding: 0px !important; } .-task-desc { background: #494949; width: 90px; line-height: 36px; text-align: center; position: absolute; color: #fff; font-size: 13px; z-index: 999999; opacity: 0; } .-task-desc div { position: absolute; top: 10px; right: -7px; height: 13px; } .-task-desc div img { float: left } /***** loading ******/ /*****载入中******/ #ajax-indicator { position: absolute; /* fixed not supported by IE*/ background-color: #eee; border: 1px solid #bbb; top: 35%; left: 40%; width: 20%; /*height:5%;*/ font-weight: bold; text-align: center; padding: 0.6em; z-index: 100000; opacity: 0.5; } html>body #ajax-indicator { position: fixed; } #ajax-indicator span { color: #fff; color: #333333; background-position: 0% 40%; background-repeat: no-repeat; background-image: url(/images/loading.gif); padding-left: 26px; vertical-align: bottom; z-index: 100000; } /*最新、最热*/ .bestChoose.active { color: #4CACFF; } /*实训路径选择实训*/ .edu-filter-cir-grey { color: #666 !important; width: auto; padding: 0px 15px; font-size: 14px !important; text-align: center; background: #f3f3f3; border-radius: 10px; display: block; height: 25px; line-height: 25px; } .edu-filter-cir-grey:hover { background: #4cacff; color: #ffffff !important; } .edu-filter-cir-grey.active { background: #4cacff; color: #ffffff !important; font-size: 14px !important; } .with10 { width: 10%; box-sizing: border-box } .with12 { width: 12%; box-sizing: border-box } .with13 { width: 13%; box-sizing: border-box } .with14 { width: 14%; box-sizing: border-box } .with15 { width: 15%; box-sizing: border-box } .with20 { width: 20%; box-sizing: border-box } .with22 { width: 22%; box-sizing: border-box } .with23 { width: 23%; box-sizing: border-box } .with25 { width: 25%; box-sizing: border-box } .with30 { width: 30%; box-sizing: border-box } .with35 { width: 35%; box-sizing: border-box } .with40 { width: 40%; box-sizing: border-box } .with45 { width: 45%; box-sizing: border-box } .with49 { width: 49%; box-sizing: border-box } .with50 { width: 50%; box-sizing: border-box } .with55 { width: 55%; box-sizing: border-box } .with52 { width: 52%; box-sizing: border-box } .with48 { width: 48%; box-sizing: border-box } .with60 { width: 60%; box-sizing: border-box } .with65 { width: 65%; box-sizing: border-box } .with70 { width: 70%; box-sizing: border-box } .with73 { width: 73%; box-sizing: border-box } .with75 { width: 75%; box-sizing: border-box } .with77 { width: 77%; box-sizing: border-box } .with78 { width: 78%; box-sizing: border-box } .with80 { width: 80%; box-sizing: border-box } .with85 { width: 85%; box-sizing: border-box } .with87 { width: 87%; box-sizing: border-box } .with90 { width: 90%; box-sizing: border-box } .with95 { width: 95%; box-sizing: border-box } .with100 { width: 100%; } .transform-90 { transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE 9 */ -moz-transform: rotate(-90deg); /* Firefox */ -webkit-transform: rotate(-90deg); /* Safari 和 Chrome */ -o-transform: rotate(-90deg); } .newplayVedio { font-size: 86px !important; } .icon-qizhi { font-size: 30px !important; } .icon-31 { font-size: 68px !important; } /*置顶*/ .btn-cir { display: inline-block; padding: 0px 5px; border-radius: 25px; line-height: 20px; font-size: 12px; } .btn-cir-red { background: red; color: #fff; font-weight: normal; cursor: default } .btn-cir-red:hover { background: red; color: #fff !important; } .btn-cir-grey { background: #e1e1e1; color: #8c8c8c; font-weight: normal; border: 1px solid #e1e1e1 } /*动态标签*/ .edu-filter-btn { cursor: default; display: inline-block; padding: 0px 9px; color: #666; background: #fff; text-align: center; border-radius: 10px; font-size: 12px; height: 18px; line-height: 18px; } .edu-filter-btn-blue { border: 1px solid #3498db; color: #3498db; } .edu-filter-btn-orange { border: 1px solid #ff6800; color: #ff6800 !important; } /*提交中、评阅中*/ .edu-filter-btn-red { border: 1px solid #DD1717; color: #DD1717; } /*已截止、未开启补交*/ .edu-filter-btn-green { border: 1px solid #29BD8B; color: #29BD8B !important; } /*申诉中、已开启补交*/ .edu-filter-btn-appeal { border: 1px solid #FF4343; color: #FF4343 !important; } /*申诉中*/ .edu-filter-btn-yellow { border: 1px solid #ef9324; color: #ef9324; } .edu-filter-btn-danger { background: #d72e36; color: #fff; } .edu-filter-btn-late { border: 1px solid #3fbcff; color: #3fbcff; } .edu-filter-btn-no-late { border: 1px solid #747A7F; color: #747A7F; } /*未发布*/ .edu-filter-btn-end { border: 1px solid #999999; color: #999999; } /*已结束*/ /*动态按钮*/ .edu-activity-orange { background-color: #FF6800; color: #fff !important; cursor: pointer; border: 1px solid #ff6800; } /*修改作品、补交作品、立即补交、补交附件*/ .edu-activity-blue { background-color: #4CACFF; color: #fff !important; cursor: pointer; border: 1px solid #4CACFF; } /*开始实战、开始答题、继续答题、继续实战、提交作品*/ .edu-activity-grey { background-color: #747A7F; color: #fff !important; cursor: pointer; border: 1px solid #747A7F; } /*匿评作品*/ .edu-activity-green { background-color: #29BD8B; color: #fff !important; cursor: pointer; border: 1px solid #29BD8B; } /*查看作品、查看实战、查看答题*/ .edu-activity-light-grey { background-color: #cbcbcb; color: #fff !important; cursor: pointer; border: 1px solid #cbcbcb; } /*取消关联*/ /*课堂设置页面*/ .course-ul-nav { width: 100%; border-bottom: 1px solid #EBEBEB; } .course-ul-nav a { display: inline-block; padding: 20px; font-size: 18px; text-align: center; width: 94px; position: relative } .course-ul-nav a.active, .course-ul-nav a:hover { color: #4CACFF; } .course-ul-nav a.active:after { content: ''; width: 94px; left: 20px; bottom: 0px; height: 2px; background-color: #4CACFF; position: absolute } /*-----下拉框--------*/ .down-select { display: none; position: absolute; z-index: 10; left: 0px; width: 100%; overflow-y: auto; background: #fff; max-height: 200px; border: 1px solid #eee; } .down-select p { height: 35px; line-height: 35px; padding-left: 5px; cursor: pointer } .down-select p:hover { background: #f3f4f6 } .paddingLeft28 { padding-left: 28px; } /*.ant-modal-header{*/ /*border-radius: 10px;*/ /*}*/ .color656565 { color: #656565; } .colorC8161D { color: #C8161D; } .bor-reds { border: 1px solid #FF0000 !important; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .editormd-dialog-footer { padding: 0px; } .educontentysl { width: 1250px; margin: 0px auto; box-sizing: border-box } /*中间部分宽度固定为1200*/ .footer_con-p { color: #898989 !important; } .markdown-body { text-align: justify; word-break: break-all; } .RightPaneDrawer .ant-drawer-content { background: #070f1a; overflow: hidden !important; } .deletebuttom { border: transparent; } .RightPaneDrawer .jupyter_data_list { max-height: 340px; }