.classContrast-mask {
    height: 100%;
    background: #000;
    opacity: .4;
    filter: alpha(opacity=40);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    display: none
}

.classContrast-dialog {
    width: 980px;
    height: 620px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -310px 0 0 -490px;
    z-index: 999;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    font: 14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
    display: none
}

.classContrast-dialog .classContrast-hd {
    height: 68px;
    padding-left: 50px
}

.classContrast-dialog .classContrast-hd h6 {
    font-size: 20px;
    font-weight: bold;
    line-height: 68px
}

.classContrast-dialog .classContrast-close {
    width: 20px;
    height: 20px;
    line-height: 140px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url(/images/jianzao2/project/close_Btn.png) no-repeat
}

.classContrast-dialog .classContrast-main {
    height: 462px;
    padding-top: 90px;
    overflow: auto;
    position: relative;
    margin-left: 50px
}

.classContrast-dialog .cc-table-hd {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff
}

.classContrast-dialog .cc-table-hd td {
    height: 80px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    vertical-align: top;
    background: #fff
}

.classContrast-dialog .classContrast-panel {
    padding-right: 8px
}

.classContrast-dialog .classContrast-select {
    height: 38px;
    position: relative;
    z-index: 50;
    border: 1px solid #dedede;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: url(/OtherItem/images/2020CourseCenter/classContrast/classContrast-arrow.png) no-repeat right top;
    display: none
}

.classContrast-dialog .classContrast-select span {
    height: 38px;
    line-height: 38px;
    padding: 0 20px 0 10px;
    display: block;
    color: #999;
    cursor: pointer
}

.classContrast-dialog .classContrast-select-list {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 100%;
    border-top: 1px solid #dedede;
    display: none
}

.classContrast-dialog .classContrast-select-list dl {
    padding: 10px 12px;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background: #fff
}

.classContrast-dialog .classContrast-select-list dl dt,.classContrast-dialog .classContrast-select-list dl dd {
    padding: 4px 0 4px 24px;
    line-height: 20px;
    cursor: pointer;
    background: url(/OtherItem/images/2020CourseCenter/classContrast/classContrast-select-checked.png) no-repeat
}

.classContrast-dialog .classContrast-select-list dl dt.on,.classContrast-dialog .classContrast-select-list dl dd.on {
    background-position: left -118px
}

