@charset "utf-8";
/*DESC 复刻写信页面 不自适应*/
.m-auto{margin: 0 auto;}
.write-letter *{box-sizing: border-box;}
.write-letter .bg-box{max-width: 100%;height: 280px;background-size: 100% 100%;}
.write-letter .letter-box{width: 100%;padding: 20px;background: linear-gradient(180deg, #F2F6F9 0%, #F7F9FB 100%);border-radius: 8px;transform: translateY(-9.8px);}
.write-letter .content{background-color: #fff;width: 100%;border-radius: 8px;padding-bottom: 38px;}
.write-letter .show-info{display: block;}
.write-letter .show-form{display: none;}
.write-letter .title{font-size: 34px;color: #000;text-align: center;padding-top: 24px;font-weight: bold;}
.write-letter .form{margin-top: 28px;width: 100%;height: 965px;background-color: #F3F7F9;border-radius: 8px;}
.write-letter .form .form-head{width: 100%;height: 56px;color: #DD3A3A;font-size: 20px;line-height: 56px;padding-left: 24px;border-radius: 8px;}
.write-letter .form .form-content{width: 1164px;height: 905px;background-color: #fff;border-radius: 4px;padding: 32px 23px;}
.write-letter .form .form-content .line-tit{font-size: 22px;font-weight: bold;color: #111;line-height: 24px;padding-left: 18px;}
.write-letter .form .form-content .line-tit::before{float: left;content: '';width: 6px;height: 18px;background: #015293;border-radius: 3px;margin-top: 3px;margin-right: 12px;}
.write-letter .form .line-body{padding-top: 32px;}
.write-letter .form .line-body .item{float: left;margin-bottom: 20px;}
.write-letter .form .line-body .item.line{float: none;margin-bottom: 20px;}
.write-letter .form .line-body .item.full-item{margin-right: 0;}
.write-letter .form .line-body .input-title{float: left;width: 108px;text-align: right;padding-right: 10px;font-size: 18px;color: #333;line-height: 44px;}
.write-letter .form .line-body input, .write-letter .form .line-body select, .write-letter .form .line-body textarea{outline: none;float: left;width: 400px;height: 44px;border: 1px solid #ddd;padding: 0 20px;font-size: 18px;}
.write-letter .form .line-body input.full-input{width: 988px;}
.write-letter .form .line-body select{appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(hd_xx_arrow.png) no-repeat 364px center transparent;background-size: 16px 16px;}
.write-letter .form .required{float: left;color: #DD3A3A;line-height: 44px;font-size: 18px;margin-left: 13px;}
.write-letter .form .second-tit{margin-top: 28px;}
.write-letter .form .line-body textarea.full-textarea{width: 988px;height: 144px;padding-top: 5px;padding-bottom: 5px;}
.write-letter .form .has-btn-item{position: relative;}
.write-letter .form .item.left-item{margin-right: 57px;}
.write-letter .form .choose{position: absolute;right: 22px;width: 130px;height: 44px;font-size: 18px;background-color: #015293;color: #fff;line-height: 44px;text-align: center;cursor: pointer;}
.write-letter .form .line-body input.min-input{padding-right: 150px;}
.write-letter .form .line-body .verification{float: left;width: 90px;height: 44px;margin-left: 10px;cursor: pointer;}
.write-letter .form .line-body .info{float: left;margin-left: 18px;line-height: 44px;color: #333;font-size: 18px;}
.write-letter .form .line-btn{transform: translateX(27px);text-align: center;margin-top: 40px;}
.write-letter .form button.submit, .write-letter .form button.reset{width: 240px;height: 46px;text-align: center;line-height: 46px;border-radius: 4px;font-size: 18px;margin-right: 32px;color: #fff;cursor: pointer;}
.write-letter .form button.submit{background-color: #015293;}
.write-letter .form button.reset{color: #999;}
.write-letter .form.info-form{position: relative;height: 478px;border-radius: 4px;padding-top: 30px;padding-left: 30px;line-height: 36px;font-size: 18px;color: #111;background-color: #F9F9F9;}
.write-letter .info-title{line-height: 36px;font-size: 18px;color: #111;font-weight: bold;}
.write-letter .info-content{margin-top: 4px;}
.write-letter .info-content p.content-line{position: relative;z-index: 9;padding-left: 12px;line-height: 48px;}
.write-letter .info-content p.content-line .index{margin-right: 8px;}
.write-letter .show-info{padding-bottom: 12px;}
.write-letter .show-info .line-btn{transform: translateX(17px);text-align: center;margin-top: 32px;}
.write-letter .show-info .agree, .write-letter .show-info a.disagree{display: inline-block;width: 240px;height: 46px;text-align: center;line-height: 46px;border-radius: 4px;font-size: 18px;margin-right: 32px;color: #fff;cursor: pointer;}
.write-letter .show-info .agree{background-color: #015293;}
.write-letter .show-info a.disagree{background-color: #EDF2F7;color: #999;}
.write-letter .show-info .info-decorate{position: absolute;width: 290px;height: 20px;right: 0;bottom: 0;}
/*清除浮动*/.clearfix{*zoom: 1;}
.clearfix:before, .clearfix:after{display: table;content: "";line-height: 0;}
.clearfix:after{clear: both;}
/*button reset*/button{vertical-align: middle;border: none;}