html {overflow-y:scroll;}
body {margin:0;padding:0;color:#222;font:14px/1.5 Microsoft YaHei,Arial,Helvetica,sans-serif,Simsun}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {padding:0;margin:0;}
table,td,tr,th {font-size:12px;}
ol,ul {list-style:none;}
li {list-style-type:none;}
img {vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:normal;}
address,cite,code,em,th,i {font-weight:normal;font-style:normal;}
a {color:#222;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#036eb5;text-decoration:none;}
a:active {color:#036eb5;}
.banner {width: 100%;position: relative;}
.banner img {width: 100%;height: auto;display: block;}
.main{width: 100%;position: relative;z-index: 1;}
.con{width: 72%;margin: 0 auto;background-color: white;padding: 40px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);overflow: hidden;box-sizing: border-box;}
.modal{display: none;width: 100%; height: 100%; background: #000; filter:Alpha(opacity=40); background: rgba(0, 0, 0, 0.4); position: fixed; left: 0; top: 0; z-index: 99; -webkit-filter:Alpha(opacity=40); }
.modal_con{width: 60%;max-height: calc(100vh - 15vh);overflow-y: auto;margin: 8vh auto;background: #fff;box-sizing: border-box;padding: 40px;}
.modal_ctit{font-size: 30px;color: #333;font-weight: bold;text-align: center;margin-bottom: 10px;}
.modal_ccon{font-size: 16px;color: #333;line-height: 25px;}
.modal_ccon h3{color: #ff0000;margin-bottom: 5px;}
.modal_ccon p{font-size: 14px;}
.modal_cbutton{margin-top: 10px;}
.modal_cbutton .agreement,.modal_cbutton .confirm{width: 100%;overflow: hidden;}
.modal_cbutton .agreement div{float: left;}
.modal_cbutton .agreement label{margin-right: 10px;}
.modal_cbutton .confirm{text-align: center;margin-top: 20px;}
.modal_cbutton .confirm div{display: inline-block;margin-right: 20px;}
.modal_cbutton button{display: inline-block;width: 80px;height: 35px;background: #0b7bcb;color: #fff;font-weight: bold;border: 1px solid #0b7bcb;cursor: pointer;}
#report:disabled {cursor: not-allowed;background-color: #f0f0f0;border: 1px solid #ccc;color: #999;}
.main .form{width: 100%;overflow: hidden;}
.main .form .title{display: flex;align-items: center;width: 100%;overflow: hidden;margin-top: 10px;}
.main .form .title .border{float: left;width: 4px;height: 15px;background: #0096ef;margin-right: 10px;}
.main .form .title .tit{float: left;font-size: 18px;color: #333;}
.main .form .title .tit span{color: #ff0000;margin-left: 10px;}
.main .form .radio{display: flex;align-items: center;width: 100%;overflow: hidden;margin-top: 10px;}
.main .form .radio input{width: 15px;height: 15px;margin-right: 5px}
.main .form .radio span{margin-right: 10px;}
.main .form .form-title{width: 100%;overflow: hidden;margin-top: 10px;font-size: 16px;color: #333;}
.main .form .form-title div{float: left;}
.main .form .form-title .required{font-size: 20px;color: #ff0000;margin-right: 5px;}
.main .form .form-input{width: 100%;overflow: hidden;margin-top: 5px;}
.main .form .form-input input,.main .form .form-input select{width: 100%;height: 35px;overflow: hidden;font-size: 12px;line-height: 35px;box-sizing: border-box;padding: 0 15px;border: 1px solid #e1e1e1;}
.main .form .form-input textarea{width: 100%;font-size: 12px;box-sizing: border-box;padding: 15px;border: 1px solid #e1e1e1;}
.upload .uploadify-button{display:block;width: 100px;height: 100px;box-sizing: border-box;border: 1px solid #e1e1e1;font-size:14px;color:#999;text-decoration:none;text-align: center;padding: 55px 0 0 0;background: url(/htdjsite/xhtml/gbjdlyb/icon_attachment.png) no-repeat;background-position: 33px 20px;}
.upload #upload{margin-top: 10px;}
.uploadify-queue .uploadify-queue-item{list-style-type:none;margin-top:10px;}
.uploadify-progress{display:inline-block; width:40%; height:10px; background-color:white;border-radius:20px;border:2px groove #666;vertical-align:middle;padding:0;}
.uploadify-progress-bar{width:0;height:100%;border-radius:20px;background-color: #0099FF;}
.up_filename,.progressnum,.delfilebtn,.uploadbtn,.up_percent{font-size:12px;color:#666;margin-right:10px;margin-bottom: 10px;}
.uploadbtn,.delfilebtn{display:inline-block;border:1px solid #999;line-height:24px;border-radius:4px;padding:0 18px;font-size:12px;color:#666;text-decoration:none;}
.upload .warning-text{font-size: 12px;color: #ff0000;word-break:break-all;margin-top: 10px;}
.validcode{display: flex;align-items: center;width: 100%;overflow: hidden;margin-top: 10px;}
.validcode .code-input{width: 15%;height: 35px;margin-right: 10px;}
.validcode input{width: 100%;height: 35px;border: 1px solid #e1e1e1;font-size: 12px;line-height: 35px;box-sizing: border-box;padding: 0 15px;}
.validcode .code-image{margin-right: 10px;}
.fy{width: 100%;overflow: hidden;margin-top: 20px;text-align: center;}
.fy input{display: inline-block;background: #0096ef;width: 18%;height: 40px;border: 1px solid #0096ef;font-size: 16px;color: #fff;font-weight: bold;line-height: 40px;}
.fy input.submit{margin-right: 10px;}
.hfooter{width: 72%;margin: 0 auto;font-size: 14px;color: #838383;padding: 30px 0;line-height: 30px;}

@media screen and (max-width:768px) {
  .con{width: 92%;padding: 15px;}
  .main .form .title .border{margin-right: 5px;}
  .main .form .title .tit{font-size: 16px;}
  .main .form .form-title{font-size: 14px;}
  .validcode .code-input{width: 30%;}
  .fy input{width: 30%;font-size: 14px;}
  .modal_con{width: 92%;padding: 15px;}
  .modal_ctit{font-size: 22px;}
  .hfooter{width: 100%;background: #0096ef;color: #fff;padding: 20px 4%;box-sizing: border-box;margin-top: 10px;}
}