|
|
@ -1,11 +1,15 @@
|
|
|
|
/*公共样式*/
|
|
|
|
/*公共样式*/
|
|
|
|
input:focus {
|
|
|
|
input:focus {
|
|
|
|
border: 1px solid #42b0d5 !important;
|
|
|
|
border: 1px solid #4dbf9f !important;
|
|
|
|
outline:none;
|
|
|
|
outline:none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-horizontal .control-label{
|
|
|
|
.form-horizontal .control-label{
|
|
|
|
font-size:14px;
|
|
|
|
font-size:14px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-navigation .wrapper.wrapper-content {
|
|
|
|
|
|
|
|
padding-top: 15px !important;
|
|
|
|
|
|
|
|
padding-left: 5px !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
/*复选框样式*/
|
|
|
|
/*复选框样式*/
|
|
|
|
input[type='checkbox'] {
|
|
|
|
input[type='checkbox'] {
|
|
|
|
width: 14px;
|
|
|
|
width: 14px;
|
|
|
@ -19,22 +23,20 @@ input[type='checkbox'] {
|
|
|
|
margin-top: 1px;
|
|
|
|
margin-top: 1px;
|
|
|
|
margin-right: 7px;
|
|
|
|
margin-right: 7px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
input[type='checkbox']:checked {
|
|
|
|
input[type='checkbox']:checked {
|
|
|
|
background: url(../img/read_check.jpg) no-repeat center;
|
|
|
|
background: url(../img/forward_check.jpg) no-repeat center;
|
|
|
|
}
|
|
|
|
border: 1px solid #41b1d7;
|
|
|
|
|
|
|
|
}
|
|
|
|
/*表单*/
|
|
|
|
/*表单*/
|
|
|
|
.form-policylist {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-policylist .form-group .control-label {
|
|
|
|
.form-policylist .form-group .control-label {
|
|
|
|
width: 24%;
|
|
|
|
width: 24%;
|
|
|
|
color: #666;
|
|
|
|
color: #333;
|
|
|
|
margin-right: 15px;
|
|
|
|
margin-right: 15px;
|
|
|
|
font-weight: normal;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-policylist .form-group {
|
|
|
|
.form-policylist .form-group {
|
|
|
|
width: 19%;
|
|
|
|
width: 19%;
|
|
|
|
height: 34px;
|
|
|
|
height: 32px;
|
|
|
|
margin-left: 15px;
|
|
|
|
margin-left: 15px;
|
|
|
|
margin-right: 15px;
|
|
|
|
margin-right: 15px;
|
|
|
|
margin-bottom: 8px;
|
|
|
|
margin-bottom: 8px;
|
|
|
@ -44,8 +46,10 @@ input[type='checkbox']:checked {
|
|
|
|
|
|
|
|
|
|
|
|
.form-policylist input {
|
|
|
|
.form-policylist input {
|
|
|
|
width: 225px;
|
|
|
|
width: 225px;
|
|
|
|
height: 34px;
|
|
|
|
height: 32px;
|
|
|
|
|
|
|
|
line-height:32px;
|
|
|
|
border: 1px solid #e2e2e2;
|
|
|
|
border: 1px solid #e2e2e2;
|
|
|
|
|
|
|
|
border-radius:3px;
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-left: 10px;
|
|
|
|
vertical-align: middle;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -61,6 +65,9 @@ input[type='checkbox']:checked {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 1680px) {
|
|
|
|
@media screen and (max-width: 1680px) {
|
|
|
|
|
|
|
|
.btn-summary .btn-query, .btn-summary .btn-reset{
|
|
|
|
|
|
|
|
margin-top:36px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.form-policylist .form-group {
|
|
|
|
.form-policylist .form-group {
|
|
|
|
height: 66px !important;
|
|
|
|
height: 66px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -87,20 +94,21 @@ input[type='checkbox']:checked {
|
|
|
|
margin-left:15px;
|
|
|
|
margin-left:15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.btn-query, .btn-reset {
|
|
|
|
.btn-query, .btn-reset {
|
|
|
|
padding: 7px 25px;
|
|
|
|
padding: 7px 15px;
|
|
|
|
margin-top: 5px;
|
|
|
|
margin-top: 5px;
|
|
|
|
border-radius: 0 !important;
|
|
|
|
border-radius: 3px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.btn-query span.glyphicon, .btn-reset span.glyphicon {
|
|
|
|
.btn-query span.glyphicon, .btn-reset span.glyphicon {
|
|
|
|
margin-right: 5px;
|
|
|
|
margin-right: 7px;
|
|
|
|
|
|
|
|
font-size:12px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.btn-query {
|
|
|
|
.btn-query {
|
|
|
|
background: #42b0d5;
|
|
|
|
background: #4dbf9f;
|
|
|
|
border: 1px solid #42b0d5;
|
|
|
|
border: 1px solid #4dbf9f;
|
|
|
|
color: #FFF;
|
|
|
|
color: #FFF;
|
|
|
|
margin-right: 15px;
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.btn-query:hover {
|
|
|
|
.btn-query:hover {
|
|
|
@ -112,11 +120,19 @@ input[type='checkbox']:checked {
|
|
|
|
border: 1px solid #e2e2e2;
|
|
|
|
border: 1px solid #e2e2e2;
|
|
|
|
color: #666;
|
|
|
|
color: #666;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*表格*/
|
|
|
|
.btn-summary{
|
|
|
|
.policylist-table {
|
|
|
|
margin-top:-5px;
|
|
|
|
/*border:1px solid #ebebeb;*/
|
|
|
|
margin-left:15px;
|
|
|
|
border-bottom:none !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-summary .btn-query, .btn-summary .btn-reset{
|
|
|
|
|
|
|
|
padding:6px 15px !important;
|
|
|
|
|
|
|
|
font-size:12px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/*表格*/
|
|
|
|
|
|
|
|
.policylist-table {
|
|
|
|
|
|
|
|
/*border:1px solid #ebebeb;*/
|
|
|
|
|
|
|
|
border-bottom: none !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
.policylist-table thead tr th {
|
|
|
|
.policylist-table thead tr th {
|
|
|
|
background: #fafafa;
|
|
|
|
background: #fafafa;
|
|
|
|
height:40px;
|
|
|
|
height:40px;
|
|
|
@ -130,22 +146,24 @@ input[type='checkbox']:checked {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*用户信息*/
|
|
|
|
/*用户信息*/
|
|
|
|
.form-group .control-label span{
|
|
|
|
.form-group .control-label span{
|
|
|
|
|
|
|
|
width:7px;
|
|
|
|
margin-top:2px;
|
|
|
|
margin-top:2px;
|
|
|
|
margin-right:1px;
|
|
|
|
margin-right:1px;
|
|
|
|
display:inline-block;
|
|
|
|
display:inline-block;
|
|
|
|
float:left;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.user-info, .cargo-info, .tran-info {
|
|
|
|
.user-info, .cargo-info, .tran-info {
|
|
|
|
border: 2px solid #ebebeb;
|
|
|
|
border: 2px solid #9adbc8;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
padding: 15px;
|
|
|
|
padding: 15px;
|
|
|
|
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.user-info .title, .cargo-info .title,.tran-info .title {
|
|
|
|
.user-info .title, .cargo-info .title,.tran-info .title {
|
|
|
|
width: 95px;
|
|
|
|
width: 95px;
|
|
|
|
height: 20px;
|
|
|
|
height: 20px;
|
|
|
|
line-height: 20px;
|
|
|
|
line-height: 20px;
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
color: #d4af02;
|
|
|
|
color: #000;
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 16px;
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
top: -12px;
|
|
|
|
top: -12px;
|
|
|
@ -157,15 +175,19 @@ input[type='checkbox']:checked {
|
|
|
|
float:left;
|
|
|
|
float:left;
|
|
|
|
margin-right:20px;
|
|
|
|
margin-right:20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .form-group .control-label{
|
|
|
|
.form-confirm .form-group.form-none{
|
|
|
|
width:auto !important;
|
|
|
|
margin-right:0px;
|
|
|
|
margin-right:5px;
|
|
|
|
}
|
|
|
|
color:#333;
|
|
|
|
.form-confirm .form-group .control-label {
|
|
|
|
}
|
|
|
|
width: auto !important;
|
|
|
|
|
|
|
|
margin-right: 5px;
|
|
|
|
|
|
|
|
color: #333;
|
|
|
|
|
|
|
|
}
|
|
|
|
.form-confirm .form-group input[type='text'] {
|
|
|
|
.form-confirm .form-group input[type='text'] {
|
|
|
|
height: 30px;
|
|
|
|
height: 30px;
|
|
|
|
color: #999;
|
|
|
|
color: #999;
|
|
|
|
border: 1px solid #e2e2e2;
|
|
|
|
border: 1px solid #e2e2e2;
|
|
|
|
|
|
|
|
border-radius:3px;
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-left: 10px;
|
|
|
|
vertical-align: middle;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -208,32 +230,32 @@ input[type='checkbox']:checked {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .cargo-info .form-textarea, .form-confirm .tran-info .form-textarea {
|
|
|
|
.form-confirm .cargo-info .form-textarea, .form-confirm .tran-info .form-textarea {
|
|
|
|
width: 31%;
|
|
|
|
width: 31%;
|
|
|
|
border: 1px solid #e2e2e2;
|
|
|
|
border: 1px solid #e2e2e2 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .cargo-info .form-textarea .value, .form-confirm .tran-info .form-textarea .value {
|
|
|
|
.form-confirm .cargo-info .form-textarea .value, .form-confirm .tran-info .form-textarea .value {
|
|
|
|
padding-left:10px;
|
|
|
|
padding-left:10px;
|
|
|
|
padding-bottom:5px;
|
|
|
|
padding-bottom:5px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .cargo-info .form-textarea .control-label, .form-confirm .tran-info .form-textarea .control-label {
|
|
|
|
.form-confirm .cargo-info .form-textarea .control-label, .form-confirm .tran-info .form-textarea .control-label {
|
|
|
|
width: 100% !important;
|
|
|
|
width: 100% !important;
|
|
|
|
height: 33px;
|
|
|
|
height: 33px;
|
|
|
|
background: #f6f6f6;
|
|
|
|
/*background: #f6f6f6;*/
|
|
|
|
display: inline-block;
|
|
|
|
border-bottom: 1px solid #e2e2e2;
|
|
|
|
text-align: left;
|
|
|
|
display: inline-block;
|
|
|
|
padding-left: 15px;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
padding-left: 15px;
|
|
|
|
|
|
|
|
}
|
|
|
|
.form-confirm .cargo-info .form-group .value {
|
|
|
|
.form-confirm .cargo-info .form-group .value {
|
|
|
|
width: 130px;
|
|
|
|
width: 130px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .cargo-info .form-textarea textarea, .form-confirm .tran-info .form-textarea textarea {
|
|
|
|
.form-confirm .cargo-info .form-textarea textarea, .form-confirm .tran-info .form-textarea textarea {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
height: 80px;
|
|
|
|
border: none !important;
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*运输信息*/
|
|
|
|
/*运输信息*/
|
|
|
|
.form-confirm .tran-info {
|
|
|
|
.form-confirm .tran-info {
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-top: 20px;
|
|
|
|
height: 325px;
|
|
|
|
height: 335px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .tran-info .form-group{
|
|
|
|
.form-confirm .tran-info .form-group{
|
|
|
|
width:23%;
|
|
|
|
width:23%;
|
|
|
@ -242,9 +264,12 @@ input[type='checkbox']:checked {
|
|
|
|
.form-confirm .tran-info .form-group.form-risk {
|
|
|
|
.form-confirm .tran-info .form-group.form-risk {
|
|
|
|
width: 10%;
|
|
|
|
width: 10%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .tran-info .form-group input[type='text'], .form-confirm .tran-info .form-group .select {
|
|
|
|
.form-confirm .tran-info .form-group.form-risk input[type='checkbox']{
|
|
|
|
width: 145px;
|
|
|
|
margin-top:3px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.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{
|
|
|
|
.form-confirm .tran-info .form-group .value{
|
|
|
|
width:140px;
|
|
|
|
width:140px;
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -256,7 +281,7 @@ input[type='checkbox']:checked {
|
|
|
|
float:left;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .tran-info .form-group .input-group .input-group-btn .btn{
|
|
|
|
.form-confirm .tran-info .form-group .input-group .input-group-btn .btn{
|
|
|
|
padding:3px 10px;
|
|
|
|
padding:4px 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-group input[type="radio"] + .radio-label::before {
|
|
|
|
.form-group input[type="radio"] + .radio-label::before {
|
|
|
|
content: '';
|
|
|
|
content: '';
|
|
|
@ -264,14 +289,14 @@ input[type='checkbox']:checked {
|
|
|
|
width: 13px;
|
|
|
|
width: 13px;
|
|
|
|
height: 13px;
|
|
|
|
height: 13px;
|
|
|
|
border-radius: 50%;
|
|
|
|
border-radius: 50%;
|
|
|
|
border: 1px solid #42b0d5;
|
|
|
|
border: 1px solid #4dbf9f;
|
|
|
|
margin-right: 10px;
|
|
|
|
margin-right: 10px;
|
|
|
|
margin-top: -1px;
|
|
|
|
margin-top: -1px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.form-group input[type="radio"]:checked + .radio-label::before {
|
|
|
|
.form-group input[type="radio"]:checked + .radio-label::before {
|
|
|
|
background-clip: content-box;
|
|
|
|
background-clip: content-box;
|
|
|
|
background-color: #42b0d5;
|
|
|
|
background-color: #4dbf9f;
|
|
|
|
width: 13px;
|
|
|
|
width: 13px;
|
|
|
|
height: 13px;
|
|
|
|
height: 13px;
|
|
|
|
padding: 2px;
|
|
|
|
padding: 2px;
|
|
|
@ -293,21 +318,22 @@ input[type='checkbox']:checked {
|
|
|
|
padding-left:10px;
|
|
|
|
padding-left:10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .form-cost {
|
|
|
|
.form-confirm .form-cost {
|
|
|
|
background: #ecf7fb;
|
|
|
|
background: #e1f4ef;
|
|
|
|
padding:10px 15px 5px 15px;
|
|
|
|
padding: 10px 15px 5px 15px;
|
|
|
|
margin-top:15px;
|
|
|
|
margin-top: 15px;
|
|
|
|
margin-bottom:10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .form-cost p{
|
|
|
|
.form-confirm .form-cost p{
|
|
|
|
font-size:15px;
|
|
|
|
font-size:15px;
|
|
|
|
color:#333;
|
|
|
|
color:#333;
|
|
|
|
|
|
|
|
margin-bottom:5px !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .form-cost p b {
|
|
|
|
.form-confirm .form-cost p b {
|
|
|
|
color: #cc000e;
|
|
|
|
color: #cc000e;
|
|
|
|
font-size:20px;
|
|
|
|
font-size:20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.form-confirm .form-cost p.deductible{
|
|
|
|
.form-confirm .form-cost p.deductible{
|
|
|
|
color:#999;
|
|
|
|
color:#333;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/*我已阅读*/
|
|
|
|
/*我已阅读*/
|
|
|
|
.form-confirm .form-read{
|
|
|
|
.form-confirm .form-read{
|
|
|
@ -343,4 +369,34 @@ input[type='checkbox']:checked {
|
|
|
|
/*保单详情补充*/
|
|
|
|
/*保单详情补充*/
|
|
|
|
.form-confirm .cargo-info .form-textarea, .form-confirm .tran-info .form-textarea {
|
|
|
|
.form-confirm .cargo-info .form-textarea, .form-confirm .tran-info .form-textarea {
|
|
|
|
border: none;
|
|
|
|
border: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.bootstrap-table .table > thead > tr > th:first-child{
|
|
|
|
|
|
|
|
padding-top:10px !important;
|
|
|
|
|
|
|
|
padding-left:16px !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-deter {
|
|
|
|
|
|
|
|
background: #7bd0b8 !important;
|
|
|
|
|
|
|
|
border-color: #7bd0b8 !important;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/*用户信息*/
|
|
|
|
|
|
|
|
.user-info .form-group{
|
|
|
|
|
|
|
|
width:30% !important;
|
|
|
|
|
|
|
|
margin-bottom:10px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/*货物信息*/
|
|
|
|
|
|
|
|
.cargo-info .form-group {
|
|
|
|
|
|
|
|
width: 19% !important;
|
|
|
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/*运输信息*/
|
|
|
|
|
|
|
|
.cargo-info .form-group {
|
|
|
|
|
|
|
|
width: 23% !important;
|
|
|
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-policylist .btn{
|
|
|
|
|
|
|
|
font-size:13px;
|
|
|
|
|
|
|
|
font-weight:normal;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.fixed-table-container{
|
|
|
|
|
|
|
|
border:none !important;
|
|
|
|
}
|
|
|
|
}
|