.wp {
    width: auto;
    max-width: 1190px;
    margin: 0 auto;
}

.container {
    min-height: 100%;
    position: relative;
    background: #f5f4f2;
}

.pdbm {
    padding-bottom: 83px;
    margin-top: 67px;
}

body > div.container {
    padding: 0;
}

/**css reset**/

html,
body {
    min-width: 990px;
    margin: 0;
    padding: 0;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

/*body,button, input, select, textarea {font: 12px/1 Microsoft Yahei; color:#333; line-height:1.42857}*/

body,
button,
input,
select,
textarea {
    font:
        16px/1 Times New Roman,
        Arial;
    color: #333;
    line-height: 1.42857;
}

button.jbox-button {
    font-size: 14px;
}

table {
    border-collapse: collapse;
}

.fix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.fix {
    *zoom: 1;
}

i,
em {
    font-style: normal;
}

img {
    border: 0 none;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a {
    outline: none;
}

a:active {
    star: expression(this.onFocus=this.blur());
}

input.btn,
input[type="button"] {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
    /*firefox4-18*/
}

::-moz-placeholder {
    color: #999;
    /*firefox19+*/
}

:-ms-input-placeholder {
    color: #999;
}

input,
a,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

.select-option input {
    vertical-align: -2px;
}

:focus {
    outline: 0;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.mt20 {
    margin-top: 20px;
}

.re {
    position: relative;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

html,
body {
    min-width: 990px;
}

#right-manage {
    display: none;
}

/*css通用样式*/

.header {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 10;
    height: 65px;
    /*background:rgb(67,147,136);
	background: -moz-linear-gradient(left,  #268098 0%, #5ea579 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#268098), color-stop(100%,#5ea579));
	background: -webkit-linear-gradient(left,  #268098 0%,#5ea579 100%);
	background: -o-linear-gradient(left,  #268098 0%,#5ea579 100%);
	background: -ms-linear-gradient(left,  #268098 0%,#5ea579 100%);
background: linear-gradient(to right,  #268098 0%,#5ea579 100%);*/
    background-color: #f5f5f5;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr='#268098', endColorStr='#5ea579', gradientType='1');
    z-index: 1000;
}

.header a {
    color: #7a7a7a;
}

.top-logo {
    width: 312px;
    height: 68px;
    /* background: url(../Images/newhomeimage/logo.png) no-repeat; */
    display: block;
    margin-top: 1px;
}

.top_nav {
    margin-right: 60px;
}

.top_nav li {
    float: left;
    font-size: 17px;
    margin: 0 1px;
}

.top_nav li a {
    display: block;
    text-align: center;
    height: 65px;
    line-height: 65px;
    padding: 0 20px;
}

.top_nav li.selected a,
.top_nav li a:hover {
    background: #ededed;
}

.top_nav li.userli {
    margin-right: 0px;
    margin-left: 25px;
}

.top_nav li.userli a {
    padding: 0px;
    padding-right: 10px;
}

.user_rk {
    font-size: 14px;
    line-height: 65px;
    color: #a9d0be;
    margin-right: 130px;
}

.user_rk a {
    margin: 0 7px;
}

.user_rk a:hover {
    color: #000;
}

.fr_link {
    position: absolute;
    right: 0;
    line-height: 65px;
    margin: 0;
}

.fr_link a {
    margin-left: 5px;
}

/**form**/

.form-group {
    position: relative;
    color: #424451;
    margin-left: auto;
    margin-right: auto;
    width: 318px;
}

.form-group .lab {
    float: left;
    width: 60px;
    text-align: right;
    font-size: 14px;
    line-height: 34px;
    margin-right: 10px;
}

.form-group input {
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 20px;
    outline: none;
    padding: 9px 9px 9px 34px;
    width: 275px;
    color: #000;
}

.form-group input::-webkit-input-placeholder {
    color: #999;
}

.form-group input:-moz-placeholder {
    color: #999;
}

.form-group input::-moz-placeholder {
    color: #999;
}

.form-group input:-ms-input-placeholder {
    color: #999;
}

.form-group input:focus {
    border-color: #57c077;
}

.form-group input:blur {
    border-color: #d9e1e5;
}

select {
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 32px;
    padding-left: 10px;
}

.selectoptin {
    width: 240px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 27px;
    text-indent: 2px;
}

/**treeDom**/

.page-tree-closed .treebox {
    width: 0;
    padding: 0;
    border: 0 none;
}

.page-tree-closed .treebox2 {
    width: 0;
    padding: 0;
    border: 0 none;
}

.treebox {
    width: 280px;
    border: 3px solid #d6e1ea;
    padding: 5px;
    position: absolute;
    background: #f8f8f8;
    left: 1px;
    top: 1px;
    height: 515px;
    z-index: 99;
}

.treebox2 {
    width: 280px;
    border: 3px solid #d6e1ea;
    padding: 5px;
    background: #fff;
    left: 1px;
    top: 1px;
    height: 500px;
    z-index: 99;
}

.page-tree-menu-closed {
    width: 0;
    padding: 0;
    border: 0 none;
}

.myulc {
    height: 450px;
}

.stated {
    height: 25px;
    line-height: 25px;
    margin-top: 0px;
    margin-bottom: 5px;
    background: #fff;
}

.button-sure {
    margin-top: 10px;
    text-align: center;
}

.button-sure input {
    width: 55px;
    height: 24px;
    cursor: pointer;
    color: #787676;
    border: 1px solid #e0e1de;
}

.stated span {
    display: inline-block;
    margin: 0 3px;
    color: #000;
    font-size: 13px;
}

.stated span em {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-right: 2px;
    background: #f50;
    vertical-align: middle;
}

.stated span .e {
    background: #008000;
}

.stated span .e0 {
    background: #3a0;
}

.stated span .e1 {
    background: #9c3;
}

.stated span .e2 {
    background: #cf9;
}

.stated span .e3 {
    background: #ff6;
}

.stated span .e4 {
    background: #f63;
}

.stated span .e5 {
    background: #ccc;
}

/**table**/

.calssbj th {
    height: 38px;
    background: var(--color-base-secondary);
    color: #fff;
    font-size: 17px;
    font-weight: normal;
}

.calssbj tr td {
    padding: 5px 10px;
    text-align: center;
    height: 27px;
    /*font-size:12px;}*/
}

.calssbj tr.bg {
    background: #d8eaf8;
}

.calssbj .edit {
    cursor: pointer;
    position: relative;
    width: 70px;
    display: inline-block;
}

.calssbj .edit a {
    color: #797979;
}

.calssbj tr:nth-child(even) {
    background: #f4f4f4;
}

.calssbj tr:hover {
    background: #d8eaf8;
}

.calssbj .number {
    color: #fbb040;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

.calssbj .orderby {
    background: var(--color-base-tertiary);
}

.calssbj .disorder {
    background: var(--color-base-secondary);
}

.calssbj .i-delete {
    background: url(/Images/sprites.png) -122px -129px;
    display: inline-block;
    width: 13px;
    height: 13px;
}

.underline {
    text-decoration: underline;
    cursor: pointer;
}

.rolelock {
    display: inline-block;
    width: 12px;
    height: 13px;
    background: url(/Images/iconsp.png) -312px -79px;
    margin-left: 5px;
    vertical-align: -5px;
}

.roleout {
    display: inline-block;
    width: 12px;
    height: 13px;
    background: url(/Images/iconsp.png) -326px -79px;
    margin-left: 5px;
    vertical-align: -4px;
}

/**footer**/

.footer {
    background: #fff;
    height: 20px;
    padding: 20px 0px 50px;
    margin-top: 40px;
    color: #666;
    line-height: 22px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 12px;
}

.footer a {
    color: #666;
    margin-right: 30px;
}

.footer .fr {
    border-left: 1px solid #5b7588;
    padding-left: 30px;
}

.copyright {
    text-align: center;
    color: #666;
    padding: 30px;
    margin-top: 40px;
}

.nav_a {
    display: block;
    width: 100%;
    padding: 18px 0;
    height: 29px;
    line-height: 29px;
    position: relative;
    color: #7a7a7a;
}

.nav_a:hover {
    background: #ededed;
    color: #7a7a7a;
}

.nav_a .img {
    float: left;
    width: 29px;
    height: 29px;
    background: #7a7a7a;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    margin-left: 15px;
    margin-right: 8px;
}

.nav_a .img img {
    width: 100%;
    vertical-align: middle;
}

.nav_a i {
    /*background:url(/Images/pwd.png) no-repeat -8px -128px;*/
    display: inline-block;
    width: 12px;
    height: 9px;
    margin-left: 8px;
}

.nav_user {
    position: relative;
    font-size: 16px;
    margin-right: 50px;
}

.nav_a {
    display: block;
    width: 100%;
    padding: 18px 0;
    height: 29px;
    line-height: 29px;
    padding-right: 5px;
}

.nav_a .img {
    float: left;
    width: 29px;
    height: 29px;
    background: #ededed;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
    margin-left: 15px;
    margin-right: 8px;
    line-height: 0px;
}

.nav_a .img img {
    width: 100%;
    height: 100%;
}

.nav_a i {
    /*background:url(../Images/pwd.png) no-repeat -8px -128px;*/
    display: inline-block;
    width: 12px;
    height: 9px;
    margin-left: 8px;
}

.downdrop {
    position: absolute;
    width: 100%;
    background: #f5f5f5;
    display: none;
    top: 100%;
    right: 0px;
    padding-top: 0px;
    transition: all 0.3s ease 0s;
    z-index: 100;
}

.downdrop i {
    position: absolute;
    width: 16px;
    height: 19px;
    margin-left: -30px;
    margin-top: 0px;
}

.downdrop .qhkcImg {
    position: absolute;
    width: 16px;
    height: 19px;
    margin-left: -28px;
    margin-top: 9px;
}

.downdrop .i1 {
}

.downdrop .i2 {
}

.downdrop .i3 {
}

.downdrop .i4 {
}

.top_nav li .downdrop a {
    display: block;
    padding-left: 50px;
    height: 36px;
    color: #7a7a7a;
    line-height: 36px;
    border-top: 1px solid white;
    text-align: left;
}

.downdrop a:hover {
    background: #52a3e2;
}

.downdrop .first a {
    border-top: 0 none;
}

.nav_user:hover .downdrop {
    display: block;
}

.xtsy,
.wdkc,
.dlzc,
.grzx,
.glkc,
.qbkc {
    display: none;
}

.select-option {
    width: 53px;
    height: 25px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 25px;
    border-radius: 4px;
    margin: 5px;
    float: left;
    margin-right: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.select-option-selected {
    background: #dbedfb;
}

select[disabled="disabled"] {
    background: #ebebeb;
}

.zg_tester_answer {
    border: 1px solid rgb(153, 153, 153);
}

/*常见问题图片*/

.FrequentlyAskedQuestion i {
    height: 20px;
    width: 20px;
    position: relative;
    top: 4px;
    margin-right: 10px;
    background: url("/Images/FrequentlyAskedQuestion11.png") no-repeat;
}

.master-page {
    background: #fff;
    min-height: 56px;
    border-bottom: 1px solid #dcdcdc;
    line-height: 51px;
}

.master-page2 {
    background: #fff;
    overflow: hidden;
    height: 54px;
    line-height: 51px;
}

/*.master-coursename{background:url(../Images/refresh.gif) no-repeat left 9px;padding-left:25px;cursor:pointer}*/

.myc_bd {
    background: #f5f4f2;
    padding-bottom: 20px;
    border-top: 1px solid #eeeff1;
}

.whitebg {
    background: #fff none repeat scroll 0 0;
}

.mybd_cnt {
    color: #676464;
    min-height: 400px;
    padding: 10px 20px 20px 25px;
}

.learnh2 {
    font-weight: normal;
    font-size: 22px;
    color: #4e4e4e;
    letter-spacing: 1px;
    margin-left: 20px;
    margin-top: -30px;
    margin-bottom: 5px;
    display: none;
}

.learnh2 span {
    font-size: 14px;
}

.learnul {
    margin-left: 45px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.learnul li {
    margin: 0 2px;
}

.learnul li a {
    display: block;
    padding: 0px 20px 0px;
    color: #6f6f6f;
    font-size: 20px;
    transition: all 0.1s linear;
    border-bottom: 5px solid #fff;
}

.learnul li a:not(#payCourse):hover {
    color: var(--color-base-primary);
    border-bottom: 5px solid var(--color-base-primary);
}

.learnul li.selected a {
    color: var(--color-base-primary);
    border-bottom: 5px solid var(--color-base-primary);
}

.toggle {
    margin-top: 4px;
    margin-left: 23px;
    margin-bottom: 5px;
    cursor: pointer;
    display: none;
}

.toggle i {
    background: url(/Images/iconsp.png) -92px -48px;
    cursor: pointer;
    margin-right: 6px;
    vertical-align: -2px;
    height: 11px;
    display: inline-block;
    width: 17px;
}

.toggle span {
    font-size: 12px;
    border-bottom: 1px dashed var(--color-base-secondary);
    color: var(--color-base-secondary);
}

.accordion-body .accordion-inner a {
    color: rgb(0, 93, 255);
}

.toggle-zj {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

.toggle-qh {
    cursor: pointer;
    margin-right: 23px;
}

.toggle-qh .ic1 {
    background: url(../Images/ico1.gif) no-repeat;
    display: inline-block;
    width: 15px;
    height: 13px;
    margin-right: 10px;
    vertical-align: -2px;
}

.toggle-bj {
    font-size: 18px;
    margin-top: 0px;
}

.master-objectname {
    cursor: pointer;
}

.myc_hd {
    background: #fff;
    padding: 12px 0;
    overflow: hidden;
}

.myc_hd h2 {
    font-size: 24px;
    color: #343434;
    font-weight: normal;
    letter-spacing: 1px;
    float: left;
    padding-left: 30px;
}

.myc_hd .fr {
    float: right;
    margin-right: 20px;
    margin-top: 0px;
}

.myc_hd .fr .ipt2 {
    float: left;
    width: 220px;
    height: 34px;
    font-size: 16px;
    padding-left: 10px;
    border: 1px solid #ccc;
    -moz-appearance: textfield;
}

.myc_hd .fr span {
    width: 90px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    margin-left: 6px;
    color: #fff;
    background: var(--color-base-secondary);
    cursor: pointer;
    float: left;
}

.tab-muban {
    width: 100%;
    border-radius: 4px;
}

.sky_warpper {
    border: 1px solid #dcdcdc;
    border-radius: 0 4px 4px 4px;
    overflow: hidden;
    margin-top: -1px;
}

.tab-ul {
    height: 32px;
}

.tab-ul li {
    float: left;
}

.tab-ul li a {
    cursor: pointer;
    width: 82px;
    height: 29px;
    border: 1px solid #dcdcdc;
    display: block;
    text-align: center;
    line-height: 29px;
    margin-right: 9px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #dcdcdc;
    color: #404040;
    background: #dcdcdc;
    padding-bottom: 1px;
    margin-bottom: -1px;
}

.tab-ul li.on a {
    background: #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 9;
}

.tab-muban-box div {
    padding: 5px 8px;
}

.tab-muban-box div input {
    vertical-align: -2px;
    margin-right: 9px;
}

.sky_scrollTopOuter {
    width: 9px;
    background: #ddd;
    border-radius: 8px;
}

.sky_scrollTopOuter:hover {
    width: 9px;
    -webkit-transition:
        opacity,
        width 0.3s ease-out;
}

.sky_scrollTop {
    background: #fff;
    width: 8px;
    -webkit-border-radius: 5px;
    -webkit-transition:
        opacity,
        width 0.3s ease-out;
    cursor: default;
    border-radius: 8px;
    border: 1px solid #ddd;
    border-right: none;
}

.sky_warpper:hover .sky_scrollTop {
    width: 8px;
    -webkit-transition:
        opacity,
        width 0.3s ease-out;
}

.sky_scrollLeftOuter {
    height: 7px;
    background: #ddd;
    opacity: 0.3;
}

.sky_scrollLeftOuter:hover {
    opacity: 0.8;
    height: 7px;
    -webkit-transition:
        opacity,
        height 0.3s ease-out;
}

.sky_scrollLeft {
    background: #333;
    opacity: 0.3;
    height: 7px;
    -webkit-border-radius: 5px;
    -webkit-transition:
        opacity,
        height 0.3s ease-out;
    cursor: default;
}

.sky_warpper:hover .sky_scrollLeft {
    opacity: 0.8;
    height: 7px;
    -webkit-transition:
        opacity,
        height 0.3s ease-out;
}

.tab-muban-box {
    overflow: auto;
    height: 240px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.tab-muban-box p {
    padding: 10px 18px;
}

.qiehuan_box {
    display: none;
}

.layui-layer.qiehuancss {
    background: #fff;
    border-radius: 5px;
}

.layui-layer.qiehuancss .layui-layer-title {
    background: #fff;
    color: #404040;
    font-size: 14px;
    border-bottom: none;
    margin-top: 15px;
    padding-left: 25px;
    height: 20px;
    line-height: 20px;
}

.qiehuan_box {
    width: 295px;
    padding: 10px 30px 25px;
}

.qiehuan_box .sky_warpper {
    border-radius: 5px;
}

.qiehuan_box .pline {
    height: 40px;
    border-bottom: 1px solid #d4d4d4;
    line-height: 40px;
}

.qiehuan_box .pline a {
    color: var(--color-base-secondary);
    font-size: 13px;
}

.qiehuan_box .pline a i {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: var(--color-base-secondary);
    margin-right: 11px;
}

.student_r i {
    background: url(../Images/ren.jpg) no-repeat;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 13px;
}

.tab-muban-box .student_r p,
.tab-muban-box .student_k p {
    padding: 5px 18px;
}

.student_r a,
.student_k a {
    display: inline-block;
    width: 150px;
    height: 27px;
    line-height: 27px;
    padding-left: 8px;
    color: #000;
}

.student_r a:hover,
.student_k a:hover {
    background: var(--color-base-secondary);
    color: #fff;
}

.student_k i {
    background: url(../Images/kechenList.png) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 15px;
    height: 15px;
    transform: translateY(2px);
    /* margin-right: 13px */
}

.student_k a {
    width: 235px;
}

.search_xs {
    width: 292px;
    height: 32px;
    border: 1px solid #d4d4d4;
    margin-bottom: 14px;
}

.search_xs input {
    width: 285px;
    height: 32px;
    line-height: 32px;
    border: none;
    margin-left: 7px;
}

.layui-layer.qiehuancss .layui-layer-setwin {
    right: 15px;
    top: 15px;
}

.layui-layer.qiehuancss .layui-layer-setwin .layui-layer-close1 {
    background: url(../Images/close.jpg) no-repeat;
    width: 13px;
    height: 13px;
}

.no-course {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    color: #a7a7a7;
    background: url(../Images/dolpin.png) no-repeat center top;
    padding-top: 100px;
}

.no-course a {
    display: block;
    width: 208px;
    height: 48px;
    background: #69b0f5;
    border-radius: 4px;
    color: #fff;
    margin: 20px auto;
    line-height: 48px;
}

.bdm4 {
    border-bottom: 4px solid #dadada;
}

/*state*/

.float {
    width: 128px;
    height: 19px;
    font-size: 14px;
    color: #5c5c5c;
}

.float .tm {
    position: relative;
}

.float .state {
    width: 80px;
    overflow: hidden;
    margin-left: 10px;
    position: relative;
    top: 3px;
    height: 7px;
    border: 1px solid #fff;
    background: url(../../Images/state.gif) no-repeat;
}

.float .state em {
    background: #ccc;
    right: 0px;
    top: 0px;
    height: 7px;
    position: absolute;
}

/*纠错*/

.layui-layer.ui-dialog-jc {
    width: 813px;
}

.ui-dialog-jc .layui-layer-title {
    height: 25px;
    background: var(--color-base-secondary);
    color: #fff;
    line-height: 25px;
    font-size: 12px;
}

.ui-dialog-jc .layui-layer-title img {
    vertical-align: middle;
    margin-right: 5px;
}

.ui-dialog-jc .layui-layer-setwin {
    right: 10px;
    top: 8px;
}

.ui-dialog-jc .layui-layer-setwin .layui-layer-close1 {
    background: url("../Images/co.png") no-repeat;
    width: 10px;
    height: 11px;
}

.ui-dialog-jc .layui-layer-setwin .layui-layer-close1:hover {
    background: url("../Images/co.png") no-repeat;
}

.ui-dialog-jc .info {
    color: #c33;
    margin-bottom: 10px;
    background: url(../images/error_icon.png) no-repeat center left;
    padding-left: 20px;
}

.poop_cn {
    padding: 20px 20px 10px;
}

.poop_cn .x_x {
    border: 1px solid #cecfe3;
    line-height: 35px;
    padding: 0 10px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 23px;
}

.poop_cn .x_x label {
    float: left;
    color: #000;
}

.poop_cn .x_x .co_ti {
    width: 60%;
    height: 35px;
    border: 0 none;
    padding-left: 10px;
}

.poop_cn .x_x .txtear {
    border: 0 none;
    background: #fff;
    width: 610px;
    resize: none;
    padding-top: 10px;
    height: 85px;
    padding-left: 10px;
    color: #a8a8a8;
    font-size: 12px;
}

.poop_cn .x_b {
    overflow: hidden;
    margin-top: 10px;
}

.poop_cn .x_b a {
    float: right;
    width: 94px;
    height: 33px;
    background: var(--color-base-secondary);
    color: #fff;
    text-align: center;
    line-height: 33px;
    border-radius: 4px;
}

#error_pic {
    margin-bottom: 15px;
}

#error_pic label {
    float: left;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 15px;
}

#fileList {
    position: relative;
    float: left;
}

#fileList li {
    float: left;
}

#poop .question,
#poop .knowledge,
#poop .study,
#poop .AImemery {
    overflow: hidden;
}

#poop .question li,
#poop .knowledge li,
#poop .study li,
#poop .AImemery li {
    float: left;
    height: 20px;
    line-height: 20px;
    position: relative;
    padding-left: 20px;
    margin-right: 17px;
}

#poop .question li span,
#poop .knowledge li span,
#poop .study li span,
#poop .AImemery li span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #ececec;
    position: absolute;
    top: 2px;
    left: 0px;
    cursor: pointer;
}

#poop .question li span.checked,
#poop .knowledge li span.checked,
#poop .study li span.checked,
#poop .AImemery li span.checked {
    background: url(/Images/checkbox3.jpg);
}

