H5齐鲁医疗
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
sims-scaninvoice-qlyl/css/wxscaninvoice/writing.css

630 lines
9.6 KiB

.banner img {
width: 100%;
height: 1.4rem;
display: block;
}
.writing_content {
padding-bottom: 1.14rem;
}
input::-webkit-input-placeholder {
font-size: 0.28rem;
color: #A5A5A5;
}
input:-moz-placeholder {
font-size: 0.28rem;
color: #A5A5A5;
}
input::-moz-placeholder {
font-size: 0.28rem;
color: #A5A5A5;
}
input:-ms-input-placeholder {
font-size: 0.28rem;
color: #A5A5A5;
}
/*发票开具列表*/
.name_li {
background: #FFF;
}
.name_li_mTop {
margin-top: 0.2rem;
}
.name_li_mTop p {
font-size: 0.24rem;
color: #A5A5A5;
letter-spacing: -0.58px;
margin-left: 4%;
padding-top: 0.2rem;
}
.list_li {
width: 96%;
height: 0.8rem;
line-height: 0.8rem;
font-size: 0.28rem;
clear: both;
margin-left: 4%;
position: relative;
}
.list_li:after,
.moreMsg_ul:after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
border-bottom: 1px solid #E9E9E9;
-webkit-transform: scaleY(.5);
-webkit-transform-origin: 0 0;
}
.list_li:nth-last-child(1):after {
border-bottom: none;
}
.name_li_rBottom li:nth-last-child(1) {
border-bottom: none;
}
.list_li .list_name,
.markBox span {
width: 34%;
color: #666;
float: left;
display: inline;
letter-spacing: -0.68px;
}
.list_li .list_name .stars {
color: #D0021B;
letter-spacing: -0.68px;
line-height: 0.29rem;
}
.list_li .list_val {
width: 66%;
float: right;
text-align: left;
color: #666;
}
.list_li .list_val i {
position: absolute;
font-size: 0.28rem;
font-family: '宋体', serif;
color: #A5A5A5;
font-style: normal;
top: 0;
left: 0;
}
.list_li .list_val_pr {
position: relative;
}
.list_li .fptt_close {
position: absolute;
width: 0.3rem;
height: 0.3rem;
top: 0.24rem;
right: 0.3rem;
display: none;
z-index: 100;
}
.el-icon-more{
position: absolute;
z-index: 110;
}
.list_li .list_select {
width: 60%;
float: left;
text-align: right;
}
.list_li .modelIcon {
width: 0.13rem;
height: 0.22rem;
position: absolute;
top: 0.29rem;
right: 0.3rem;
}
.list_li .list_val input,
.list_li .list_select input {
width: 85%;
font-size: 0.28rem;
color: #666;
text-align: left;
border: none;
display: inline-block;
}
.list_li .kpxms {
width: 60%;
float: left;
text-align: right;
}
.list_li .kpxms input {
width: 85%;
font-size: 0.28rem;
color: #666;
text-align: left;
border: none;
display: inline-block;
}
.list_li .list_select input {
width: 100%;
}
.list_li .search {
width: 4.6rem;
height: auto;
position: absolute;
top: 0.81rem;
right: 0rem;
z-index: 10000;
border-radius: 0.08rem;
background: rgba(141, 139, 139, 0.93);
}
.list_li .search_ul {
padding: 0 0.3rem;
}
.list_li .search_ul .search_li {
line-height: 0.8rem;
text-align: left;
color: #FFF;
font-size: 0.28rem;
border-bottom: 1px solid #DEDEDE;
}
.list_li .search_ul .search_li:nth-last-child(1) {
border-bottom: none;
}
.start {
color: #C81026;
}
.tip {
width: 30%;
font-size: 0.28rem;
color: #FFAA00;
float: right;
}
.bottom_tips {
line-height: 0.73rem;
color: #A5A5A5;
font-size: 0.24rem;
letter-spacing: -0.58px;
padding-right: 4%;
text-align: right;
}
.bottom_tips span:nth-child(1) {
margin-right: 0.6rem;
}
/*提交按钮*/
.bottom_submit {
width: 100%;
display: flex;
box-sizing: border-box;
padding: 0 .3rem;
justify-content: space-between;
height: 1.14rem;
text-align: center;
background: url(../../image/wxscaninvoice/footer-bg.png) repeat-x;
;
background-size: cover;
position: fixed;
bottom: 0;
left: 0;
}
.submit_click {
width: 70.7%;
height: 0.74rem;
line-height: 0.74rem;
text-align: center;
color: #FFF;
background-color: #FFAA00;
font-size: 0.29rem;
margin: 0.2rem auto;
border-radius: 4px;
}
.Fristxmmc {
width: 34%;
color: #666;
display: inline-block;
line-height: 0.8rem;
letter-spacing: -0.68px;
overflow: hidden;
padding-right: 0.2rem;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
}
.Fristxmje {
width: 66%;
float: right;
text-align: left;
color: #666;
}
/*开票项目更多*/
.kpxm_li {
width: 92.4%;
font-size: 0.28rem;
clear: both;
line-height: 0.9rem;
margin: 0 auto;
position: relative;
}
.kpxm_li:after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
border-bottom: 1px solid #E9E9E9;
-webkit-transform: scaleY(.5);
-webkit-transform-origin: 0 0;
}
.kpxm_li .xmmc {
width: 35%;
color: #333;
display: inline-block;
line-height: 0.7rem;
letter-spacing: -0.68px;
}
.kpxm_li .xmje {
width: 65%;
float: right;
text-align: right;
}
/*纳税人识别号为空弹框*/
.nsrsh_model,
.search_shade {
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.7);
display: none;
}
.search_shade {
background: transparent;
}
.nsrsh_border {
width: 5.9rem;
height: 3.9rem;
font-size: 0.28rem;
color: #666;
line-height: 0.41rem;
background: #FFF;
border-radius: 0.08rem;
margin: 2.8rem auto;
padding: 0.6rem 0.3rem 0;
letter-spacing: -0.68px;
box-sizing: border-box;
position: relative;
}
.nsrsh_border div.nsrsh_sure {
width: 92%;
height: 1.08rem;
line-height: 1.08rem;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
border-top: 1px solid #E9E9E9;
margin-left: 4%;
font-size: 0.34rem;
color: #FFAA00;
}
/*发票类型模态框*/
.freQuestion_shade,
.invoiceDescript_shade,
.viewExample_shade {
width: 100%;
height: 100%;
position: fixed;
top: 100%;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.7);
}
/*开票说明弹框 + 常见问题弹框*/
.freQuestion_shade {
overflow: auto;
}
.freQuestion_content,
.invoiceDescript_content {
width: 92%;
margin: 2.8rem auto;
color: #fff;
font-size: 0.28rem;
}
.freQuestion_content {
margin: 0.8rem auto 0;
height: 85%;
overflow: auto;
}
.freQuestion_content ul {
margin-bottom: 0.3rem;
}
.freQuestion_content p,
.invoiceDescript_content p {
text-indent: 2em;
margin-bottom: 0.3rem;
line-height: 0.4rem;
}
.freQuestion_content img,
.invoiceDescript_content img,
.viewExample_shade .viewExample_close {
width: 0.37rem;
height: 0.37rem;
position: absolute;
bottom: 0.4rem;
left: 50%;
margin-left: -0.185rem;
}
/*点击提交弹框*/
.seeCardMsg_shade {
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.7);
display: none;
overflow: auto;
}
.seeCard_content {
width: 5.9rem;
height: auto;
background: #FFFFFF;
border-radius: 0.08rem;
margin: 2rem auto 0;
font-size: 0.28rem;
padding: 0.4rem 0.2rem 0 0.2rem;
box-sizing: border-box;
color: #666;
z-index: 10000;
}
.seeCard_content p {
color: #333333;
text-align: center;
padding-bottom: 0.4rem;
}
.seeCard_ul {
padding-bottom: 0.3rem;
}
.seeCard_ul li {
line-height: 0.6rem;
clear: both;
letter-spacing: -0.68px;
}
.seeCard_ul li .name {
display: inline-block;
width: 42%;
text-align: left;
color: #A5A5A5;
float: left;
}
.seeCard_ul li .name_val {
width: 58%;
display: inline-block;
text-align: left;
color: #666;
line-height: 0.4rem;
word-break: break-word;
}
.Mes_ul {
display: flex;
border-top: 1px solid #E9E9E9;
height: 1.08rem;
line-height: 1.08rem;
position: relative;
}
.Mes_ul .seeCard_line {
width: 1px;
height: 0.48rem;
background: #E9E9E9;
position: absolute;
bottom: 0.3rem;
left: 50%;
}
.Mes_ul .seeCard_noSure,
.Mes_ul .seeCard_sure {
flex: 1;
text-align: center;
font-size: 0.34rem;
}
.Mes_ul .seeCard_noSure {
color: #A5A5A5;
}
.Mes_ul .seeCard_sure {
color: #FFAA00;
}
/*更多信息*/
.moreMsg_ul {
background-color: #fff;
height: 3.2rem;
position: relative;
}
.viewExample {
font-size: 0.24rem;
color: #FFAA00;
letter-spacing: -0.58px;
position: absolute;
top: 0.2rem;
right: 0.3rem;
}
.moreMsg_bottom {
position: relative;
height: calc(100vh - 3.2rem);
padding-top: 1.6rem;
}
.moreMsg_click {
margin: 0 auto;
}
.viewExample_pic {
width: 100%;
margin: 2.8rem auto 0;
}
.markBox {
border-bottom: 0.14rem solid #F7F7F7;
font-size: 0.28rem;
padding-left: 4%;
line-height: 0.8rem;
}
.markBox textarea {
width: 62%;
border: none;
resize: none;
font-size: 0.28rem;
letter-spacing: -0.68px;
color: #666;
overflow: hidden;
padding-top: 0.2rem;
min-height: 0.35rem;
}
.markBox textarea::-webkit-input-placeholder {
font-size: 0.28rem;
color: #A5A5A5;
}
.markBox textarea::-ms-input-placeholder {
font-size: 0.28rem;
color: #A5A5A5;
}
/*异常页样式expiryEWM.html+exception.html*/
.busy_info {
color: #666;
font-size: 0.28rem;
text-align: center;
}
.error_icon {
width: 1.65rem;
height: 2.15rem;
margin-top: 1.4rem;
}
.error_tip {
width: 92%;
padding-bottom: 0.5rem;
margin-top: 0.3rem;
margin-left: 4%;
}
.myInvoice_con {
width: 3.38rem;
height: auto;
position: absolute;
top: 45.9%;
left: 50%;
margin-left: -1.69rem;
}
.myInvoice_pic {
width: 100%;
height: 3.38rem;
}
.myInvoice_tip {
margin-top: 0.3rem;
width: 3.68rem;
margin-left: -0.1rem;
}
.bottom_con {
position: absolute;
bottom: 0.2rem;
left: 50%;
margin-left: -2.4rem;
text-align: center;
color: #A5A5A5;
font-size: 0.24rem;
}
.merge_click {
display: none;
width: 41.5%;
height: 0.7rem;
/* background: url(../../image/wxscaninvoice/Group.png) no-repeat; */
background-size: 100% 100%;
line-height: 0.74rem;
text-align: center;
color: rgb(252, 203, 106);
border: 1px solid rgb(252, 203, 106);
margin: 0.2rem auto;
}
.mergeShow {
width: 47.7%;
}