mh_jy_safe_web/src/components/CustomPages/HI/StepForm2.css
2025-08-25 10:08:30 +08:00

408 lines
6.9 KiB
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**/