.webuploader-container {
    position: relative;
}

.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 82px;
    height: 81px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
}

.cpic {
    width: 82px;
    height: 81px;
    display: inline-block;
    background: url(../Images/cpic.jpg) no-repeat left top;
    cursor: pointer;
    zoom: 0.9;
}

.webuploader-element-invisible {
    position: absolute !important;
    font-size: 80px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

#error_pic .tips {
    font-size: 12px;
    color: #c33;
    float: left;
    margin-left: 250px;
    padding-top: 5px;
}

.corli-pic {
    margin-right: 8px;
    width: 80px;
    height: 80px;
}

div.shade {
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, 0.45);
    filter: alpha(opacity=45);
    position: absolute;
    z-index: 1;
    top: 0;
    display: block;
    text-align: center;
    visibility: hidden;
}

div.shade a,
div.shade a:hover {
    color: #fff;
    font-size: 12px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background: 0;
    letter-spacing: 1px;
}

.corli-pic:hover div.shade {
    visibility: visible;
}

.default-loading {
    display: block;
    padding: 30px;
    text-align: center;
    background: url(/Images/ajax-loader_b.gif) center center no-repeat;
}

tr.tr_kgt td {
    padding: 7px;
}

.recmd-tips {
    text-align: center;
    visibility: hidden;
    margin: 5px;
}

