body,
html {
    margin: 0;
    padding: 0;
    /*height: 100%;*/
    /*	background-color: #d6ecf0;*/
    /*background-color: #e9eff0;*/
}

a {
    text-decoration: none;
}

ul,
li {
    list-style: none;
}

input,
textarea,
select {
    color: blue;
    /*padding-left: 1px;*/
    font-size: 10pt;
    font-weight: bolder;
}
.inputA {
    /*width: 180px;*/
    /*height: 34px;*/
    color: #acabab;
    font-size: 10pt;
    /*padding-left: 15px;*/
    border: 2px solid #eceaea;
}

.inputB {
    /* 新增中的输入框样式*/
    /*height: 30px;*/
    /*width: 400px;*/
    border: 2px solid #eceaea;
}
label {
    color: black;
    font-size: 12pt;
    /*font-weight:bolder;*/
}

.labelD {
    color: black;
    font-size: 12pt;
    /*font-weight:bolder;*/
}

.labelclass {
    color: black;
    font-size: 12pt;
    /*font-weight:bolder;*/
}

.selectD {
    color: blue;
    /*padding-left: 1px;*/
    font-size: 10pt;
    font-weight: bolder;
}

.topDiv {
    width: 100%;
    background-color: #cd0505;
    display: flex;
    flex-direction: row;
    /*height: 10%;*/
    /*position: absolute;*/
}

.title {
    display: flex;
    font-size: 26px;
    font-weight: bolder;
    /*color: #fdfdfe;*/
    color: white;
    padding: 30px 30px 30px 70px;
}

.topRight {
    display: flex;
    flex-direction: row;
    /*float: right;*/
    margin-left: auto;
    margin-right: 50px;
    font-size: 12pt;
}

.selectA {
    color: white;
    font-size: 16px;
    font-weight: lighter;
    /* 去掉边框 */
    border: 0;
    /*display: block;*/
    /*position: relative;*/
}

.username {
    color: white;
    font-size: 12pt;
    font-weight: lighter;
    align-items: center;
    margin-top: 35px;
}

.topRight img {
    border-radius: 25px;
    width: 50px;
    height: 50px;
    align-items: center;
    margin-top: 20px;
    margin-left: 50px;
    margin-right: 20px;
}

.nav {
    display: flex;
    background-color: #cd0505;
    padding-left: 8%;
}

.navItem {
    color: white;
    font-size: 20px;
    font-weight: lighter;
    margin-left: 50px;
    margin-right: 50px;
    padding-bottom: 20px;
}

.navActive {
    font-weight: bold;
    border-bottom: 5px solid #fcfafa;
}

.menuDiv {
    display: flex;
    flex-direction: row;
    color: rgb(0, 0, 0);
    border-style: none;
    font-size: 18pt;
    font-weight: bolder;
    /*padding-top: 20px;*/
    /*padding-left: 20px;*/
    /*padding-bottom: 20px;*/
    border-left: 6px solid #fdfdfe;
}

.menuDivBlue {
    display: flex;
    flex-direction: row;
    color: rgb(0, 0, 255);
    border-style: none;
    font-size: 14pt;
    /*font-weight: bolder;*/
    /*padding-top: 20px;*/
    /*padding-left: 20px;*/
    /*padding-bottom: 20px;*/
    border-left: 6px solid #fdfdfe;
}

.menuDivActive {
    display: flex;
    flex-direction: row;
    color: red;
    background-color: yellow;
    border-style: none;
    /*padding-top: 20px;*/
    /*padding-left: 20px;*/
    /*padding-bottom: 20px;*/
    border-left: 6px solid #fdfdfe;
}

.menuDiv img {
    width: 20px;
    height: 20px;
    padding-right: 5px;
    /*padding-right: 50px;*/
    /*padding-top: 5px;*/
}

.menuDiv a {
    color: gray;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
}

.menuActive {
    display: flex;
    flex-direction: row;
    color: #cd0505;
    font: size 12px;
    /*padding-top: 20px;
    padding-left: 60px;
    padding-bottom: 20px;*/
    background-color: #fbe6e8;
    border-left: 6px solid #cd0505;
}

