/*公共样式*/ input:focus { border: 1px solid #42b0d5 !important; outline:none; } .form-horizontal .control-label{ font-size:14px; } /*复选框样式*/ input[type='checkbox'] { width: 14px; height: 14px; background: #FFF; -webkit-appearance: none; border: 1px solid #a5a5a5; outline: none; display: block; float: left; margin-top: 1px; margin-right: 7px; } input[type='checkbox']:checked { background: url(../img/read_check.jpg) no-repeat center; } /*表单*/ .form-policylist { } .form-policylist .form-group .control-label { width: 24%; color: #666; margin-right: 15px; font-weight: normal; } .form-policylist .form-group { width: 19%; height: 34px; margin-left: 15px; margin-right: 15px; margin-bottom: 8px; float: left; position: relative; } .form-policylist input { width: 225px; height: 34px; border: 1px solid #e2e2e2; padding-left: 10px; vertical-align: middle; } /*提交时间*/ .form-date input { width: 140px !important; background: url(../img/date.jpg) no-repeat center right 8px; } .form-policylist .form-date .label { background: none; font-size: 14px; font-weight: normal; } @media screen and (max-width: 1680px) { .form-policylist .form-group { height: 66px !important; } .form-policylist .form-group .control-label { width: 50% !important; text-align: left !important; margin-bottom: 5px; } } @media screen and (max-width: 1440px) { .form-policylist .form-group input { width: 190px !important; } .form-policylist .form-group .select { width: 190px !important; } } /*查询和重置*/ .btn-summary { width: 90%; margin-left:15px; } .btn-query, .btn-reset { padding: 7px 25px; margin-top: 5px; border-radius: 0 !important; } .btn-query span.glyphicon, .btn-reset span.glyphicon { margin-right: 5px; } .btn-query { background: #42b0d5; border: 1px solid #42b0d5; color: #FFF; margin-right: 15px; } .btn-query:hover { color: #FFF; } .btn-reset { background: #FFF; border: 1px solid #e2e2e2; color: #666; } /*表格*/ .policylist-table { /*border:1px solid #ebebeb;*/ border-bottom:none !important; } .policylist-table thead tr th { background: #fafafa; height:40px; color:#333; font-size:15px; font-weight:bold; padding-left:15px; } .policylist-table tbody tr{ height:40px; } /*用户信息*/ .form-group .control-label span{ margin-top:2px; margin-right:1px; display:inline-block; float:left; } .user-info, .cargo-info, .tran-info { border: 2px solid #ebebeb; position: relative; padding: 15px; } .user-info .title, .cargo-info .title,.tran-info .title { width: 95px; height: 20px; line-height: 20px; text-align: center; color: #d4af02; font-size: 16px; position: absolute; top: -12px; left: 10px; background: #FFF; } /*表单*/ .form-confirm .form-group{ float:left; margin-right:20px; } .form-confirm .form-group .control-label{ width:auto !important; margin-right:5px; color:#333; } .form-confirm .form-group input[type='text'] { height: 30px; color: #999; border: 1px solid #e2e2e2; padding-left: 10px; vertical-align: middle; } .form-confirm .form-group .value { color: #999; padding-top: 7px; float:left; } .form-confirm .form-group input[readonly] { background: #f4f4f4; } .form-confirm .form-group .select{ height:30px; } /*用户信息*/ .form-confirm .user-info{ height:64px; } .form-confirm .user-info .form-group input[type='text'] { width: 210px; } .form-confirm .user-info .form-group .value{ width:200px; float:left; } /*货物信息*/ .form-confirm .cargo-info { margin-top: 20px; height: 230px; } .form-confirm .cargo-info .form-group input[type='text'], .form-confirm .cargo-info .form-group .select { width: 140px; } .form-confirm .cargo-info .form-group.form-narrow input[type='text'], .form-confirm .cargo-info .form-group.form-narrow .select { width: 120px; } .form-confirm .cargo-info .choose{ display:inline-block; margin-top:7px; } .form-confirm .cargo-info .form-textarea, .form-confirm .tran-info .form-textarea { width: 31%; border: 1px solid #e2e2e2; } .form-confirm .cargo-info .form-textarea .value, .form-confirm .tran-info .form-textarea .value { padding-left:10px; padding-bottom:5px; } .form-confirm .cargo-info .form-textarea .control-label, .form-confirm .tran-info .form-textarea .control-label { width: 100% !important; height: 33px; background: #f6f6f6; display: inline-block; text-align: left; padding-left: 15px; } .form-confirm .cargo-info .form-group .value { width: 130px; } .form-confirm .cargo-info .form-textarea textarea, .form-confirm .tran-info .form-textarea textarea { width: 100%; height: 80px; border: none; } /*运输信息*/ .form-confirm .tran-info { margin-top: 20px; height: 325px; } .form-confirm .tran-info .form-group{ width:23%; position:relative; } .form-confirm .tran-info .form-group.form-risk { width: 10%; } .form-confirm .tran-info .form-group input[type='text'], .form-confirm .tran-info .form-group .select { width: 145px; } .form-confirm .tran-info .form-group .value{ width:140px; } .form-confirm .tran-info .form-group .input-group input{ float:left; } .form-confirm .tran-info .form-group .input-group .input-group-btn{ width:29px; float:left; } .form-confirm .tran-info .form-group .input-group .input-group-btn .btn{ padding:3px 10px; } .form-group input[type="radio"] + .radio-label::before { content: ''; display: inline-block; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #42b0d5; margin-right: 10px; margin-top: -1px; } .form-group input[type="radio"]:checked + .radio-label::before { background-clip: content-box; background-color: #42b0d5; width: 13px; height: 13px; padding: 2px; } .form-group input[type="radio"] { position: absolute; clip: rect(0,0,0,0); } .form-group .radio-label { width: 105px; display: inline-flex; flex-direction: row; align-items: center; font-weight: normal; } .form-confirm .tran-info .form-textarea textarea{ padding-left:10px; } .form-confirm .form-cost { background: #ecf7fb; padding:10px 15px 5px 15px; margin-top:15px; margin-bottom:10px; } .form-confirm .form-cost p{ font-size:15px; color:#333; } .form-confirm .form-cost p b { color: #cc000e; font-size:20px; } .form-confirm .form-cost p.deductible{ color:#999; } /*我已阅读*/ .form-confirm .form-read{ color:#999; margin:0 10px; } .form-confirm .form-read input[type='checkbox']{ margin-top:3px; } /*货物类型*/ .tips { color: #999; } .type-table{ border:1px solid #e2e2e2; margin-top:10px; } .type-table thead tr th { border-right: 1px solid #ebebeb !important; color:#333; padding-left:15px; } .type-table tbody tr td { border-right: 1px solid #ebebeb !important; } .type-table tbody tr td:first-child{ width:150px; } .type-table tbody tr td .form-group .radio-label{ width:165px; } /*保单详情补充*/ .form-confirm .cargo-info .form-textarea, .form-confirm .tran-info .form-textarea { border: none; }