body{margin: 0px; font-size: 14px;font-family:"微软雅黑";}
a{ text-decoration: none;}
input,select,textarea,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{border: none; outline:none;font-family:"微软雅黑";}
input{box-shadow: 0 0 0 1000px white inset;}
.dn{ display: none;}
.clear{ clear: both;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font20{font-size: 20px;}
.b{ font-weight: bold;}
.bgcss{ background-color: #3390b9; color: #fff; text-align: center;}
.button{ position: fixed; bottom: 0px; width: 100%; text-align: center; height: 80px; background-color: #fff; z-index: 1;}
.button a{ display: block; width: 78%; margin: 10px 11% 0px 11%; height:40px; line-height: 40px; font-size:18px; border-radius: 10px;}
.tanc,.tancalert,.formlisttanc{top: 0px;width: 100%; height: 100vh;position: fixed; background:rgba(0,0,0,0.6) ;z-index: 20;    display: flex;align-items: center;    justify-content: center;}
.tanc .box,.tancalert .box,.formlisttanc .box{ width: 60%; background-color: #fff; border-radius: 10px;  text-align: center; padding-top: 20px; box-sizing: border-box;}
.tanc .box .red,.tancalert .box .red{color: #f7464e; padding-top: 15px;}
.tanc .box .info,.tancalert .box .info,.formlisttanc .box .info{padding: 0px 10px 20px 10px; box-sizing: border-box;width: 100%; overflow: hidden;word-break: break-all;}
.tanc .box .other,.tancalert .box .other ,.formlisttanc .box .other{line-height: 2.8em;border-top: 1px solid #f0f0f2;}
.tanc .box .other .blue,.tancalert .box .other .blue,.formlisttanc .box .other .blue{ color: #019af6;}
.tanc .box .other span,.tancalert .box .other span,.formlisttanc .box .other span{ width: 100%; display: inline-block;}
.tanc .box .other span.w50{width: 50%; box-sizing: border-box;}
.tanc .box .other span.w50:last-child{ border-left: 1px solid #f0f0f2;}
.fixbox,.obox,.customerbox,.zhekoubox,.systexnamebox{ overflow-y: scroll; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fff; padding: 0px 25px; box-sizing: border-box;}
.fixbox .boxlist div,.zhekoubox .boxlist div{ padding: 15px 0px;border-bottom: 1px solid #f0f0f2;}
.customerbox,.systexnamebox,.obox{  padding: 0px;}
.customerbox .box,.systexnamebox .box,.obox .box,.fixbox .boxlist{ padding-bottom: 80px; }
.customerbox .box input,.systexnamebox .box input,.obox .box input{ width: 90%; margin: 30px 5% 0px 5%; height: 40px;line-height: 40px;box-sizing: border-box;padding: 0px 10px;border: 1px solid #dcdfe6;}
.customerbox .list,.systexnamebox .list,.obox .list{ margin-top: 5px;}
.customerbox .info,.systexnamebox .info,.obox .span{border-bottom: 1px solid #f1f1f1; padding: 10px 20px;background-color: #f2f2f2;}
.customerbox .info:nth-child(2n),.systexnamebox .info:nth-child(2n),.obox .span:nth-child(2n){background-color: #ffffff;}
.customerbox .info div,.systexnamebox .info div,.obox .span div{line-height: 1.8em;}
.loading{position: absolute;display: flex;align-items: center; top: 50%;left: 50%;width: 70px; height: 20px; margin-left: -35px;margin-top: -10px;}
.loading img{ margin-right: 5px;}
.huiblue{background-color: #76a4b9;}
#customerbtn, #docbtn{ line-height: 20px; width: 20px; height: 20px;}
#customerbtn svg, #docbtn svg{ width: 20px; height: 20px;}
.backbox .backbtn{ margin: 0px -25px;}
.button.class2{ height: 170px;}
.button.class2 a:nth-child(3){ background-color:#f7464e;}
.noscroll{overflow: hidden!important; scrollbar-width: none;}
.noscroll::-webkit-scrollbar{display: none;}