.menuActive img {
    width: 20px;
    height: 20px;
    padding-right: 5px;
    /*padding-right: 20px;*/
    /*padding-top: 5px;*/
}

.menuActive a {
    color: #cd0505;
    font-size: 20px;
    text-decoration: none;
}

.workArea {
    display: flex;
    flex-direction: column;
    /*width: 100%;*/
    background-color: #fbf8f9;
    /*height: 750px;*/
    flex: 1;
}

.mainWindowA {
    /* 主窗口中显示表格的div样式 */
    display: flex;
    flex-direction: column;
    width: 85%;
    height: 630px;
    background-color: #fffeff;
    margin: 40px 100px 0px 100px;
    box-shadow: 1px 1px 1px #E8E6E8FF;
}

.mainWindowB {
    /* 主窗口中显示顶部按钮的div样式 */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 50px 100px 0px 100px;
}

.mainWindowC {
    /* 期刊学习中显示图片列表的div */
    display: flex;
    flex-direction: column;
    /*width: 100%;*/
    margin: 20px 100px 0px 100px;
}

.mainWindowD {    
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 85%;
    min-height: 600px;
    background-color: #fffeff;
    margin: 30px 100px 0px 100px;
    box-shadow: 1px 1px 1px #E8E6E8FF;
}

.mainWindowE {
    display: flex;
    flex-direction: column;
    /*width: 100%;*/
    margin: 30px 100px 0px 100px;
}

.buttonC {
    /* 期刊学习中的图片按钮 */
    background-color: white;
    width: 400px;
    height: 200px;
    margin: 10px 20px 20px 10px;
    border: 1px solid #efefef;
}

.redbolder {
    color: red;
    font-weight: bolder;
    font-family: 黑体;
}

.tableA {
    /* 通知 & 文件学习 */
    margin: 20px 30px 20px;
}

.tableA td {
    border-bottom: 2px solid #efefef;
    font-size: 12pt;
    /*height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
   */
}

td {
    font-size: 12pt;
}

.tdNum {
    color: gray;
    font-size: 12pt;
    font-weight: normal;
}

.tdTitle {
    color: black;
    font-size: 12pt;
}

.tdDate {
    /*width: 100%;*/
    /*float: right;*/
    text-align: right;
    padding-right: 20px;
    color: #acabab;
    font-size: 12pt;
    font-weight: normal;
}

.thZb {
    /*width: 100%;*/
    /*float: right;*/
    text-align: right;
    /*padding-right: 20px;*/
    color: #000000;
    font-size: 12pt;
    font-weight: weight;
    /*background-color:#d6ecf0;*/
}

.thZj {
    /*width: 100%;*/
    /*float: right;*/
    width: 90px;
    text-align: right;
    /*padding-right: 20px;*/
    color: #000000;
    font-size: 12pt;
    font-weight: weight;
    /*background-color:#d6ecf0;*/
}

.thShow {
    /*width: 100%;*/
    /*float: right;*/
    text-align: right;
    /*padding-right: 20px;*/
    color: #000000;
    font-size: 12pt;
    font-weight: weight;
    /*background-color:#d6ecf0;*/
    display: none;
}

.tdTitle a {
    color: black;
    font-size: 12pt;
    text-decoration: none;
}

.tdDate a {
    float: right;
    color: #acabab;
    font-size: 12pt;
    font-weight: normal;
    text-decoration: none;
}

.tableB {
    /*  年度积分表格  */
    margin-left: 40px;
    margin-right: 40px;
    text-align: center;
}

.tableB tr {
    height: 50px;
}

.buttonA {
    /* 顶部按钮 - 选中 */
    background-color: #fffeff;
    color: #cd0505;
    border: 1px solid #efefef;
    width: 150px;
    height: 40px;
    font-size: 18px;
    font-weight: bolder;
    margin-right: 10px;
    margin-left: 10px;
}

.buttonB {
    /* 顶部按钮 - 未选中 */
    background-color: #f0edf1;
    color: #898c94;
    border: 1px solid #dbdada;
    width: 150px;
    height: 40px;
    font-size: 18px;
    font-weight: bolder;
    margin-right: 10px;
    margin-left: 10px;
}