.recmd-tips div {
    padding: 0px 15px 0px 0px;
    display: inline-block;
    position: relative;
}

.recmd-tips div img {
    position: absolute;
    left: 0px;
    top: 0px;
}

.recmd-tips div a {
    background: var(--color-base-secondary);
    color: #fff;
    border: 0px;
    cursor: pointer;
    margin-right: 5px;
    padding: 5px 25px;
    display: inline-block;
}

label.master-coursename {
    font-size: 19px;
}

/**2017-3-16 change*/

label.master-sectionname {
    font-size: 18px;
    margin-left: 20px;
}
label.master-institute{
    font-size: 18px;
    margin-left: 20px;
}
.master-sectionname .class-name {
    background: url(/images/toggle.png) no-repeat left center;
    padding-left: 20px;
    display: none;
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.instruction {
    font-size: 12px;
    margin-left: 10px;
    color: #666;
}

.invite .layui-layer-title {
    background: #fff;
    color: #464646;
    font-size: 15px;
    padding-left: 25px;
}

.invite .layui-layer-content {
    text-align: center;
    padding-top: 10px;
    padding: 30px;
}

.invite .layui-layer-content .p1 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

.invite .layui-layer-content .sure_btn {
    display: block;
    width: 83px;
    height: 31px;
    line-height: 31px;
    margin: 15px auto 0;
    color: #fff;
    background: #ff6460;
}

@media only screen and (max-width: 1190px) {
    .wp {
        max-width: 990px;
    }
    .top-logo {
        margin-left: 15px;
    }
    .user_rk {
        margin-right: 85px;
    }
    .footer .fl {
        margin-left: 15px;
    }
    .tname {
        margin-left: 15px;
    }
    .user_rk {
        margin-right: 125px;
    }
}

/*a.zf_edit{display:none}
a.zf_e{display:none}*/

.warn1 {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #ccc;
    color: #fff;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.warn2 {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #f63;
    color: #fff;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.warn0 {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #ff6;
    color: #999;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.warn3 {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #cf9;
    color: #999;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.warn4 {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #9c3;
    color: #fff;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.warn5 {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #3a0;
    color: #fff;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.warn6 {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #008000;
    color: #fff;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.downdrop > p {
    margin: 0;
}

.WX {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #ccc;
    color: #fff;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.R {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #f63;
    color: #fff;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.JR {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #ff6;
    color: #999;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.ZD {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #cf9;
    color: #999;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.JQ {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #9c3;
    color: #fff;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

.JZ {
    display: inline-block;
    height: 18px;
    padding: 0 8px;
    background: #3a0;
    color: #fff;
    text-decoration: none;
    border-radius: 18px;
    margin-left: 5px;
    line-height: 17px;
    font-size: 11px;
}

a.btn_green {
    background-color: #093;
    padding: 5px 15px;
    color: #fff;
    margin-right: 5px;
}

div.study_help_tool {
    padding-top: 15px;
}

.info-number {
    position: absolute;
    width: 22px;
    height: 15px;
    background: #ff6262;
    top: 11px;
    left: 488px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
}

/*统一tab*/

div.menu-box {
    position: relative;
    margin-bottom: 10px;
    height: 33px;
    background: rgba(246, 246, 246, 1);
    line-height: 33px;
    border: 1px solid #ccc;
    border-top: 2px solid #999999;
}

.menu-box:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
}

.menu-box > a {
    color: #676464;
    height: 20px;
    margin-top: 6px;
    float: left;
    padding: 0 30px;
    border: solid #ccc;
    border-width: 0 1px;
    margin-left: -1px;
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
}

.menu-box > a:hover {
    color: #e4393c;
}

.menu-box > a.on {
    margin-top: -6px;
    height: 38px;
    border-top: 2px solid var(--color-assist-primary);
    background: #fff;
    color: var(--color-assist-primary);
    border-color: #e4393c #ccc;
    line-height: 38px;
}

.menu-box > a:first-child {
    margin-left: -1px;
}

.list-inner {
    display: none;
}

.list-out {
    display: inline-block;
    position: absolute;
    right: 69px;
    cursor: pointer;
}

.zj {
    padding: 0px 6px;
    border-radius: 3px;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    width: 103px;
    font-size: 16px;
    border: 1px solid transparent;
}

.zj:hover {
    border: 1px solid #d1d1d1;
}

.zj > span {
    position: relative;
    color: #000;
}

.zj > i {
    display: inline-block;
    width: 16px;
    height: 17px;
    background: url(/images/znkj.png) -202px -8px;
    padding-left: 5px;
    vertical-align: -14%;
}

.zj:hover > .list-inner {
    display: block;
}

.list-inner {
    position: absolute;
    top: 29px;
    left: 0px;
    z-index: 666666;
    border: 1px solid #39a5fd;
    background: #fff;
    box-sizing: border-box;
    width: 103px;
}

.list-inner > li > a > i {
    width: 16px;
    height: 16px;
    display: inline-block;
    padding-left: 5px;
    margin-right: 2px;
    color: var(--color-base-secondary);
}

.list-inner > li > .a2 > i {
}

.list-inner > li:last-child > a > i {
}

.list-inner > li > a {
    padding: 0 5px;
    color: #000;
    box-sizing: border-box;
    display: block;
    width: 103px;
    height: 30px;
}

.list-inner > li:hover > a,
.list-inner > li:focus > a {
    background-color: var(--color-base-secondary);
    color: #fff;
    height: 100%;
    display: inline-block;
}

.list-inner > li:hover > .a2 > i,
.list-inner > li:focus > .a2 > i {
}

.list-inner > li:hover > .a1 > i,
.list-inner > li:focus > .a1 > i {
    color: #fff;
}
.list-inner > li:hover > .a2 > i,
.list-inner > li:focus > .a2 > i {
    color: #fff;
}

.new-create > i {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/Images/znkj.png) -55px -8px;
    vertical-align: -4px;
    padding-left: 5px;
}

