@charset "utf-8"; .doc{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:1; } .doc .topBar{ position:absolute; top:0; right:0; left:0; z-index:100; height:2rem; background-color:#333; box-shadow:rgba(0,0,0,.3) 0 .1rem .1rem; } .doc .paperWrap{ position:absolute; top:2rem; right:0; bottom:0; left:0; z-index:10; padding:2rem 0 5rem; } .paper{ position:relative; display:block; background-color:#fff; margin:auto; box-shadow:rgba(0,0,0,.8) 0 .2rem .5rem; box-sizing:border-box; } .paper_A3{ /* 默认纵向 */ width:29.7cm; height:42.0cm; } .paper_A4{ width:21.0cm; height:29.7cm; } .paper_A3.paper_horizontal{ width:42.0cm; height:29.7cm; } .paper_A4.paper_horizontal{ width:29.7cm; height:21.0cm; } .paper + .paper{ margin-top:2rem; } .page{ position:relative; display:block; background-color:#fff; margin:auto; box-sizing:border-box; } .page_A3{ width:25.7cm; /* 29.7 - 4 cm */ } .page_A4{ width:17.0cm; /* 21.0 - 4 cm */ } .page_A3.page_horizontal{ width:38.0cm; /* 42.0 - 4 cm */ } .page_A4.page_horizontal{ width:25.7cm; /* 29.7 - 4 cm */ } .page > div{ position:relative; box-sizing:border-box; padding:2.04cm 0; margin:0 1.00cm; } .page_A3 > div{ width:22.62cm; /* 29.7 - 6.08 cm */ } .page_A4 > div{ width:14.92cm; /* 21.0 - 6.08 cm */ } .page_A3.page_horizontal > div{ width:35.92cm; /* 42.0 - 6.08 cm */ } .page_A4.page_horizontal > div{ width:22.62cm; /* 29.7 - 6.08 cm */ } .page > div > *{ position:relative; z-index:10; } .zhangWrap{ position:relative; } .zhang{ position:absolute !important; z-index:1; } .table table{ width:100%; border-top:#000 solid 2px; border-left:#000 solid 2px; border-right:#000 solid 1px; border-bottom:#000 solid 1px; } .table table tbody td{ border-right:#000 solid 1px; border-bottom:#000 solid 1px; } .centerLineWrap{ position:relative; /* height:100%; */ } .centerLine{ position:absolute; top:0; right:0; bottom:0; left:0; width:20pt; height:20.2em; padding-top:2em; margin:auto; } .centerLine::before, .centerLine::after{ position:absolute; right:0; left:0; display:block; margin:auto; content:''; width:0; height:10rem; border-left:#000 solid 1px; } .centerLine::before{ bottom:100%; } .centerLine::after{ top:100%; } .centerNoLineWrap{ position:relative; /* height:100%; */ } .centerNoLine{ position:absolute; top:0; right:0; bottom:0; left:0; width:20pt; height:20.2em; padding-top:2em; margin:auto; } .centerNoLine::before, .centerNoLine::after{ position:absolute; right:0; left:0; display:block; margin:auto; content:''; width:0; height:10rem; border-left:#000 solid 0px; } .centerNoLine::before{ bottom:100%; } .centerNoLine::after{ top:100%; } textarea{ display:block; width:100%; border:none; background-color:transparent; resize:none; line-height:inherit; font-size:inherit; font-family:inherit; } textarea{overflow-y:auto!important;overflow-x:hidden; scrollbar-3dlight-color:#fff; scrollbar-highlight-color:#999; scrollbar-face-color:#ccc; scrollbar-arrow-color:#666; scrollbar-shadow-color:#ccc; scrollbar-base-color:#fff; scrollbar-track-color:#eee; } textarea::-webkit-scrollbar{width:.2rem;}/*滚动条的宽度*/ textarea::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,.3);border:rgba(0,0,0,0) solid .1rem;border-radius:1rem;}/*滚动条凹槽的颜色,还可以设置边框属性*/ textarea::-webkit-scrollbar-thumb{background-color:rgba(30,30,30,.4);background-clip:padding-box;min-height:1.5rem;border-radius:1rem;cursor:pointer;transition:all .2s;}/*滚动条的设置*/ textarea::-webkit-scrollbar-thumb:hover{background-color:rgba(60,60,60,.8);} textarea:focus, .table input:focus{ outline:none; } .table input[type="text"]{ border:none; background-color:transparent; line-height:inherit; font-size:inherit; font-family:inherit; }