.buttonD {
    /* 个人中心-我的积分 中的分区按钮 - 未选中 */
    width: auto;
    height: 40px;
    color: #898c94;
    font-size: 16px;
    font-weight: bolder;
    background-color: #fffeff;
    border: none;
    margin: 20px 10px 10px 30px;
}

.buttonE {
    /* 个人中心-我的积分 中的分区按钮 - 选中 */
    width: auto;
    height: 40px;
    color: #cd0505;
    font-size: 16px;
    font-weight: bolder;
    background-color: #fffeff;
    border: none;
    margin: 20px 10px 10px 30px;
    border-bottom: 1px solid #cd0505;
}

.buttonF {
    /*  工作区中常规按钮 - 白底  */
    width: 90px;
    height: 40px;
    color: #d91e04;
    font-size: 15px;
    font-weight: bold;
    margin-left: 30px;
    background-color: #fdffff;
    border: 2px solid #d91e04;
    border-radius: 10px;
}

.buttonG {
    /*  工作区中常规按钮 - 红底  */
    width: 90px;
    height: 40px;
    color: #fdffff;
    font-size: 15px;
    font-weight: bold;
    margin-left: 30px;
    background-color: #d91e04;
    border: 2px solid #fdffff;
    border-radius: 10px;
}

.buttonH {
    /*  表格中操作按钮（图片�?*/
    border: none;
    background: none;
}

.buttonI {
    /* 表格中加减数字的按钮 */
    background-color: #fcfffb;
    border: 1px solid #eae7e7;
}

.buttonDivA {
    /*  工作区底部放置按钮区�? */
    text-align: center;
    margin-top: 50px;
}

.buttonDivA button {
    width: 200px;
}

.buttonbgred {
    /*  工作区中常规按钮 - 红底  */
    color: #fdffff;
    font-size: 15px;
    font-weight: bold;
    background-color: #d91e04;
    border: 2px solid #fdffff;
    border-radius: 10px;
}

.numChangeDiv {
    /* 表格�?修改时用来调整数值的按钮区域 */
    float: right;
    flex-direction: column;
    display: flex;
    margin-right: 5px;
}

.selectB {
    margin-left: auto;
    width: 180px;
    height: 40px;
    color: #acabab;
    margin-top: 15px;
    margin-right: 50px;
    padding-left: 15px;
    border: 2px solid #eceaea;
}

.selectC {
    width: 180px;
    height: 40px;
    color: #acabab;
    margin-left: 20px;
    padding-left: 15px;
    border: 2px solid #eceaea;
}



.quarterScore {
    display: flex;
    flex-direction: row;
    border: 2px solid #eceaea;
    border-radius: 10px;
    margin: 0px 40px 30px 40px;
    height: 80px;
}

.quarterItem {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: auto;
}

.annualItem {
    width: 40%;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: auto;
    font-size: 20px;
}

.spanA {
    /*  季度得分  */
    font-size: 20px;
    margin-bottom: 5px;
}

.spanB {
    /* 实现文字居中 */
    height: 50px;
    line-height: 50px;
}

.inputDiv {
    display: flex;
    flex-direction: row;
    /* 实现文字居中 */
    height: 50px;
    line-height: 50px;
}

.inputDiv label {
    width: 80px;
}

.inputDiv input {
    height: 30px;
    width: 400px;
    margin-top: 7px;
    border: 2px solid #eceaea;
}

.lineA {
    width: 1px;
    height: 60%;
    margin-top: 16px;
    background: #eceaea;
}

.examDiv {
    /* 考试信息 */
    width: 100%;
    height: 140px;
    display: flex;
    flex-direction: column;
    background-color: #fffeff;
    box-shadow: 1px 1px 1px #E8E6E8FF;
    font-size: 20px;
    font-weight: lighter;
    margin-bottom: 30px;
}

.examDiv span {
    font-weight: bold;
}

.examItem {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}

.examItemLeft {
    margin-top: 10px;
    margin-left: 20px;
    width: 50%;
}

.examItemRight {
    margin-top: 10px;
    width: 50%;
}

.detailsTitle {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 26px;
    text-align: center;
}