.new-create {
    margin-left: 7px;
}

body .znkj-alert .layui-layer-title {
    background-color: #fff;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.zbkj label {
    display: none;
}

.zbkj .course-name {
    margin-top: 23px;
    margin-left: -60px;
    width: 184px;
    border: 1px solid #d1d1d1;
    padding-left: 10px;
}

.zbkj .course-name::-webkit-input-placeholder {
    color: #646464;
}

.zbkj .course-name:-moz-placeholder {
    color: #646464;
    /*firefox4-18*/
}

.zbkj .course-name::-moz-placeholder {
    color: #646464;
    /*firefox19+*/
}

.zbkj .course-name:-ms-input-placeholder {
    color: #646464;
}

.form-group .already-course {
    width: 109px;
    padding-left: 10px;
    margin-left: 23px;
    cursor: pointer;
    border: none;
    background-color: #f1f1f1;
    border-radius: 5px;
    color: #404040;
}

.znkj-alert .layui-layer-btn0 {
    width: 116px;
    height: 34px;
    line-height: 34px;
    font-weight: normal;
    background-color: #52a3e2;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0 8px;
    position: absolute;
    bottom: 18px;
    right: 26px;
}

.znkj-alert-infor {
    margin-top: 12px;
    margin-left: 25px;
}

