mh_jy_safe_web/src/components/CustomPages/HI/StepForm2.css

.stepsContent {
    text-align: center;
    margin-top: 8vh;
}

.stepsAction {
    position: absolute;
    bottom: 0px;
    z-index: 20;
    text-align: center;
    width: 100%;
    left: 0;
    padding: 15px;
    background-color: white;
}

.PrintForm td {
    border: 1px solid #888;
    padding: 6px;
    font-size: 14px;
}

.PrintFormSmall td {
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 2px;
    font-size: 11px;
}

.PrintForm {
    table-layout: fixed;
}

.fontBold {
    background-color: #FAFAFA;
    font-weight: bolder;
    height: "15px";
}

.PrintForm1 td {
    border: 1px solid #e8e8e8;
    padding: 6px;
    font-size: 14px;
}

/* 同意按钮 */
.agreedWeb {
    width: 100px;
    height: 40px;
    margin: 10px 50px 30px 65px;
}

/* 拒绝按钮 */
.rejectedWeb {
    margin: 10px 80px 30px 0px;
    width: 100px;
    height: 40px;
    background-color: #ED7D31;
    border-color: #ED7D31;
}

/* 拒绝按钮 */
.rejectedWeb:hover {
    /* margin: 10px 80px 30px 65px;
    width: 100px;
    height: 40px; */
    background-color: #f49237;
    border-color: #f49237;
}

/* 同意按钮 */
.sign {
    width: 100px;
    height: 32px;
    margin: 20px 0 20px 15px;
}

/* 同意按钮 */
.agreedUser {
    width: 120px;
    height: 38px;
    margin: 20px 0 20px 15px;
}

/* 拒绝按钮 */
.rejectedUser {
    margin: 20px 0 20px 15px;
    width: 120px;
    height: 38px;
    background-color: #ED7D31;
    border-color: #ED7D31;
}

.rejectedUser:hover {
    /* margin: 20px 0 20px 15px;
    width: 120px;
    height: 38px; */
    background-color: #f49237;
    border-color: #f49237;
}

/* 同意按钮 */
.agreedPhone {
    width: 100px;
    height: 35px;
}

/* 拒绝按钮 */
.rejectedPhone {
    margin-left: 50px;
    width: 100px;
    height: 35px;
    background-color: #ED7D31;
    border-color: #ED7D31;
}

.red {
    color: red;
}

.description th {
    width: 150px;
    padding: 10px !important;
    white-space: break-spaces;
}

.description td {
    padding: 10px !important;
}

.showPrintHead {
    font-size: 30px;
    text-align: center;
    margin: 15px;
}

.showPrintHead2 {
    font-size: 20px !important;
    margin: 20px 0 20px 0;
    /* margin: 15px; */
    color: #333;
    text-align: center !important;
}

.alignLeft {
    text-align: left;
}

.PrintFormLight {
    text-align: center !important;
    width: 100%;
    margin-top: 15px;
    text-align: center;
}

.PrintFormLight td {
    border: 1px solid #e8e8e8;
    padding: 6px;
    font-size: 14px;
    text-align: left;
}

.PrintFormLightTh {
    background-color: #BCCADF;
}

.answer::after {
    content: '✔';
}

.pLin {
    margin: -3px 0 -3px 0;
}

/**BI**/

.routeHome {
    position: relative;
    width: 100%;
    /* width: 1200px; */
    text-align: center;
    height: 100%;
    overflow: hidden;
    background-color: white;
    padding: 0 10px;
    min-height: 500px;
}

.menu {
    font: 14px verdana, arial, sans-serif;
    /* 置文字大小和字体萨式*/
    width: 100%;
}

.menu li {
    /* 将飘议的列表符号去*/
    list-style: none;

    /* 将款队的内边距去*/
    padding: 0;

    /* 将款以的外边距去 */
    margin: 8px;

    /* 在左浮动平*/
    float: left;

    display: block;
}