.detailsIssue {
    color: #acabab;
    font-size: 12px;
    font-weight: lighter;
    text-align: center;
    margin-bottom: 20px;
}

.detailsPic {
    text-align: center;
}

.detailsBody {
    margin: 20px 10%;
}

.footer {
    text-align: center;
    color: #898c94;
    font-size: 14px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.upFile {
    color: Red;
    font-size: 10pt;
}

.child {
    display: block;
}

.div0 {
    text-align: center;
}


/*以下样式，是为新版党建，由杨圣洪定义的，UI可以根据要求修改*/

.menuDivTopButton {
    color: black;
    font-size: 32px;
    font-weight: normal;
    text-decoration: none;
}

.menuDivTopButton24 {
    font-size: 28px;
    text-decoration: none;
    color: #acabab;
    font-weight: bold;
    background-color: #fdffff;
}

.imgButton1 {
    height: 42px;
}

.divflexrow {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
}

.divflexrowWithouWrap {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.divflexcol {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: auto;
}

.divflexcolpt12 {
    color: black;
    font-weight: bolder;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: auto;
    font-size: 14pt;
}

.tdNumCenter {
    color: black;
    font-size: 12pt;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
}

.tdCenter {
    color: black;
    font-size: 12pt;
    font-weight: normal;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
}

.tdLeft {
    color: black;
    font-size: 12pt;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    /*white-space:nowrap;*/
}

.tdLeft500 {
    width: 65%;
    color: black;
    font-size: 12pt;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    word-break: break-all;
    /*white-space:nowrap;*/
}

.tdLeft300 {
    width: 300px;
    color: black;
    font-size: 12pt;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    word-break: break-all;
    /*white-space:nowrap;*/
}

.tdLeft200 {
    width: 200px;
    color: black;
    font-size: 12pt;
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    word-break: break-all;
    /*white-space:nowrap;*/
}

.tdRight {
    color: black;
    font-size: 12pt;
    font-weight: normal;
    text-align: right;
    border-bottom: 1px solid;
    border-right: 1px solid;
}

.partyTrH {
    background-color: #0e0e0e;
}

.partyTh {
    color: black;
    font-size: 12pt;
    font-weight: bolder;
    border-bottom: 1px solid;
    border-right: 1px solid;
    text-align: center;
}
.party300px{
	color: black;
    font-size: 12pt;
    font-weight: bolder;
    border-bottom: 1px solid;
    border-right: 1px solid;
    text-align: left;
	width:400px;
}

.partyTdata1 {
    /*奇数行的样式*/
    font-size: 12pt;
    text-decoration: none;
    background-color: #ffffff;
}

.partyTdata2 {
    /*偶数行的样式*/
    font-size: 12pt;
    text-decoration: none;
    background-color: #d6ecf0;
}

.textbox4 {
    color: black;
    font-size: 12pt;
    font-weight: normal;
    text-align: left;
    width: 40px;
    margin-left: 1px;
    padding-left: 1px;
}

.partyTrH {
    background-color: #0e0e0e;
}

.partyTh {
    color: black;
    font-size: 12pt;
    font-weight: bolder;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    text-align: center;
}

.partyThFirst {
    color: black;
    font-size: 12pt;
    font-weight: bolder;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    text-align: center;
}

.partyTd {
    color: black;
    font-size: 12pt;
    font-weight: lighter;
    /*font-weight:bolder;*/
    border-bottom: 1px solid;
    border-right: 1px solid;
    text-align: center;
}
.partyTdHidden {
    display:none;
}
.partyTdRight {
    color: black;
    font-size: 12pt;
    font-weight: lighter;
    /*font-weight:bolder;*/
    border-bottom: 1px solid;
    border-right: 1px solid;
    text-align: right;
}

.partyTdLeft {
    color: black;
    font-size: 12pt;
    font-weight: lighter;
    /*font-weight:bolder;*/
    border-bottom: 1px solid;
    border-right: 1px solid;
    text-align: left;
}

.partyTdFirst {
    color: black;
    font-size: 12pt;
    font-weight: lighter;
    /*font-weight:bolder;*/
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    text-align: center;
}

.displaynone {
    display: none;
}