.form-group .course-name:focus {
    border: 1px solid #52a3e2;
}

.already-course:hover,
.already-course:focus {
    background: #d7d4d4;
}

.znkj-choose-course {
    width: 149px;
    margin-left: -62px;
}

.zbkj-choose .znkj-new-create {
    width: 103px;
    padding-left: 25px;
    margin-left: 33px;
    background-color: #f1f1f1;
    border: none;
    cursor: pointer;
}

.zbkj-choose {
    margin-top: 24px;
}

.znkj-img {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/Images/znkj.png) -164px -9px;
    position: absolute;
    top: 12px;
    left: 133px;
}

.znkj-new-create:hover,
.znkj-new-create:focus {
    background-color: #e7e4e4;
}

.znkj-alert .layui-layer-setwin .layui-layer-close1,
.znkj-alert .layui-layer-setwin .layui-layer-close1:hover {
    background: url(/Images/close.jpg) no-repeat;
    width: 13px;
    height: 13px;
}

/*********************************message******************************************/

.cck-box-c {
    background: url(/Images/checkbox1.gif);
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 7px;
    z-index: 9;
}

.cck-box-c input {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.cck-box-c.checked {
    background: url(/Images/checkbox2.gif);
}

.mess {
    display: none;
    cursor: pointer;
}

.mess-alert .layui-layer-title > i {
    display: inline-block;
    width: 20px;
    height: 20px;
    /* background: url(/Images/publish.png) no-repeat; */
    vertical-align: -5px;
    margin-right: 10px;
}

.mess-alert .layui-layer-title > span {
    font-size: 15px;
}

.mess-alert .layui-layer-title {
    background: #ffffff;
    line-height: 43px;
    padding-left: 19px;
}

.mess-alert .layui-layer-setwin .layui-layer-close1,
.info .layui-layer-setwin .layui-layer-close1:hover {
    background: url(/Images/close.jpg);
}

.mess-alert .layui-layer-setwin .layui-layer-close1:hover {
    background-position: 0px 0px;
}

.alert-message {
    padding: 0 30px 0px 20px;
    font-size: 15px;
}

.alert-message .group-student i {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(/Images/radio.png) no-repeat;
    margin-right: 5px;
}

.alert-message .infor-title {
    width: 90%;
    line-height: 25px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #cad2e1;
    margin-left: 10px;
}

.alert-message .title-prevent {
    position: absolute;
    top: 8px;
    right: 29px;
}

.alert-message .content-infor {
    width: 90%;
    height: 230px;
    padding: 5px;
    border: 1px solid #cad2e1;
    border-radius: 5px;
    margin-left: 54px;
}

.alert-message .student {
    margin-right: 20px;
    margin-left: 10px;
}

.alert-message .content {
    position: absolute;
    top: 7px;
    left: 0px;
}

.alert-message .choosed-right {
    margin-left: 327px;
}

.alert-message .person-number {
    color: red;
    padding: 0 5px;
}

.mess-alert .layui-layer-btn0,
.mess-alert .layui-layer-btn .layui-layer-btn1 {
    width: 63px;
    height: 31px;
    border-radius: 3px;
    background-color: var(--color-base-secondary);
}

.mess-alert .layui-layer-btn0 {
    margin-left: -351px;
}

/*/*{
width: 63px;
height: 31px;
border-radius: 3px;
background-color:;
color:#737373;
}*/

.alert-message .student.selected i,
.alert-message .parent.selected i {
    background-position: -11px 0px;
}

.mess-alert .content-prevent {
    position: absolute;
    top: 214px;
    right: 19px;
}

.alert-message .noarent-stu > i {
    background: url(/Images/remind.png);
    width: 15px;
    height: 15px;
    vertical-align: -2px;
}

.alert-message .noarent-stu {
    margin-left: 70px;
    margin: 10px 6px 10px 70px;
}

.alert-message > .group-student > .student,
.alert-message > .group-student > .parent {
    cursor: pointer;
}

#mathMarkList li {
    float: left;
    margin: 4px;
    list-style: none;
    border: 1px solid #ccc;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}

#mathMarkList li.on {
    color: #fff;
    background-color: #238acf;
}