.classContrast-dialog .classContrast-select-open {
    background-position: right -38px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.classContrast-dialog .classContrast-select-btn {
    height: 36px;
    line-height: 36px;
    background: #4196ff;
    display: block;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.classContrast-dialog .classContrast-select-list dl dt:hover,.classContrast-dialog .classContrast-select-list dl dd:hover,.classContrast-dialog .classContrast-difference-panel a:hover {
    filter: alpha(opacity=80);
    opacity: .8;
    text-decoration: none
}

.classContrast-dialog .classContrast-difference-panel {
    height: 20px;
    line-height: 20px;
    margin-top: 10px
}

.classContrast-dialog .classContrast-difference-panel a {
    display: inline-block
}

.classContrast-dialog .classContrast-difference-panel span {
    width: 40px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
    background: #ddd;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.classContrast-dialog .classContrast-difference-panel span i {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    background: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.classContrast-dialog .classContrast-difference-panel .on span {
    background: #6c9bf2
}

.classContrast-dialog .classContrast-difference-panel .on span i {
    left: 22px
}

.classContrast-dialog .cc-hd {
    height: 80px;
    line-height: 40px;
    background: #eef8ff;
    color: #2d6ebb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    z-index: 1
}

.classContrast-dialog .cc-hd strong {
    display: block;
    background: #b2d4fe;
    background: -webkit-linear-gradient(left,#dbf0ff,#b2d4fe);
    background: -moz-linear-gradient(left,#dbf0ff,#b2d4fe);
    background: linear-gradient(left,#dbf0ff,#b2d4fe);
    font-size: 18px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.classContrast-dialog .cc-hd strong a {
    color: #2d6ebb
}

.classContrast-dialog .cc-hd .cc-hot {
    width: 32px;
    height: 14px;
    line-height: 140px;
    overflow: hidden;
    background: url(/OtherItem/images/2020CourseCenter/classContrast/hot-icon.png) no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

.classContrast-dialog .cc-table-hd .cc-bg2 {
    background: #fff7ec;
    color: #b75213
}

.classContrast-dialog .cc-table-hd .cc-bg2 strong {
    background: #efae84;
    background: -webkit-linear-gradient(left,#fff0dc,#efae84);
    background: -moz-linear-gradient(left,#fff0dc,#efae84);
    background: linear-gradient(left,#fff0dc,#efae84)
}

.classContrast-dialog .cc-table-hd .cc-bg2 strong a {
    color: #b75213
}

.classContrast-dialog .cc-table-hd .cc-bg3 {
    background: #f6f4ff;
    color: #4f33a3
}

.classContrast-dialog .cc-table-hd .cc-bg3 strong {
    background: #a495d4;
    background: -webkit-linear-gradient(left,#dcd6f1,#a495d4);
    background: -moz-linear-gradient(left,#dcd6f1,#a495d4);
    background: linear-gradient(left,#dcd6f1,#a495d4)
}

.classContrast-dialog .cc-table-hd .cc-bg3 strong a {
    color: #4f33a3
}

.classContrast-dialog .cc-table-hd .cc-bg4 {
    background: #f5fbfb;
    color: #2b8baf
}

.classContrast-dialog .cc-table-hd .cc-bg4 strong {
    background: #b0daeb;
    background: -webkit-linear-gradient(left,#cdf4f2,#b0daeb);
    background: -moz-linear-gradient(left,#cdf4f2,#b0daeb);
    background: linear-gradient(left,#cdf4f2,#b0daeb)
}

.classContrast-dialog .cc-table-hd .cc-bg4 strong a {
    color: #2b8baf
}

.classContrast-dialog .cc-table-hd .cc-bg5 {
    background: #fbf3e8;
    color: #c67719
}

.classContrast-dialog .cc-table-hd .cc-bg5 strong {
    background: #ddc09c;
    background: -webkit-linear-gradient(left,#fdefde,#ddc09c);
    background: -moz-linear-gradient(left,#fdefde,#ddc09c);
    background: linear-gradient(left,#fdefde,#ddc09c)
}

.classContrast-dialog .cc-table-hd .cc-bg5 strong a {
    color: #c67719
}

.classContrast-dialog .cc-table-hd .cc-bg6 {
    background: #fff1f8;
    color: #bb4498
}

.classContrast-dialog .cc-table-hd .cc-bg6 strong {
    background: #e9bbdb;
    background: -webkit-linear-gradient(left,#f9d3ee,#e9bbdb);
    background: -moz-linear-gradient(left,#f9d3ee,#e9bbdb);
    background: linear-gradient(left,#f9d3ee,#e9bbdb)
}

.classContrast-dialog .cc-table-hd .cc-bg6 strong a {
    color: #bb4498
}

.classContrast-dialog .cc-table-hd .cc-bg7 {
    background: #f8f7ff;
    color: #59619c
}

.classContrast-dialog .cc-table-hd .cc-bg7 strong {
    background: #c9cad4;
    background: -webkit-linear-gradient(left,#e4e4f0,#c9cad4);
    background: -moz-linear-gradient(left,#e4e4f0,#c9cad4);
    background: linear-gradient(left,#e4e4f0,#c9cad4)
}

.classContrast-dialog .cc-table-hd .cc-bg7 strong a {
    color: #59619c
}

.classContrast-dialog .cc-table-bd {
    margin-bottom: 10px;
    *margin-bottom: 0;
    border-right: 1px solid #e1e5f3;
    border-top: 1px solid #e1e5f3
}

.classContrast-dialog .cc-table-bd th,.classContrast-dialog .cc-table-bd td {
    border-bottom: 1px solid #e1e5f3;
    background: #f8faff;
    line-height: 22px;
    padding: 11px 0;
    text-align: center;
    font-weight: normal
}

.classContrast-dialog .cc-table-bd th,.classContrast-dialog .cc-table-bd td+td {
    border-left: 1px solid #e1e5f3
}

.classContrast-dialog .cc-table-bd thead th {
    font-weight: bold
}

.classContrast-dialog .cc-table-bd td {
    background: 0
}

.classContrast-dialog .cc-table-bd tbody tr:hover td {
    border-bottom-color: red
}

.classContrast-dialog .classContrast-th {
    width: 192px;
    *width: 193px;
    padding-top: 90px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 15
}

.classContrast-dialog .classContrast-th table {
    width: 100%
}

.classContrast-dialog .classContrast-menu {
    width: 36px;
    position: absolute;
    top: 158px;
    left: 5px;
    background: #cde7ff;
    padding: 2px 2px 1px;
    -webkit-box-shadow: 0 2px 6px rgba(3,38,36,.2);
    -moz-box-shadow: 0 2px 6px rgba(3,38,36,.2);
    box-shadow: 0 2px 6px rgba(3,38,36,.2)
}

.classContrast-dialog .classContrast-menu li {
    margin-bottom: 1px
}

.classContrast-dialog .classContrast-menu li a {
    line-height: 34px;
    background: #7cb3ef;
    display: block;
    color: #fff;
    text-align: center
}

.classContrast-dialog .classContrast-menu li.on a,.classContrast-dialog .classContrast-menu li a:hover {
    background: #6c8ce8;
    text-decoration: none;
}
.classContrast-pop {
    display: none
}