/* CSS Document */
body,h1,h2,h3,p,dl,dd,ol,ul,th,td,fieldset,input,button,textarea,form,canvas,audio,video,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
html{-webkit-text-size-adjust:100%;  -ms-text-size-adjust: 100%; text-size-adjust:100%;word-wrap:break-word}
h1,h2,h3{font-size:100%; font-weight:normal;}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit}
img{border:0;width:100%;-ms-interpolation-mode:bicubic}
cite,em,s,i,b{font-style:normal}
input,button,textarea,select{font-size:100%}
input, button, select, textarea {-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;background: #fff;border: 0}
body,input,button,textarea,select,option{font-size:normal;font-family:"PingFang SC","Microsoft YaHei"; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;}
a,input,textarea{text-decoration:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a{ color:#333;}
a:hover{ color:#f5502f;}
li{ list-style:none;}
li,img,label,input{vertical-align:middle}
var{font-style:normal}
ins{text-decoration:none}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
button,select{text-transform:none}
button[disabled],html input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
button,input,select,textarea{margin:0;}
button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner{border:0;padding:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}

body{  background:#fff; font-family: "Microsoft Yahei", "微软雅黑", Arial, STHeiti;margin: 0 auto; overflow-y: auto; color:#000; line-height:1rem;}
input:focus,textarea:focus{ outline:none;}
img { border:0; vertical-align: middle; -ms-interpolation-mode: bicubic; }

#header {
    background: #fff;
    height: 2.25rem;
    text-align: center;
    line-height: 2.25rem;
    position: relative;
}
body{
    background-color: #F0F0F0;
}
#header h1 {
    font-size: .9rem;
    color: #333;
    font-weight: normal;
    text-align: center;
    flex: 1;
}

#header a.back {
    background: url(../images/back_black.png) no-repeat;
    -webkit-background-size: .875rem auto;
    background-size: .875rem auto;
    position: absolute;
    left: .5rem;
    top: .6rem;
    width: .875rem;
    height: .875rem;
    display: block;
    z-index: 100;
}

#header p{
    position: absolute;
    right: .2rem;
    height: 1rem;
    line-height: 1rem;
    font-size: .7rem;
    color: #1677FF;
    top: .6rem;
    padding: 0 .5rem;
}
.resultlist{
    padding-left: .85rem;
    background: #fff;
    margin-top: .25rem;
    padding-bottom: .5rem;
}

.resultlist span{
    font-size: .7rem;
}

.resultlist li{
    float: left;
    width: 33.3%;
    height: 2rem;
    line-height: 2rem;
    display: flex;
    align-items: center;
}
.resultlist li i{
    display: block;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background:#F3F3F3;
    border: 0.03rem solid #A3A3A3;
    margin-right: .4rem;
    box-sizing: border-box;
}
.resultlist li i.checked{
    background:url(../images/li_checked.png) no-repeat center center;
    background-size: cover;
    border: none;
}
.resultlist li.half{
    width: 66.6%;
}

.resultlist ul::after{
    display: block;
    content: "";
    clear: both;
}
.orgtit{
    font-size: .7rem;
    color: #D66042;
    padding-top: .5rem;
    font-weight: bold;
    padding-bottom: .8rem;
}
.reportcontent{
    width: 17.35rem;
    border-top: .05rem solid #eee;
    font-size: .7rem;
    height: 9rem;
    line-height: 1.2rem;
    padding-top: .5rem;
}
.textareabox{
    position: relative;
}
.wordnum{
    font-size: .7rem;
    color: #999;
    position: absolute;
    bottom: 0;
    right: 1rem;
}
.uploadbox{
    width: 100%;
    min-height: 4rem;
    background: #fff;
    margin-top: .25rem;
}
.uploadbar{
    display: flex;
    align-items: center;
    height: 4rem;
    padding-left: .7rem;
    position: relative;
}
.uploadbar input{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.uploadbar img{
    width: 3rem;
    height: 3rem;
}

.uploadbar p{
    font-size: .7rem;
    color: #999;
    margin-left: .75rem;
}

.tellbox{
    width: 100%;
    height: 2.7rem;
    background-color: #fff;
    margin-top: .25rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: .7rem;
}

.tellbox input{
    width: 100%;
    font-size: .7rem;
}

#picyzm {
    width: 100px;
    height: 40px;
    display: inline-block;
    margin: 0 10px;
    /* margin: 0 30px; */
}
.vcode{
    width: 100%;
    height: 40px;
    margin-top: .45rem;
    display: flex;
}
.vcode input{
    background: #fff;
    font-size: .7rem;
    flex: 1;
    line-height: 40px;
    box-sizing: border-box;
    padding-left: .7rem;
}

.previewImg{
    width: 100%;
    height: 8rem;
    position: relative;
    padding: .5rem 0;
    display: none;
}
.previewImg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.previewImg span{
    position: absolute;
    font-size: .6rem;
    color: #999;
    bottom: .2rem;
    right: .5rem;
}