.ft span {
    padding: 4px 10px;
    border: 1px solid #8c8b90;
    margin-right: 10px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.ft {
    padding: 10px 0px;
    background-color: #eaeaea;
    text-align: right;
}

.ft span:first-child {
    background-color: #238acf;
    color: #fff;
}

body .msg-alert {
    background: transparent;
    border: none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
}

body .hideLayerButton .layui-layer-title {
    display: none;
}

/*纠错与关注*/

.follow {
    display: inline-block;
    margin-left: 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    background: url("/Images/add-follow.png") left center no-repeat;
    padding-left: 23px;
}

.onFollow {
    background-image: url("/Images/followed.png");
}

.jc_follow {
    position: absolute;
    right: 15px;
    top: 5px;
}

.jc_edit {
    width: 55px;
    padding-left: 18px;
    cursor: pointer;
}

.jc_edit:hover {
    color: var(--color-base-secondary);
}

.followHidden {
    display: none;
}

/*纠错与关注*/

.MathJax_SVG * {
    color: #000;
}

a .MathJax_SVG * {
    color: #7dc1f6;
}

.am-panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.am-panel-success {
    border-color: #c9e7c9;
    display: none;
}

.am-panel-success > .am-panel-hd {
    color: #5eb95e;
    background-color: rgba(94, 185, 94, 0.15);
    border-color: #c9e7c9;
}

.am-panel-hd {
    padding: 0.6rem 1.25rem;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.am-panel-title {
    margin: 0;
    font-size: 100%;
    color: inherit;
}

.am-panel-bd {
    padding: 1.25rem;
    font-size: 14px;
}

.hide_tab {
    display: none;
}

/*20190905更新公告功能*/

.master-header .updateNoticeShodow {
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background-color: #999;
    z-index: 1999999;
    position: fixed;
    display: none;
}

.master-header .updateNotice {
    width: 706px;
    height: 490px;
    background-image: url(../Images/tongzhi.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: fixed;
    z-index: 2000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #555;
}

.master-header .updateNotice div[limit] {
    position: absolute;
    top: 305px;
    left: 50%;
    font-size: 40px;
    transform: translate(-50%, 0%);
    display: none;
    color: #666;
}

.master-header .closeImg {
    position: fixed;
    left: 620px;
    top: 35px;
    cursor: pointer;
}

.master-header .lookMore {
    display: inline-block;
    width: 150px;
    height: 60px;
    background-color: #fd9c3c;
    text-align: center;
    color: #fff;
    font: 23px/60px bold Heiti;
    border-radius: 30px;
    position: fixed;
    top: 85%;
    left: 42%;
    box-shadow: 0px 3.5px 0 #999;
    border: solid 1.5px #eee;
    cursor: pointer;
}

.master-header .noticeContent {
    width: 465px;
    height: 240px;
    margin: 100px 140px;
    box-sizing: border-box;
    padding: 10px 20px;
    overflow: hidden;
    line-height: 28px;
}

.msgCss0 {
    text-decoration: none;
    color: #7dc1f6;
}

.msgCss1 {
    text-decoration: none;
    color: #7dc1f6;
}

/*系统置顶通知*/

.notification {
    border: 1px solid rgba(251, 229, 183, 1);
    border-radius: 8px;
    margin-bottom: 20px;
    background: rgba(255, 241, 211, 1);
    font-size: 16px;
    position: relative;
}

.notification:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 20px;
    background: url("/Images/ic_notice.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 20px;
    top: 21px;
}

.notification .noti-more {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("/Images/ic_more.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.notification .noti-more:hover {
    background: url("/Images/ic_more_hover.png") no-repeat;
}

.notification .noti-title {
    color: #e78b1f;
    font-weight: bold;
}

.notification .noti-content {
    padding: 20px 60px;
    color: rgba(231, 139, 31, 0.9);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.notification .noti-content > p {
    margin: 8px 0;
}

.layui-layer-content .notification {
    width: 800px;
}

/*强制消息弹框*/

.pop-force {
    padding: 15px;
}

.pop-force table {
    table-layout: fixed;
    border: 1px solid #ccc;
    color: #676464;
}

.pop-force table tr {
    line-height: 35px;
    border-bottom: 1px solid #ccc;
}

.pop-force thead tr {
    background: #7dc1f6;
}

.pop-force tbody tr.fm {
    cursor: pointer;
}

.pop-force tbody tr.unread .fm-title {
    font-weight: bold;
    color: #439e95;
}

.pop-force tbody tr.fm:hover {
    background: #d8eaf8;
}

.pop-force .theme .fm-content {
    color: #a0a0a0;
    font-size: 12px;
}

.pop-force .theme .fm-title {
    color: #333;
}

.chevron {
    position: relative;
    display: block;
    /*width: 100%;
height: 100%;*/
}

.chevron-right:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #666;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.chevron-down:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.pop-force table .theme {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}

.pop-force table .fmd {
    position: unset;
    text-align: left;
    line-height: 25px;
    padding: 8px 12px;
}

.pop-force table .fmd .fmd-title {
    font-size: 16px;
}

.fmd-sender {
    color: #a0a0a0;
}

/*20200512英语段文改错Css*/

.englishErrorCss {
    position: relative;
    cursor: pointer;
}

.englishErrorCss:hover {
    background-color: #0a76f5;
    color: #fff;
}

.errorEditerCss {
    position: absolute;
    border: 1px #ccc solid;
    background: #fff;
    z-index: 19931022;
}

.optionCss {
    cursor: pointer;
    width: 100px;
    height: 34px;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 34px;
    padding-left: 10px;
    box-sizing: border-box;
}

.replaceWord {
    background: url("/images/ic_replace.png") no-repeat;
    background-position: 13px 10px;
}

.addWord {
    background: url("/images/ic_add.png") no-repeat;
    background-position: 13px 10px;
}

.deleteWord {
    background: url("/images/ic_delete1.png") no-repeat;
    background-position: 13px 10px;
}

.clearWord {
    background: url("/images/ic_reduction.png") no-repeat;
    background-position: 13px 10px;
}

.optionCss:hover {
    background-color: #f2f2f2;
}

.onCss {
    color: #0a76f5;
}

.onReplace {
    text-decoration-line: line-through;
}

.onDelete {
    text-decoration-line: line-through;
}

.editerInputCss {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px #0a76f5 solid;
    width: auto;
    display: inline-block;
    min-width: 20px;
    margin-left: 5px;
    color: #666;
    user-modify: read-write;
}

.editerInputCss:hover {
    background-color: #fff;
}

.errorNumber {
    position: relative;
    top: -6px;
    display: inline-block;
}

.disNone {
    display: none;
}

.disNone1 {
    display: none;
}

.editerCloseBtn {
    position: absolute;
    right: 2px;
    top: 0px;
    font-size: 20px;
    z-index: 199310022;
    color: #666;
    height: 14px;
    line-height: 14px;
}

.correctinfoHalf {
    padding: 7px 4px 5px 36px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 0 7px;
    font-size: 16px;
}

.half14 {
    color: #fe9b00;
    background-image: url(/Images/ic_o.png?v=2);
}

.half59 {
    color: #44c7a0;
    background-image: url(/Images/ic_g.png?v=2);
}

/*20200512英语段文改错Css*/

/*新任务窗口*/

.sentTask {
    background: url(/Images/task_senton.png) no-repeat;
    background-position: left -1px;
    padding-left: 20px;
    height: 16px;
}

.sentTask:hover {
    background: url(/Images/task_sent.png) no-repeat;
    background-position: left -1px;
    padding-left: 20px;
    color: #ccc;
    height: 16px;
}

.taskReservoir {
    background: url(/Images/selectTaskon.png) no-repeat;
    background-position: left -1px;
    padding-left: 20px;
    height: 16px;
}

.taskReservoir:hover {
    background: url(/Images/selectTask.png) no-repeat;
    background-position: left -1px;
    padding-left: 20px;
    color: #ccc;
    height: 16px;
}

.addTaskTolibrary {
    color: #fff;
    background: url(/Images/selectTaskon.png) no-repeat;
    background-position: left 0;
    padding-left: 20px;
    font-size: 12px;
}

.addTaskTolibrary:hover {
    background: url(/Images/selectTask.png) no-repeat;
    background-position: left 0;
    padding-left: 20px;
    color: #ccc;
}

.addTaskTolibraryC {
    background-color: #666;
    cursor: pointer;
    display: inline-block;
    width: 120px;
    position: fixed;
    z-index: 20000;
    border-radius: 10px;
    padding: 0 5px 0px 10px;
}

/*
2020年6月14日18:19:57 智能答疑  添加  全局样式
*/

.ask-some-question {
    cursor: pointer;
    /* display: inline-block; */
    line-height: 20px;
    margin-left: 12px;
    display: none;
}

.ask-some-question.flex-direction-reverse {
    display: flex;
    flex-direction: row-reverse;
}

.ask-some-question i {
    /* background-position-y: -30px; */
    /* display: inline-block; */
    /* height: 18px;
  width: 18px; */
    /* vertical-align: text-top; */
    /* background: url(/Images/askQuestion.png) no-repeat; */
    /* background-position-y: -30px; */
    margin-right: 3px;
}

.ask-some-question span {
    color: inherit;
}

.ask-some-question:hover i {
    /* background-position-y: 0px; */
    color: var(--color-base-secondary);
}

.ask-some-question:hover span {
    color: var(--color-base-secondary) !important;
}

/*
2020年7月10日14:54:10  添加白板全局css
*/

#white-board-background-shadow-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 995;
}

#white-board-background-shadow-mask > div {
    background-color: rgba(0, 0, 0, 0.5);
}

.white-board-bgsm-left {
    width: 100%;
}

.white-board-bgsm-mid {
    width: 1300px;
    min-width: 1300px;
}

.white-board-bgsm-right {
    width: 100%;
}

#white-board-shadow-mask {
    width: 1300px;
    position: absolute;
    top: 0;
    left: calc(50% - 650px);
    z-index: 997;
    display: none;
    cursor: no-drop;
}

#white-board-canvas-editor {
    position: absolute;
    top: 0px;
    left: calc(50% - 650px);
    width: 100%;
    height: 100%;
    z-index: 996;
    min-height: 500px;
    min-width: 1300px;
    width: 1300px;
    border: none;
}

/*
2020年7月29日14:54:10  添加全局任务接收者css
*/

.userlistCss {
    margin-left: 45px;
}

.userlistCss60 {
    margin-left: 58px;
}

.grouplistCss20 {
    margin-left: 20px;
}

.studentListCss {
    display: none;
    background-color: #fff;
    color: #666;
    position: absolute;
    margin-left: 215px;
    top: 0px;
    padding: 10px 12px;
    line-height: 24px;
    overflow: auto;
    z-index: 100;
    cursor: default;
    margin-top: 5px;
    border: 1px solid rgb(211, 216, 228);
}

.studentListL {
    display: flex;
    flex-wrap: wrap;
}

#divStudentListForSRR {
    width: 450px;
    height: 270px;
    padding: 0 10px;
    position: relative;
}

