a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0; text-decoration: none; list-style: none;}
body{padding:0;margin:0;font-family: Helvetica, Tahoma, Arial;font-size:14px;}
img{display:block;width:100%;}

.app{background:  #fff;background-size: 100% auto;}
.head{}

.win-error{background:url(c.png)  no-repeat center 30px rgba(0,0,0,0.6);background-size:60px 60px;border-radius:10px;position: fixed;left:50%;top:50%;margin:-80px 0 0 -80px;color:#fff; font-size:14px; text-align:center; width:160px;height:160px;line-height:32px;z-index:100000000000000000000000}
.win-error p{position: absolute;left:5%;top:105px;width:90%;line-height:120%;}
.win-error.ok{background:url(o.png)  no-repeat center 30px rgba(0,0,0,0.6);background-size:60px 60px;}

.page{ margin:auto;z-index: 2; }
.title{ font-size: 16px; color:#333; width: 90%; margin: auto; border-bottom: 1px dashed #ccc;}
.title p{padding:10px 0; line-height: 180%}
.title h1{font-size: 24px; color:#0a92f1; padding:0 0 20px 0; text-align: center; }

.form{ width:100% ;margin:20px 0; padding: 20px 0; background-color: #fff}
.form-inner a{color:#0076c8;}
.form-inner{width:90%;padding:0px 0; margin: 0 auto; overflow: hidden;}
.form-inner h2{color:#0076c8;font-size:18px;padding:0;margin:0; margin-bottom: 15px;}

.form-item{margin-bottom:20px;font-size: 14px;color:#666; position: relative; overflow: hidden; }
.form-item span{color:#040724; display: block; padding: 4px 0}
.form-item span em{color:#f00}
.form-input{color:#000; width: 100%; border-radius: 5px; border:1px solid #d1d1d1;height:32px;line-height:32px;outline:none;font-size: 14px;text-indent: 5px; box-sizing: border-box;  -webkit-appearance: none; display: inline-block;}
input::-webkit-input-placeholder{
	color:#c3c3c3;
}
.form-input.s{ width: 186px;}
.form-input.d{ width: 176px;}
.form-input.f{ width: 196px;}
.form-input.code{ width: 90px;}
.form-input.sms{ position: absolute; top:0;right:0;border:1px solid #fff;box-sizing: border-box; border-radius: 5px; width: 100px; height:100%;line-height:34px; text-indent: 0px; background-color:#0076c8 ; color: #fff; text-align: center;}
.form-textarea{padding:5px 0;}
.form-textarea textarea{color:#000; width:96%; padding:0 10px; border-radius: 0;border:none;background:none;height:96px;line-height:150%;outline:none;font-size: 14px; -webkit-appearance: none; display: inline-block;}
.form-ck {font-size: 12px;padding:5px 0;}
.form-ck input{ vertical-align: middle;}
.form-op {margin-top: 10px;}
.form-op input{width:100%;-webkit-appearance: none; border-radius: 5px; border:1px solid #0076C8; background-color: #0076C8; color: #fff; text-align: center; height: 42px; list-style:42px; font-size: 16px;}

.select-item{ overflow: hidden; margin-bottom: 20px}
.select-item span{color:#040724; display: block; padding: 4px 0}
.select-item span em{color:#f00}
.select-item label{border: 1px solid #d1d1d1;padding:5px; border-bottom: 0; display: block;}
.select-item label.first{border-radius:5px 5px 0 0 ;}
.select-item label:last-child{border-bottom:1px solid #d1d1d1;border-radius: 0 0 5px 5px ;}

.checkboxs div{display: flex}
.checkboxs div label{border: 1px solid #d1d1d1;flex: 1;padding:5px;  margin-bottom: 8px; margin-right: 8px}

.reason{display: none}

input[type='date']::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 0;
    padding-left: calc(100% - 40px);
    /*padding-right: 5px;*/
}

.upload-item{ overflow: hidden; margin-bottom: 20px}
.upload-item span{color:#040724; display: block; padding: 4px 0}
.upload-item span em{color:#f00}
.upload-item div.upinfo div{ position: relative; width:100%;-webkit-appearance: none; border-radius: 5px; border:1px solid #0076C8; background-color: #0076C8; color: #fff; text-align: center; line-height: 42px; height: 42px; list-style:42px; font-size: 16px; display: block; box-sizing: border-box;}
.upload-item input{opacity: 0; position: absolute;top:0;left:0;width:100%;height:100%;}
.upload-item div.upinfo{color:#f00;}

.qr{background:rgba(153,153,153,0.9);position: fixed;left:0;top:0;bottom:0;width:100%; height:100%;display:none;z-index:100000000000000000000000}
.qr div{width:90%; position: absolute; top:25%; left:50%; margin:0 0 0 -45%;}
.qr a{display:block;height:40px;width:40px;position: absolute;right:0;top:0;}

a.back{position: absolute;top:0px;right:0px;z-index:3}
a.back img{width:60px}
.pc{display:none}
.wap{display:block}
@media screen and (min-width:900px){
.app{width:450px; margin:auto}
}