.security_txt { background: url(../images/sec1_bg.jpg) center center repeat-y; padding: 2% 0; background-size: 100% 1px; color: #fff; font-size: 14px; overflow: hidden; } .security_txt h2 { margin-bottom:20px; } .security_txt ol { list-style-type: none; counter-reset: sectioncounter; width: 81.25%; float: left; } .security_txt ol li { line-height: 2; margin-bottom: 5px; padding-left: 15px; color: #fff; list-style: none; } .security_txt ol li::before { content: counter(sectioncounter) ''; counter-increment: sectioncounter; width: 13px; height: 13px; border-radius: 50%; overflow: hidden; background-color: #2ba3fe; display: inline-block; line-height: 13px; font-size: 12px; text-align: center; vertical-align: middle; margin-left: -15px; } .security_txt ol li span { font-weight: bold; } .security_txt .code { float: right; width: 200px; text-align: center; } .security_txt .code p { margin-top: 20px; } /* 表单 */ .security_form { padding: 26px 0; } .security_form .tip { color: red; } .security_form .form .title { margin-top: 20px; } .security_form .form .label { position: relative; color: rgba(0,0,0,.85); margin-bottom: 35px; display: inline-block; } .security_form .form .label i { color: #f00; position: absolute; top: 0; left: -12px; } .security_form .form .radio_items .label { margin-bottom: 1%; } .security_form .form_items { display: inline-block; width: 100%; } .security_form .form_items .item { float: left; width: 32%; margin-right: 2%; margin-top:20px; } .security_form .form_items .fln { float: none; } .security_form .form_items .radio_items { margin-top: 20px; } .security_form .form_items .item:nth-child(3n) { margin-right: 0; } .security_form .form input, .security_form .form textarea { border: none; background-color: #f5f5f5; padding: 14px 20px; display: block; width: 100%; height: 50px; font-size: 16px; } .security_form .form .area .label { margin-bottom: 1%; } .security_form .form textarea { height: 96px; } .security_form .form .prompt { font-size: 15px; color: #7d7d7d; margin-top: 18px; color: rgba(0,0,0,.85); } .security_form .form .layui-form-item { margin-bottom: 0; height: 50px; } .security_form .form .layui-form-radio { margin-top: 0; line-height: 50px; } .security_form .form .layui-form-radio * { font-size: 24px; } .security_form .form .layui-input-block { line-height: 1.8; height: 50px; } .security_form .form .network_ipt { width: 407px; display: inline-block; } .security_form .layui-inline, .security_form .layui-input-inline { width: 100%; } .security_form .layui-input { height: auto; width: 100%; } #test16, #test17, #test1, #test2 { background: #f5f5f5 url(../images/icon_calendar.png) 95% center no-repeat; } .security_form .form_submit { width: 178px; height: 50px; line-height: 50px; text-align: center; color: #fff; line-height: 50px; font-size: 16px; border-radius: 25px; border: none; background-color: #219fff; display: block; margin-left: auto; margin-right: auto; } .form_upload { margin-top: 20px; } .layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed > i { color: #0258ce !important; } /*上传*/ /*在谷歌下移除input[number]的上下箭头*/ input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; } /*在firefox下移除input[number]的上下箭头*/ input[type="number"] { -moz-appearance: textfield; } .security_form .form .label{width: 100%;word-break: break-all;} .upload-box { display:block; width:150px; height:120px;position:relative; background:url(../images/upload_ico.jpg) right center no-repeat; background-size: 100% 100%; } .upload-box.again-box { background:no-repeat; padding:1px; border:0;overflow: hidden; height: auto;width: 300px;border-radius: 0%; } .upload-box iframe { position:relative; overflow:hidden; position:absolute; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);} .p_s01 .upload-box.again-box a{ display: inline-block; padding: 0 10px; margin-right: 5px; background: #999; color: #fff; border-radius: 2px; height: 30px;line-height: 30px; } .security_form .form_items .item input,.security_form .form .network_ipt{font-size: 16px;} @media only screen and (max-width:1560px){ .fnt_24{font-size: 22px;} .security_form .form .layui-form-radio *{font-size: 22px;} .fnt_26 { font-size: 26px; } } @media only screen and (max-width:1440px){ .fnt_24{font-size: 20px;} .security_form .form .layui-form-radio *{font-size: 18px;} .fnt_26 { font-size: 24px; } } @media only screen and (max-width:1024px){ .security_form .form_items .item{width: 49%;} .security_form .form_items .item:nth-child(3n){margin-right: 2%;} .security_form .form_items .item:nth-child(2n){margin-right: 0;} .security_form .form .layui-form-item{height: auto;} } @media only screen and (max-width:767px){ .security_form .form_items .item{width: 100%;margin-right: 0;} .layui-form-radio{margin-right: 5px;} .security_txt .edit-con-original{overflow: hidden;} .security_txt ol{width: 100%;} .security_txt{padding: 30px 0;} .security_txt .code{float: none;margin: 0 auto;margin-top: 30px;} .layui-form-radio{margin-right: 5px!important;} .security_form .form .label i{left: -3px;} .security_form .form .label{padding-left: 5px;} .form_upload{margin-top: 40px;} }