#divStudentListForSR {
    border-right: 1px dashed rgb(211, 216, 228);
    width: 300px;
    height: 270px;
    overflow-y: auto;
}

.stuName {
    display: inline-block;
    box-sizing: border-box;
    background-color: #f7f8f8;
    width: 100px;
    height: 26px;
    line-height: 26px;
    color: #555555;
    margin: 5px 0px 0px 5px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 4px;
    padding: 0 8px;
    position: relative;
}

.usersInput {
    margin-right: 5px;
}

.rotate-90 {
    transform: rotate(-90deg);
}

.rotate0 {
    transform: rotate(0deg);
}

/*查看更多答案的样式*/

.moreAnswerBottom,
.moreAnswerTop {
    cursor: pointer;
}

.moreAnswerBottom::after {
    content: url("/Images/moreAnswerBottom.png");
    margin-left: 8px;
    position: relative;
    top: 4px;
}

.moreAnswerTop::after {
    content: url("/Images/moreAnswerTop.png");
    margin-left: 8px;
    position: relative;
    top: 4px;
}

.moreAnswer {
    display: none;
}

.item-new {
    padding: 0 4px;
    font-size: 12px;
}

/*难题推荐*/

.difficultQuestionRecommendText {
    width: 138px;
    cursor: pointer;
    color: #666 !important;
    margin-top: 26px;
    margin-left: 8px;
    position: relative;
    line-height: normal;
    letter-spacing: 0px;
    background: #fff !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
}

.difficultQuestionRecommendText span {
    color: var(--color-base-secondary);
}

.difficultQuestionRecommendText img {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 110px;
    /* top: -3px; */
}
.difficultQuestionRecommendText i {
    width: 18px;
    height: 18px;
    color: var(--color-base-secondary);
    /* top: -3px; */
}

.difficultQuestionRecommendContainer {
    display: flex;
    align-items: center;
    margin: 14px 18px;
    font-size: 14px;
    color: #3f3f3f;
}

.difficultQuestionRecommendTitleTwo {
    margin-right: 12px;
}

.difficultQuestionRecommendFollow {
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    background: url("/Images/followed.png") left center no-repeat;
    padding-left: 23px;
}

.difficultQuestionRecommendAddFollow {
    background: url(/images/add-follow.png) left center no-repeat;
}

