img{max-width: 100%;}
body{ background: #F3F2F2;}
/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
/*两端对齐*/
.justify {text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}
/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
/*截字*/
.ellipsis{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height: 1.5; max-height: 3em;height: 3em;overflow:hidden;}
.clamp_3{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;height: 4.5em;overflow:hidden;}
.clamp_4{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; line-height: 1.5;  max-height: 6em;height: 6em;overflow:hidden;}


.main{margin:30px 0 0;}
.form_wrap{max-width:1000px; widtH:90%; margin: 30px auto 60px; overflow: hidden; position: relative;background: #fff;}
.form_wrap .inner{padding:40px;}
.btn-topbox{ text-align: right; margin-bottom: 5%;}
.btn-topbox .btn01,.btn-topbox .btn02{display: inline-block; font-size: 16px; font-weight: bold; border-radius: 5px; width:155px; height: 36px; line-height: 36px; text-align: center; color:#fff; background: #216BAA;}
.btn-topbox .btn02{margin-left: 10px; background: #009688;}
h1.tit{ text-align: center;color:#1D70B9;font-size: 20px; font-weight: bold; margin-bottom:2%;}
h2.tit01{ text-align: center;color:#0000CD;font-size: 18px; font-weight: bold;}
.con-box{font-size: 16px;color:#000; margin-top: 5%;}
.con-box .edit_con_original{color:#000; line-height: 2;}
span.red{color:#FF0000;}



.select-box{position: relative; width:380px;border:1px solid #B0D8FA;}
.select-box dt{cursor: pointer;color:#4E5258; height: 34px; line-height: 34px; padding:0 40px 0 10px; position: relative;}
.select-box dt i{ position: absolute; right:0; top:0; font-size:24px; widtH:30px; height: 100%; color:#6B6B6F; text-align: center; background: url(../images/down.jpg) center no-repeat;}
.select-box dt.on_o i{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.select-box dd{display: none;padding:10px 0;border: 1px solid #B0D8FA;position: absolute; z-index: 10; top:36px;left:-1px;width:100%;background: #fff;max-height: 220px;overflow: auto;}
.select-box dd a{display: block;color:#4E5258; line-height:30px;cursor: pointer; padding:0 10px;}
.select-box dd a:hover{background: #8dcbff;color: #fff;}
.select-box span{white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;}
/*模拟radio*/
.label-box{ height: 32px; line-height: 32px;}
.label-radio{cursor:pointer; position:relative; padding-left:24px; margin-right: 20px; display:inline-block;}
.label-radio::before{content: ""; position: absolute;lefT:0; top:8px; widtH:16px; height: 16px; border-radius: 100%; border:1px solid #C2C2CE;}
.label-radio::after{opacity: 0; content: ""; position: absolute; lefT:5px; top:13px; width: 8px; height: 8px; border-radius: 100%; background: #000;}
.label-radio.on::after{opacity: 1;}
.label-radio input{position: absolute; lefT:0; top:8px; widtH:16px; height: 16px; opacity:0; filter:alpha(opacity=0);}


.form-box{margin: 5% 0 0;}
.form-box .tips{margin:10px 0 0;font-size: 14px;color:#000;}
.form-box .tips span{font-size:16px; display:block;}
.layui-form-item{margin-bottom: 20px;clear: both;}
.layui-form-label{ float: left; display: block; width:240px; padding:7px 0; line-height: 20px; text-align: right; font-size: 16px;color:#000;}
.layui-input-block{ margin-left: 250px; position: relative; min-height: 36px; font-size: 16px;}
.layui-input{width:360px;font-size: 16px; padding: 0 10px; height:32px; line-height: 1.5; border:1px solid #B0D8FA!important;}
.layui-btn{cursor: pointer; font-size: 16px; height: 38px; line-height: 38px; text-align: center;color:#fff; padding:0 18px; bordeR:none; background: #009688;border-radius: 2px;}

.date .test-item{ background: url(../images/date.png) 98% center no-repeat;}
.fl{ float: left;}
.sel{ float: left; widtH:185px;}
.sel+.sel{margin-left: 10px;}
.sel .select-box{width:100%;}
.btn_tj{ width:122px; background: #216BAA; margin: 0 5px 0 100px;}
.btn_qx{width:122px;color:#fff; background: #B5B5B5;border:none;}
.down_table{ background: #216BAA;}
.upload_table{ background: #009688;}
.sel_long{margin-bottom:10px;}
.layerbg{ display: none; position: fixed;z-index: 1111; lefT:0; top:0; widtH:100%; height: 100%; background: rgba(0,0,0,0.5);}

#sgress_btncxbox .down_table{ display:inline-block; margin:0 10px; position:relative; top:-1px;}


.progressbox{position: fixed; z-index: 10000; padding:50px 30px;font-size: 16px; background: #fff;}
.progressbox li{margin-bottom: 20px; overflow: hidden;}
.progressbox li:last-child{margin-bottom: 0;}
.progressbox li span{ float: left; width:110px; text-align: right; color:#000; line-height: 30px; }
.progressbox li .inp{ float: left; widtH:300px; margin-left: 10px; height: 30px; line-height: 30px; border:1px solid #B0D8FA;}
.progressbox li .inp input{widtH:calc(100% - 20px); height: 100%; padding:0 10px; bordeR:none; background: none;}
.progressbox li .subbtn{ text-align: left; margin-top: 3%;}

.progress_btncxbox,.uploadbox,.submitbox,.finishbox{position: fixed; z-index: 10000;padding:50px 70px;background: #fff;}
.progress_btncxbox p{font-size:16px;margin: 10px 0;}

.uploadbox p,.submitbox p,.finishbox p{ text-align: center; font-size:16px; line-height: 1.5;}
.uploadbox .upload_qx,.finishbox .upload_qx{background: #B5B5B5;}

.subbtn{margin-top: 5%; text-align: center;}
.subbtn a{ display: inline-block; border-radius:3px; margin: 0 10px; width:90px; height: 38px; line-height: 38px; text-align: center;color:#fff; background: #216BAA;}
.subbtn a+a{ background: #B5B5B5;}

.fhide{ display: none;}
.show{ display: block;}
.layui-laydate-content td{border:none;}

.upload{height:38px;max-width:102px;width:100%;overflow: hidden;}
.createUpload{line-height: 38px; overflow:hidden;}
.createUpload .view{ float:left; margin-right:10px;padding:0 20px; height:38px; line-height:38px; background:#009688; border-radius: 5px; color:#fff; text-align:center;}
.createUpload .again,.createUpload .again2,.createUpload .again3,.createUpload .again4{ float:left; padding:0 20px;height:38px; line-height:38px; background:#009688; border-radius: 5px; color:#fff; text-align:center;}
.goon_up .up{position: relative; top:13px; display: inline-block; }
.goon_up .upload,.table_up .up{}
.goon_up .createUpload .view,.table_up .createUpload .view,.createUpload .again2,.createUpload .again3,.createUpload .again4{width:auto; /*height: 30px; line-height: 30px; font-size: 14px;*/}
.table_up .upload{max-width: 170px;}


#UploadPdfAjax .createUpload .view{font-style:normal;}
#UploadPdfAjax .createUpload .again2{line-height:38px; height:38px;font-style:normal; font-size:16px;}

.shili{display:inline-block; height:38px; line-height:38px; margin-left:10px;}
.shili a{margin-left:10px; text-decoration:underline;}
.shili a:hover{color:#009688;}


#UploadFrame3{position:relative; top:13px;margin:0 10px;}
.down_UJ3{display:inline-block;position:relative; top:23px;}
.down_UJ3 .progress_btncxbox p{margin:0;}
#sgress_btncxbox .table_up .progress_btnqx{display:inline-block; margin-top:30px; height:38px; line-height:38px; padding:0 12px; border-radius:3px; background:#3195ED; color:#fff;}


@media only screen and (max-width:1365px) {
	.progressbox,.progress_btncxbox, .uploadbox, .submitbox, .finishbox{width:80%;}
}


@media only screen and (max-width:1023px) {
    .form_wrap .inner{padding:20px}
    h1.tit{ font-size: 18px;}
    h2.tit01{font-size: 16px;}
    .con-box,.btn-topbox .btn01, .btn-topbox .btn02,.layui-btn,#UploadPdfAjax .createUpload .again2{font-size: 14px;}
    .btn-topbox .btn01, .btn-topbox .btn02{widtH:115px;}
    .layui-form-item{margin-bottom: 10px;}
    .layui-form-label{widtH:160px; font-size: 14px;}
    .layui-input-block{margin-left: 170px;font-size: 14px;}
    .form-box .tips{margin-top: 5px; font-size: 12px;}
    .btn_tj{margin-left: 0px;}
    .layui-btn{height: 30px; line-height: 30px;}
	.form-box .tips span{font-size:14px;}
	.progressbox,.progress_btncxbox, .uploadbox, .submitbox, .finishbox{padding:5%;}
}
@media only screen and (max-width:767px) {
    .layui-form-label{width:100%; text-align: left; float: none;}
    .layui-input-block{width:100%;margin-left: 0;}
    .layui-input, .layui-form-select, .layui-textarea{width:calc(100% - 22px);}
	.select-box{width:calc(100% - 2px);}
    .sel{widtH:100%;}
    .sel+.sel{margin-top: 10px; margin-left: 0;}
    .btn_tj,.btn_qx{width:110px;}
    .yzm{position: absolute;right:0; top:-1px;}
	.layui-input{font-size:14px;}

    .subbtn a:first-child{margin-left: 0;}    
    .progressbox{font-size: 14px; padding:20px; max-width: 90%;}
    .progressbox li{margin-bottom: 10px;}
    .progressbox li span{widtH:100%; text-align: left;}
    .progressbox li .inp{margin-left: 0; widtH:calc(100% - 2px);}
    .uploadbox,.submitbox{padding:20px;font-size: 14px}
    .uploadbox p,.submitbox p{font-size: 14px}
    .submitbox p br{ display: none;}
	.shili{margin-left:0;}
	.shili a{margin:0 10px 0 0;}
	#UploadFrame3{margin:0;}
	.subbtn a{margin:0;}
	.down_UJ3{top:0;}
}