.menuPie {
    font: 14px verdana, arial, sans-serif;
    /* 置文字大小和字体萨式*/
    width: 1100px;
    border: 1px solid #888;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    /* margin-bottom: 20px; */
    /* background-color: #ED7D31; */
}

.menuPie li {
    /* 将飘议的列表符号去*/
    list-style: none;

    /* 将款队的内边距去*/
    padding: 0;

    /* 将款以的外边距去 */
    margin: 8px 0px;
    width: 100%;

    /* 在左浮动平*/
    /* float: left; */
    height: 70px;
    display: block;
    text-align: center;
    /* border: 1px solid #309ae8; */
    /* border-radius: 5px; */
    font-weight: 700;
    min-width: 90px;
    line-height: 33px;
 
}
.menuPie4 {
    font: 14px verdana, arial, sans-serif;
    width: 1100px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 20px 0px;
}

.menuPie4 li {
    list-style: none;
    padding: 0;
    margin: 0px 10px;
    width: calc(100% - 20px);
    height: 70px;
    display: block;
    text-align: center;
    border: 1px solid #888;
    font-weight: 700;
    min-width: 90px;
    line-height: 33px;
    background-color: rgba(218, 227, 243, 1);
 
}
.menuPie3 {
    font: 14px verdana, arial, sans-serif;
    /* 置文字大小和字体萨式*/
    width: 340px;
    /* border: 1px solid #888; */
    height: 400px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    
}
.menuPie3 li {
    /* 将飘议的列表符号去*/
    list-style: none;
    place-self: center;

    /* 将款队的内边距去*/
    padding: 0;

    /* 将款以的外边距去 */
    margin: 8px 0px;
    width: 160px;
		height: 80px;
        display: inline-block; 

    /* 在左浮动平*/
    /* float: left; */
    /* display: block; */
    text-align: center;
    border: 1px solid #888;
    border-radius: 5px;
    font-weight: 700;
    /* min-width: 90px; */
    line-height: 33px;
}
.menuPie .dataStyle {
    font: 20px verdana, arial, sans-serif;
    /* color: #ED7D31; */
}
.menuPie .dataStyle1 {
    font: 20px verdana, arial, sans-serif;
    color: #2177d5;
}
.menuPie .dataStyle2 {
    font: 20px verdana, arial, sans-serif;
    color: #cc0404;
}
.menuPie .dataStyle3 {
    font: 20px verdana, arial, sans-serif;
    color: #f6841a;
}
.menuPie .dataStyle4 {
    font: 20px verdana, arial, sans-serif;
    /* color: #ED7D31; */
}
.menuPie .dataStyle5 {
    font: 20px verdana, arial, sans-serif;
    /* color: #ED7D31; */
}



.menuPie2 {
    font: 14px verdana, arial, sans-serif;
    /* 置文字大小和字体萨式*/
    width: 100%;
}

/* 竖的li显示  */
.menuPie2 li {
    /* 将飘议的列表符号去*/
    list-style: none;

    /* 将款队的内边距去*/
    padding: 0;

    /* 将款以的外边距去 */
    margin: 8px;

    /* 在左浮动平*/
    /* float: left; */
    height: 70px;
    display: block;
    text-align: center;
    border: 1px solid #309ae8;
    border-radius: 5px;
    font-weight: 700;
    min-width: 100px;
    line-height: 35px;
    width: 80px;
}

.buttonSearch {
    /* background-color: red;
    color: white; */
    color: #40a9ff;
    border-color: #40a9ff;
}

.buttonSearchNone {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.65);
}

.tableRow {
    border-collapse: collapse;
    /* margin-left: 20px; */
    margin: 12px 0px;
    text-align: center;
    width: 100%;
    /* width: 733px; */

}

.tableRow td, 
.tableRow th {
    border: 1px solid #cad9ea;
    color: #666;
    height: 50px;
    min-width: 65px;
    min-height: 30px;
}


.tableRow thead th {
    background-color: #CCE8EB;
    width: 100px;
}

.tableRow tr:nth-child(odd) {
    background: #fff;
}

.tableRow tr:nth-child(even) {
    background: #F5FAFA;
}

/**BI**/