.difficultQuestionRecommendVideo {
    width: 816px;
    height: 324px;
    margin: 10px 20px;
}

.difficultQuestionRecommendDiv {
    background-color: #eeeeee;
    height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.difficultQuestionRecommendScore {
    height: 44px;
    line-height: 44px;
    padding-left: 18px;
    font-size: 13px;
    color: #3f3f3f;
    box-sizing: border-box;
}

.difficultQuestionRecommendScore b {
    display: inline-block;
    width: 24px;
    height: 23px;
    background: url(/Images/spirts2.png) no-repeat -39px -8px;
    background-position-x: -39px;
    background-position-y: -8px;
    vertical-align: -7px;
    cursor: pointer;
}

.difficultQuestionRecommendScore b.on {
    background-position: -4px -8px;
}

.difficultQuestionRecommendScore span:last-child {
    margin-left: 6px;
}

.difficultQuestionRecommendScore span {
    position: initial !important;
    color: #3f3f3f !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

.difficultQuestionRecommendChange {
    margin-right: 16px;
    background-color: #f4b200;
    padding: 0 16px;
    font-size: 13px;
    color: #fff;
    text-align: center;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    cursor: pointer;
}

/*难题推荐的弹出层的样式*/

.selfstudy-stu .layui-layer-title {
    background-color: #5da479;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    padding: 0;
}

.selfstudy-stu .layui-layer-title > div {
    height: 25px;
    line-height: 25px;
    color: #fff;
}

.selfstudy-stu .layui-layer-title > div > i {
    background: url(/Plugins/jBox/Skins/Default/images/jbox-title-icon.gif) no-repeat scroll 3px 5px transparent;
    display: inline-block;
    width: 18px;
    height: 17px;
}

.selfstudy-stu .layui-layer-setwin {
    top: 6px;
}

/*语文特殊符号全局通用波浪线 加点*/

.wavyLine {
    position: relative;
    display: inline-block;
}

.wavyLine::after {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 0.25em;
    background: linear-gradient(135deg, transparent, transparent 45%, #000, transparent 55%, transparent 100%),
        linear-gradient(45deg, transparent, transparent 45%, #000, transparent 55%, transparent 100%);
    background-size: 0.5em 0.5em;
    background-repeat: repeat-x, repeat-x;
    left: 0px;
}

.addDot {
    position: relative;
    display: inline-block;
}

.addDotHZ::after {
    content: "";
    height: 3px;
    width: 3px;
    position: absolute;
    background: #000;
    border-radius: 50px;
    left: 34%;
    bottom: -3px;
}

.addDotYW::after {
    content: "";
    height: 3px;
    width: 3px;
    position: absolute;
    background: #000;
    border-radius: 50px;
    left: 32%;
    bottom: -3px;
}

/* screen-monitor */

.SM-raise-hands {
    display: none;
    align-items: center;
    color: #676464;
    font-size: 14px;
}

.SM-raise-hands .raise-hands-img {
    background: url("/Images/ic_raise_hands.png");
    width: 16px;
    height: 16px;
}

.SM-raise-hands:hover {
    color: var(--color-base-secondary);
}

.SM-raise-hands:hover .raise-hands-img {
    background: url("/Images/ic_raise_hands_hover.png");
}

.SM-raise-hands > * {
    margin-right: 4px;
}

/**
	语文
*/

.chinese-sq-answer {
    margin-top: 20px;
    width: 100%;
    padding: 24px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.chinese-sq-answer input {
    border: none;
    background: #fff;
}

.chinese-sq-answer.ml-answer p span {
    position: relative;
}

.chinese-sq-answer.ml-answer p span:after {
    content: "";
    position: absolute;
    top: 21px;
    right: 0;
    width: 100%;
}

.chinese-sq-answer.ml-answer p[actiontype="16"] span:after {
    border-bottom: 1px solid #999999;
}

.chinese-sq-answer.ml-answer p[actiontype="17"] span:after {
    height: 0.25em;
    background: linear-gradient(135deg, transparent, transparent 45%, #999999, transparent 55%, transparent 100%),
        linear-gradient(45deg, transparent, transparent 45%, #999999, transparent 55%, transparent 100%);
    background-size: 0.5em 0.5em;
    background-repeat: repeat-x, repeat-x;
}

/* 培诺登录样式 */

#pn-user-login {
    width: 462px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    border-radius: 12px;
    padding: 40px 50px 50px 50px;
    box-sizing: border-box;
    z-index: 9;
}

#pn-user-login .sign_in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dee5f0;
}

#pn-user-login .sign_in .item {
    width: 180px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    text-align: center;
    margin: 0;
    cursor: pointer;
    position: relative;
    padding-bottom: 10px;
}

#pn-user-login .sign_in .item .line {
    position: absolute;
    bottom: 0px;
    left: 0;
    display: none;
}

#pn-user-login .sign_in .item.active-item .text {
    font-weight: bold;
    color: #21a2f2;
    display: block;
}

#pn-user-login .sign_in .item.active-item .line {
    display: block;
}

#pn-user-login .sign_in span {
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 37px;
    color: #000000;
}

#pn-user-login .sign_in a {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #ff5454;
}

#pn-user-login .box {
    width: 360px;
    height: 48px;
    background: #f5f7fb;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 16px;
}

#pn-user-login .box .icon {
    width: 24px;
    height: 24px;
}

#pn-user-login .box input {
    flex: 1;
    height: 40px;
    margin-left: 7px;
    font-size: 16px;
    border: none;
    background: #f5f7fb;
}

#pn-user-login .box input::-webkit-input-placeholder,
#pn-user-login .box input::-moz-placeholder,
#pn-user-login .box input::-moz-placeholder,
#pn-user-login .box input::-ms-input-placeholder {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #cbcbcb;
}

#pn-user-login .input_user {
    margin-top: 40px;
}

#pn-user-login .input_psw {
    margin-top: 20px;
}
#pn-user-login .input_studentPsw {
    margin-top: 20px;
}

#pn-user-login .input_psw .code {
    width: 124px;
    height: 48px;
    background: #21a2f2;
    border-radius: 0px 4px 4px 0px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#pn-user-login .forgot {
    text-align: right;
    margin-top: 20px;
    cursor: pointer;
}

#pn-user-login .forgot a {
    color: #ff5454 !important;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 21px;
}

#pn-user-login #loginform-loginsystem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 360px;
    height: 48px;
    background: #47a3ff;
    border-radius: 4px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 26px;
    color: #ffffff;
    margin-top: 32px;
    cursor: pointer;
}

#pn-user-login .help-block {
    width: 100%;
    height: auto;
    font-size: 15px;
    color: red;
    text-align: left;
    margin-top: 20px;
}

.addVideoToLibrary {
    width: 102px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    color: #666;
    background: url(/Images/addVideoToLibrary.png) no-repeat left center;
    cursor: pointer;
    position: absolute;
    right: 20px;
}

.addVideoToLibrary:hover {
    color: rgb(98, 171, 229);
}

i > .fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}