/* ------------------------------------------------------------------ [Custom Stylesheet] Last change:00/00/2014 Assigned to:XXX ------------------------------------------------------------------- */ ul{ margin:0; padding:0;} li{ list-style:none;} *, h1, h2, h3, h4, h5, h6 { font-family: 'Microsoft YaHei',Arial, Verdana; } a:focus{outline: none; text-decoration: none;} body { background: #e9e9e9 url(../../images/2.0/tiny_grid.png) repeat 0 0; background: #e4e5e6; font-size: 12px;} .form-control{font-family: 'Microsoft YaHei', "HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-size: 13px;} .form-control.form-sm{height: 30px; padding: 3px 12px;} textarea.form-control{resize:vertical; height: 34px;} .form-control.inline{display: inline-block; width: auto;} .form-inline .form-control {display: inline-block; width: auto; vertical-align: middle;} input.form-control.inline{width: 200px;} input.form-control.inline2{width: 400px;} select.form-control.inline{padding-right: 20px; padding-left: 5px;} label,.label{font-weight: normal; font-size: 12px;} .table .label{display: inline-block;} .label.label-default{color: #555;} .clearfix:after { height: 0; content: " "; display: block; visibility: hidden; font-size: 0; clear: both; } *html .clearfix { zoom: 1; } *:first-child+html .clearfix { zoom: 1; } input[type="radio"], input[type="checkbox"]{ margin:0; vertical-align:middle;} /* 字体颜色 */ .color-baojia{color: #28bcdc;} .color-red { color: #f00; } .color-red:hover, .color-red:active, .color-red:focus { color: #f00; } .color-pink-red{color: #f86c6b;} .color-orange { color: #fb7617; } .color-yellow{color: #caaf05;} .color-blur-light{color: #019cae;} .color-gray { color: #999; } .color-gray-light { color: #a6a6a6; } .color-green{color: #4dbd74;} .color-black{color: #3d3f42;} a.color-orange:hover { color: #fb7617; } .fw-no{ font-weight:normal;} /* 字体颜色 END */ /* 背景颜色 */ .bg_baojia{background-color: #28bcdc;} .bg_yellow { background-color: #caaf05; } .bg_orange { background-color: #db562d; } .bg_blue_dark { background-color: #491bc4; } .bg_blue { background-color: #1770d4; } .bg_blue_light { background-color: #019cae; } .bg_green { background-color: #00a400; } .bg_green_light,.bg-green { background: #4dbd73; } .bg_pink { background-color: #b71c44; } .bg_purple { background-color: #a201a9; } .bg_red,.bg-red { background: #f00; } .bg_pink_red { background-color: #f86c6b; } .bg_gray { background: #ccc; } .bg_gray_light,.bg-gray-light { background: #fafafa; } /* 背景颜色 END */ /* icon */ .icon-ios:before{ background: url(../../images/2.0/icon-ios.png) no-repeat center center; background-size:100%; width:16px; content:""; height:16px;} /* icon END */ .wordWrap{word-wrap:break-word; overflow:hidden;} .wordBreak{word-wrap: break-word; word-break:break-all;} .btn-wide { padding-left: 30px; padding-right: 30px; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #1985ac; border-color: #1985ac;} .btn-link.default-link{margin: 0; padding: 0;} table.table .btn.btn-link.default-link{margin: 0; color: #28bcdc;} table.table .btn.btn-link.default-link:hover{color: #1985ac;} .warn-field.form-control { box-shadow: 0 0 5px rgba(255, 0, 0, 0.6); outline: 0 none; border-color: transparent; } .form-inline select.form-control{padding:0px 20px 0px 6px;} body, .container { min-width: 970px; } @media (max-width:767px) { body { padding: 0; } .main{padding-top: 2em !important;} .table-responsive{border:0;} } .cursor_pointer{cursor: pointer;} .alert{padding: 5px 15px;} .popover{border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2); box-shadow: 0 1px 5px rgba(0,0,0,.2);} .warn-pop-success{width: 100%; text-align: center;} .warn-pop-success .alert{display: inline-block; padding: 15px; min-width: 300px;} .dropdown .dropdown-menu{-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .pagination-wrap:after {display: table; content: " "; clear: both;} .pagination-wrap.center { text-align: center; } .pagination-wrap .btn{margin:9px 0; padding: 4px 10px;} .pagination-wrap .btn-default{background: none;} .table.no-border thead > tr > th, .table.no-border tbody > tr > th, .table.no-border tfoot > tr > th, .table.no-border thead > tr > td, .table.no-border tbody > tr > td, .table.no-border tfoot > tr > td{border-top: none;} .table.no-border td,.table.no-border th{padding: 5px;} .table.no-inBorder td,.table.no-inBorder th{border-left: 0; border-right: 0;} .table.thead-head thead > tr:first-child > th,.table.thead-head thead > tr:first-child > td{border-bottom: none; border-top: 2px solid #d1d4d7; background: #f8f9fa;} .table.thead-head thead > tr:first-child > th.sorting, .table.thead-head thead > tr:first-child > td.sorting{background: url('../../plugins/datatables/images/sort_both.png') no-repeat center right; padding-right: 18px;} .table.thead-head thead > tr:first-child > th.sorting_asc, .table.thead-head thead > tr:first-child > td.sorting_asc{background: url('../../plugins/datatables/images/sort_asc.png') no-repeat center right; padding-right: 18px;} .table.thead-head thead > tr:first-child > th.sorting_desc, .table.thead-head thead > tr:first-child > td.sorting_desc{background: url('../../plugins/datatables/images/sort_desc.png') no-repeat center right; padding-right: 18px;} .table.thead-head.table-striped tbody > tr:first-child > td{border-top: 1px solid #d1d4d7;} .thead-head.table-striped > tbody > tr:nth-child(odd) > td, .thead-head.table-striped > tbody > tr:nth-child(odd) > th{background-color: transparent;} .thead-head.table-striped > tbody > tr:nth-child(even) > td, .thead-head.table-striped > tbody > tr:nth-child(even) > th{background-color: #f8f9fa;} .table .t-l{text-align:left;} .thead-head.table-hover>tbody>tr:hover>td, .thead-head.table-hover>tbody>tr:hover>th{background-color: #f5f5f5;} .table .t-r{text-align:right;} .table .t-c{text-align: center;} .table-middle td,.table-middle th,.table-middle{vertical-align: middle !important;} .table tfoot th{font-weight: normal;} .table tr.disable td{color: #999;} .table tr.current td{background: #fc7c1a; color: #fff;} .table tr.current td .color-red{color: #fff;} .table-long{overflow-x: auto;} .table.all-center th, .table.all-center td { text-align: center; } .table.tbody-middle tbody th, .table.tbody-middle tbody td { vertical-align: middle; } .table.thead-center thead th, .table.thead-center thead td { text-align: center; } .table-bordered{border-radius: 0;} .table-bordered thead tr { background-image: none; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); } .table-striped-even > tbody > tr:nth-child(even) > td, .table-striped-even > tbody > tr:nth-child(even) > th {background-color: #f8f9fa;} .table-striped-even > tbody > tr:nth-child(even) > td, .table-striped-even > tbody > tr:nth-child(even) > th {background-color: none;} .widget-table .table tr td:first-child, .widget-table .table tr th:first-child {padding-left: 15px;} .panel-table .table tr td:first-child, .panel-table .table tr th:first-child {padding-left: 15px;} .panel-table .panel-body{padding: 0;} .panel .panel-heading .panel-actions a.btn i{width: auto; color: #fff; font-size: 12px; line-height: initial;} .panel .panel-heading .nav > li.active > a i, .panel .panel-heading .nav > li > a:hover i, .panel .panel-heading .nav > li > a:focus i{color: #d1d4d7;} .panel-heading .text{display: inline-block; margin:0 5px;} .panel .panel-heading .panel-actions a.btn{width: auto; height: auto;} .required{color: #f86c6b; font-size: 20px;} .Tags{padding: 10px 0; min-height: 120px;} .Tags .Tag{display: inline-block; background: #eee; border-radius: 300px; min-width: 75px; margin:5px 10px; text-align: center; height: 25px; line-height: 25px; padding: 0 10px;} .line-dashed{border-bottom: 1px dashed #ddd; margin: 15px 0;} .panel-body .nav-tabs li.dropdown.open>a{border-radius: 5px 5px 0 0;} .panel-body .nav-tabs li.dropdown li{float: none;} .panel-body .nav-tabs li.dropdown li a{height: 30px; line-height: 30px; padding: 0 9px; color: #999; font-size: 12px;} .panel-body .nav-tabs li.dropdown li a:hover{color: #FFF;} .panel-body .nav-tabs li.dropdown li.active a{color: #3f3d42;} .panel-table .table{margin: 0 !important;} .panel.no-MB{margin-bottom: 0; border-bottom: 1px solid #ddd;} .stacked:after, .stacked:before{display: none;} .widget .widget-header{background: #f5f5f5; border-left: 0; border-right: 0; border-top: 0; border-radius: 0;} .widget-header .nav-tabs{padding: 5px 0 0 4px;} .widget-header .nav-tabs>li{margin-right: 7px;} .widget-header .nav-tabs>li>a{margin-right: 7px;} .widget-header .nav-tabs>li>a:hover{background: #fff; border-top-color: #ff9900;} .widget .widget-content{border:0; border-radius: 0;} .widget-content>.tab-content{margin-top: 0;} .badge-wrap{} .badge-wrap .badge{background: #f00; position: absolute; z-index: 3; top: -3px; right: -5px; font-size: 8px; line-height: 8px; padding: 4px 6px; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em;} .btns{text-align: right; padding: 10px 0 35px;} .btns.center{text-align: center;} .btns.center .btn{margin: 0 5px;} .btns.left{text-align: left;} .btns .btn{font-size: 20px; padding: 5px 20px; margin-left: 10px;} .btns .btn.btn-sm{font-size: 14px; padding: 6px 30px;} .btns.left .btn{margin-left: 0; margin-right: 10px;} .labelPart label{margin-bottom: 0;} .col-boxin{width: 50%; float: left;} .outline-dashed{outline: 1px dashed #ddd; padding: 5px 0;} .modal .center .modal-header{padding: 14px 20px;} .modal .center .modal-body{text-align: center; padding: 30px 15px;} .modal .center .modal-footer{text-align: center; padding: 10px 15px;} .modal-footer .btn-sm{padding: 5px 20px;} .modal-footer.center{text-align: center;} @media screen and (max-width: 1199px){ .modal{top: 0; right: 0; left: 0;} .modal-dialog {width: 600px; margin: 30px auto;} .modal-sm {width: 300px;} } .no_rangeBtns{} .daterangepicker.no_rangeBtns_picker{min-width: 498px;} .daterangepicker.no_rangeBtns_picker .ranges{float: none; width: 100%; clear: both;} .daterangepicker.no_rangeBtns_picker .ranges .range_inputs>div{float: none; display: inline-block;} .daterangepicker.no_rangeBtns_picker .daterangepicker_start_input label, .daterangepicker.no_rangeBtns_picker .daterangepicker_end_input label{display: inline-block; width: auto; margin-right: 5px;} .daterangepicker.no_rangeBtns_picker .ranges .input-mini{display: inline-block; width: 122px; margin-bottom: 0;} .daterangepicker.no_rangeBtns_picker .applyBtn,.daterangepicker.no_rangeBtns_picker .cancelBtn{float: right; margin-right: 10px; padding: 4px 12px;} .caretUp { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-bottom: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .caretRight { display: inline-block; width: 0; height: 0; vertical-align: middle; border-right: 4px solid; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } /* 模仿table效果 */ .mTable{display: table; width: 100%;} .mTable .mTd{display: table-cell;} .mTable .mTd.t-r{text-align: right;} .mTable .mTd.t-c{text-align: center;} .mTable.mTable-middle .mTd,.mTable .mTd.mTable-middle{vertical-align: middle;} /* custom popover Start */ .custom-ui-popover-mobevent{cursor: pointer; display: inline-block;} .custom-ui-popover-mobevent i{font-size: 16px; color: #ccc; position: relative; top: 1px;} .custom-ui-popover-mobevent:hover i{ color: #000;} /* custom popover END */ /* Reset style.min.css 和 add-ons.min.css Start */ .panel.panel-default .panel-heading{background: #f5f5f5;} .table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td{border-top: 1px solid #f0f0f0;} .table thead > tr > th{border-bottom: 1px solid #d1d4d7;} table.table thead .sorting,table.table thead .sorting_asc,table.table thead .sorting_desc{background: url('../../plugins/datatables/images/sort_both.png') no-repeat center right; padding-right: 18px;} table.table thead .sorting.t-r,table.table thead .sorting_asc.t-r,table.table thead .sorting_desc.t-r{padding-right: 18px;} table.table thead span.sorting{background: url('../../plugins/datatables/images/sort_both.png') no-repeat center right; padding-right: 20px;} table.table thead .sorting_desc {background: url('../../plugins/datatables/images/sort_desc.png') no-repeat center right;} table.table thead .sorting_asc {background: url('../../plugins/datatables/images/sort_asc.png') no-repeat center right;} table.table thead .sorting.in,table.table thead .sorting_asc.in,table.table thead .sorting_desc.in{display: inline-block;} table.table thead th select.input-sm{height: 26px; line-height: 26px; padding-left: 5px; padding-right: 20px;} .table tbody > tr > td.intable,.table tbody > tr > th.intable{padding-left: 0;} .intable table.table{margin-top: 0px !important; margin-bottom: 0px !important; background: none;} .navbar .navbar-nav li .dropdown-menu:before,.navbar .navbar-nav li .dropdown-menu:after{display: none;} .progress.thin .progress-bar {font-size: 10px;} .control-part.row{margin:0;} .control-part .inlineBlock{display: inline-block;} .panel-body .control-part .form-control{height: 31px;} .control-part select.input-sm{height: 26px; line-height: 22px; padding-right: 20px;} @-moz-document url-prefix() { .control-part select.input-sm {padding: 0px 12px;} } .panel .control-part .selectbox {border: 1px solid #d1d4d7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: white;margin-left: 15px;padding: 0 5px;height: 33px;line-height: 30px;cursor: pointer;} .widget-table .control-part{padding: 10px 15px;} .panel-heading .nav-tabs li a{line-height: 26px;} .panel .panel-heading .selectbox{line-height: 29px;} .panel-actions select.form-control{padding:0px 20px 0px 6px; height: 30px; line-height: 30px; margin-top: 5px;} .progressbar .ui-progressbar-value{top:0; left:0; text-align: center; color: #fff; font-size: 10px; line-height: 1em;} /* Reset style.min.css 和 add-ons.min.css END */ /* Reset base-admin-3.css Start */ .ui-slider .ui-slider-range{border: none;} /* Reset base-admin-3.css END */ /* date picker Start */ .datepicker{border-radius: 0;} .datepicker td, .datepicker th{border-radius: 2px;} .datepicker-days .old.day,.datepicker-days .new.day{color: #999;} /* date picker END */ /* 版本一的Head 和 Nav Start */ .navbar-brand { padding: 7px 15px; } .navbar.navbar-inverse { border: none; box-shadow: none; background: #2c9cb4; /* Old browsers */ background: -moz-linear-gradient(top, #2c9cb4 0%, #28bcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c9cb4), color-stop(100%, #28bcdc)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #2c9cb4 0%, #28bcdc 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #2c9cb4 0%, #28bcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2c9cb4 0%, #28bcdc 100%); /* IE10+ */ background: linear-gradient(to bottom, #2c9cb4 0%, #28bcdc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c9cb4', endColorstr='#28bcdc', GradientType=0 ); /* IE6-9 */ } .navbar.navbar-inverse .navbar-form .search-query { background-color: #28bbdc; border-color: #2ba1bb; color: #02667d; } .navbar.navbar-inverse .navbar-form .search-query:focus { background-color: #FFF; } .navbar.navbar-inverse .navbar-form .search-query::-webkit-input-placeholder { color: #02667d; } .navbar.navbar-inverse .navbar-form .search-query::-moz-placeholder { color: #02667d; } .navbar-inverse .navbar-nav>li>a { color: #02667d; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background: #078fad; } .dropdown-menu > li > a { border-radius: 0; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #FFF; background-color: #28bbdc; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; background: #28bbdc; text-shadow: none; } .subnavbar { border: none; border-bottom: 1px solid #1f91ab; } .subnavbar .subnavbar-inner { border: none; } .subnavbar .subnavbar-inner { background: #20aac8; /* Old browsers */ background: -moz-linear-gradient(top, #20aac8 0%, #20aac8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20aac8), color-stop(100%, #20aac8)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #20aac8 0%, #20aac8 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #20aac8 0%, #20aac8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #20aac8 0%, #20aac8 100%); /* IE10+ */ background: linear-gradient(to bottom, #20aac8 0%, #20aac8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20aac8', endColorstr='#20aac8', GradientType=0 ); /* IE6-9 */ } .subnavbar .subnav-toggle { color: #fff; } .subnavbar .mainnav { border: none; } .subnavbar .mainnav > li { border: none; } .subnavbar .mainnav > li > a { color: #01687e; border: none; text-shadow: none; } .subnavbar .mainnav > li.active > a { background: #078fad; color: #fff; border: none; } .subnavbar .mainnav > li > a:hover { color: #085263; } .subnavbar .mainnav > li.active > a:hover { color: #fff; } .subnavbar .dropdown .caret { border-top-color: #01687e; border-bottom-color: #01687e; vertical-align: top; margin-top: 2px; } .subnavbar .mainnav > li.active > a .caret { border-top-color: #fff; border-bottom-color: #fff; } .subnavbar .mainnav > li > a:hover > .caret { border-top-color: #085263; border-bottom-color: #085263; } .subnavbar .mainnav > li.active > a:hover > .caret { border-top-color: #fff; border-bottom-color: #fff; } .subnavbar .dropdown > .dropdown-menu a:hover { background: #20aac8; } /* 版本一的Head 和 Nav END */ /* head bar Start */ .headbar{background:#fff; height:75px;} .headbar-brand{float:left; margin-top: 17px;} .headbar-right{float:right; text-align:right; margin-top: 13px;} .toOld,.toOld i{color:#a6a6a6;} .toOld:hover,.toOld:hover i{color:#3d3f42;} .headbar-right .links{padding:8px 0 0;} .headbar-right .links .dropdown{display:inline-block; margin-right:5px;} /* head bar END */ /* nav bar Start */ .navbar{position: relative; z-index:11;} .navbar{background:#28bcdc; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28bcdc', endColorstr='#28bcdc',GradientType=0 ); /* IE6-9 */ border:none; border-bottom:3px solid #016d85; border-radius:0;} .navbar .nav > li:hover > .dropdown-menu {display: block;} .navbar .navbar-nav > li > a{color:#01323d; padding:0 18px; height:50px; line-height:50px; width:auto;} .dropdown-submenu > a:after{margin-top: 15px;} .navbar .navbar-nav li a i{ color:#016d85; color: inherit; font-size:12px;} .navbar .navbar-nav > li:hover > a, .navbar .navbar-nav > li > a:focus{background:#016d85; color:#fff;} .navbar .navbar-nav li.active > a{background:#016d85; color:#fff;} .navbar .navbar-nav li.active>ul>li.active2 > a{background:#016d85 !important; color:#fff;} .navbar .navbar-nav li.active>ul>li.active2>ul>li.active3 > a{background:#016d85 !important; color:#fff;} .navbar .navbar-nav li.open > a,.navbar .navbar-nav .open a:focus,.navbar .navbar-nav .open a:active{background:#016d85; color:#fff;} .navbar .navbar-nav li .dropdown-menu{margin-top: 0;} .navbar .navbar-nav li .dropdown-menu li{min-width: 160px;} .navbar .navbar-nav li .dropdown-toggle:active, .navbar .navbar-nav li .open .dropdown-toggle:active {background-color: #016d85 !important;} .navbar .navbar-nav li .dropdown-menu li a:hover{background: #ff9900 !important; color: #fff;} .navbar .navbar-nav li .dropdown-menu li a:focus{color: #333; text-shadow:0 0 0;} .navbar .navbar-nav li .dropdown-menu li.active > a{background: #eee !important;color: #333;} .dropdown-submenu:hover > a:hover:after {border-left-color: #fff;} .dropdown-submenu:hover > a:after {border-left-color: #ccc;} .nav > li > a:hover i, .nav > li > a:focus i{color:#fff;} .nav > li.active > a i{color:#fff;} .widget.widget-table .table{margin:0 !important;} /* nav bar END */ /* footer Start */ .footer{text-align: center; border-top:1px solid #d5d5d5; padding:20px 0;} .footer p{margin-bottom: .2em; color:#999;} .footer .inline-links{list-style: none; margin:0 0 .2em; padding: 0;} .footer .inline-links li{display: inline; color:#999;} .footer .inline-links li a,.footer .inline-links li b{ color:#999; font-weight:normal;} .footer .copyright{color:#999; font-size:12px;} /* footer END */ /* 页面侧栏工具 Start */ .sideToolbar{position: fixed; z-index: 99; right: 0; top: 0; width: 50px; height: 100%; background: #000; color: #fff; box-shadow: 0 0 5px #555;} .sideTools{position: absolute;} .sideTools ul{margin: 0; padding: 0; list-style: none;} .sideTools ul .sideTool{padding: 5px 0; position: relative;} .sideTools ul .line{height: 0; border-bottom: 1px solid #3c3e3d;} .toolsIcon{display: block; padding: 8px 0;} .sideTools ul .sideTool:hover .toolsIcon{background: #28bcdc;} .toolsIcon:before{background-image: url(../../images/2.0/sideTools_sprites.png); background-repeat: no-repeat; content: ""; display: block; width: 50px; height: 32px;} .toolsIcon.icon1:before{background-position: center 0;} .toolsIcon.icon2:before{background-position: center -50px;} .toolsIcon.icon3:before{background-position: center -100px;} .toolsIcon.icon4:before{background-position: center -150px;} .toolsIcon.icon5:before{background-position: center -200px;} .toolsIcon.icon6:before{background-position: center -250px;} .toolsIcon.icon7:before{background-position: center -300px;} .toolsIcon.icon8:before{background-position: center -350px;} .sideToolbar .myTask{text-align: center;} .sideToolbar .myTaskText{font-size: 14px; width: 1em; letter-spacing: 50px; display: inline-block;} .sideToolbar .myTaskNum{text-align: center; padding: 5px 0;} .sideToolbar .myTaskNum span{display: inline-block; font-size: 14px; color: #fff; background: #f86c6b; min-width: 19px; height: 19px; padding: 0 3px; box-sizing:border-box; line-height: 19px; border-radius: 2em;} .sideToool-tip{position: absolute; right: 50px; top: 5px; width: 110px; height: 48px; text-align: center; line-height: 48px; background: #454444; color: #fff; font-size: 13px; display: none;} .sideTool-tip-arr{position: absolute; right: -7px; top: 0px; color: #454444;} /* 页面侧栏工具 END */ /* 侧栏 Start */ .main .container .row{position: relative;} .sideHbg{position: absolute; width: 266px; height: 90%; bottom: 30px; left: 15px; background: #F8F9FA; display: none;} .col-side{width: 186px; float: left; position: absolute; left: 0; top: 0; height: 100%; background: #f8f9fa; margin-top: -30px; padding-top: 25px; margin-left: 15px;} .col-main{padding-left: 226px; padding-right: 15px;} /* 侧栏 END */ .main {padding: 25px 0 0;} /* icss 首页 Start */ ul.statistics li div.title{color: #999;} .panel .panel-heading .panel-actions a.link{width:auto; height:30px; font-size:12px; background:none;} .panel .panel-heading i{font-size:16px; width:25px; vertical-align:middle;} .panel .panel-heading h2, .panel .panel-heading h3{font-size:13px; line-height:40px; text-transform: none;} .col-box{width:36%; float:left; margin-right:2%;} .col-box.side{width:24%; float:right; margin-right:0;} .col-box.full{width: 100%; margin: 0;} .col-box .panel{margin-bottom: 15px;} .col-box .panel-body{padding:0 8px;} .col-box .table tbody > tr > td,.col-box .table thead > tr > th{font-size:12px;} .table .num{background:#f8cb00; border-radius:3px; color:#fff; padding:0 1px; font-size:12px; line-height: 16px; display: inline-block; margin-right:5px; display: inline-block; min-width: 16px; text-align: center;} .col-box .table .company-name{width:95px; padding-right:0; padding-left:5px;} .textOellipsis{white-space: nowrap; overflow: hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;} .company-name .textOellipsis{width: 90px;} .col-box .table .monny{width:65px; padding-left:0; padding-right:5px; color:#4ebc73;} .table .ranking{text-align: center;} h3 .icon-trophy{font-size: 20px; color: #f8cb00;} .col-box .tab-pane:last-child .table .monny{ color:#f86c6b;} /* icss 首页 END */ /* dashboard */ .total-statement { margin-bottom: 3em; } #big_stats .stat { height: auto; } #total-statement-for-financial #big_stats .stat { width: 20%; } @media (max-width:950px) and (min-width:1px) { #big_stats { display: table; margin-bottom: 1em; } #big_stats .stat { margin-bottom: 1.5em; display: table-cell; float: none; } #big_stats .stat:nth-child(2) { border-right: 1px solid #CCC; } #big_stats .stat:nth-child(3) { border-left: 1px solid #fff; } } #big_stats .stat .value { font-size: 30px; font-weight: normal; margin-bottom: 10px; display: block; } #big_stats .stat .statement-icon { margin-bottom: 10px; height: 40px; } #big_stats .stat .statement-icon .statement-icon-yxs, #big_stats .stat .statement-icon .statement-icon-cjl, #big_stats .stat .statement-icon .statement-icon-cje, #big_stats .stat .statement-icon .statement-icon-cz, #big_stats .stat .statement-icon .statement-icon-xh { background-image: url(../../images/2.0/total-statement-icon-sprites.png); background-repeat: no-repeat; display: inline-block; width: 50px; height: 40px; } #big_stats .stat .statement-icon .statement-icon-yxs { background-position: 0 0; } #big_stats .stat .statement-icon .statement-icon-cjl { background-position: 0 -50px; } #big_stats .stat .statement-icon .statement-icon-cje { background-position: 0 -100px; } #big_stats .stat .statement-icon .statement-icon-cz { background-position: 0 -150px; } #big_stats .stat .statement-icon .statement-icon-xh { background-position: 0 -200px; } .statement-wrap .table a { /* text-decoration: underline; */ } .statement-wrap .table-bordered>thead>tr>th { border-bottom: 1px solid #999; color: #fff; box-shadow: none; border-right: 1px solid #686767; background: #e9e9e9; /* Old browsers */ background: -moz-linear-gradient(top, #e9e9e9 0%, #cccccc 101%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(101%, #cccccc)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #e9e9e9 0%, #cccccc 101%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #e9e9e9 0%, #cccccc 101%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e9e9e9 0%, #cccccc 101%); /* IE10+ */ background: linear-gradient(to bottom, #e9e9e9 0%, #cccccc 101%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#cccccc', GradientType=0 ); /* IE6-9 */ background: #555555; /* Old browsers */ background: -moz-linear-gradient(top, #555555 0%, #3b3b3b 101%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(101%, #3b3b3b)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #555555 0%, #3b3b3b 101%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #555555 0%, #3b3b3b 101%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #555555 0%, #3b3b3b 101%); /* IE10+ */ background: linear-gradient(to bottom, #555555 0%, #3b3b3b 101%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#3b3b3b', GradientType=0 ); /* IE6-9 */ } thead>tr>th>.sort { cursor: pointer; } .statement-wrap .table-bordered>thead>tr>td { font-weight: bold; } .nav-pills > li > a { line-height: 1em; } .statement .widget .widget-header { line-height: 24px; } .statement .time-picker-wrap { padding: 7px 7px 0 0; } .statement .time-picker-wrap .form-control-out { display: inline-block; position: relative; float: right; } .statement .time-picker-wrap .form-control-out .icon-calendar { position: absolute; z-index: 3; left: 5px; right: auto; top: 6px; color: #ddd; font-size: 14px; } .statement .time-picker-wrap .form-control { height: 25px; display: inline-block; width: 185px; padding-left: 22px; padding-right: 10px; text-align: center; } .statement .time-picker-wrap .btn-group { margin-top: 6px; vertical-align: top; } .statement .time-picker-wrap .btn-group .dropdown-menu { min-width: 100%; } .statement .moshi { float: left; margin: 6px 0 0 6px; } .statement button { font-size: 12px; padding: 3px 10px; } .statement button .icon-customize-excel { height: 14px; position: relative; top: -3px; } .statement .tab-content { margin-top: 0; } .statement-for-chart-wrap { padding: 1em; } .moshi .active .btn-default { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5)); background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%); background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); border-color: #2aabd2; } .moshi .active .btn-default:active, .moshi .active .btn-default.active { background-color: #31b0d5; border-color: #2aabd2; } .widget .widget-header .moshi .active .btn-default [class^="icon-"] { color: #fff; } .modal .pagination-wrap { text-align: center; } .modal .pagination { margin: 1em 0; } .nav-pills>li.export-excel { margin-left: 1em; } .widget .widget-header [class^="icon-"] { margin: 0 .5em 0 0; } .widget-header h2 { padding: 0 15px; font-size: 16px; line-height: 40px; color: #555; margin-bottom: 0; } .widget-header .btn{margin:4px 10px 0 0; min-width: 100px;} .widget .widget-header .btn [class^="icon-"], .widget .widget-header .btn [class*=" icon-"]{color: inherit; font-size: inherit; vertical-align: initial; margin:0;} .widget .widget-header .icon-customize-excel:before { content: ""; width: 16px; height: 16px; background: url(../../images/2.0/icon_excel_16.png) no-repeat center; } .customIcon-statistics1,.customIcon-statistics2,.customIcon-statistics3,.customIcon-statistics4,.customIcon-statistics5,.customIcon-statistics6{background-image: url(../../images/2.0/ico_statistics.png); background-repeat: no-repeat; display: inline-block; width: 80px; height: 60px;} .customIcon-statistics1{background-position: 10px 0;} .customIcon-statistics2{background-position: -156px 0;} .customIcon-statistics3{background-position: -330px 0;} .customIcon-statistics4{background-position: -496px 0;} .customIcon-statistics5{background-position: -656px 0;} .customIcon-statistics6{background-position: -815px 0;} ul.statistics li .sub-number{font-size: 12px; color: #999; padding-top: 5px;} ul.statistics li .sub-number b{color: #111; font-weight: normal;} ul.statistics li:hover i {opacity: .5; -ms-transform: rotate(-5deg) scale(1.2); -webkit-transform: rotate(-5deg) scale(1.2); transform: rotate(-5deg) scale(1.2);} @media (max-width:991px) and (min-width:1px) { .extra .col-md-3 { width: 25%; float: left; } } /* 待处理任务 State */ .state-wrap { padding: 30px 0; } .state-wrap .bg_green { background: #4dbd74; } .state-wrap .bg_blue_light { background: #28bcdc; } .state-wrap .bg_orange { background: #daab09; } .state-wrap .table { width: 90%; margin-left: auto; margin-right: auto; position: relative; left: 12px; } .state-wrap .table td { padding: 0; border: none; } .main-state { } .table .main-state td { } .main-state .node-wrap { width: 1px; background: transparent; } .main-state .node { width: 1px; height: 1px; position: relative; z-index: 20; } .main-state .node .state-text { position: absolute; left: -31px; top: -27px; display: block; width: 62px; height: 62px; border-radius: 100px; text-align: center; color: #fff; font-size: 16px; padding-top: 8px; } .state-wrap .state-num { position: absolute; left: 46px; top: -4px; display: block; min-width: 19px; height: 19px; text-align: center; line-height: 19px; background: #da0944; font-size: 12px; color: #fff; border-radius: 50px; padding: 1px; box-sizing: content-box; } .main-state .node .state-num { left: 46px; top: -4px; } .main-state .line { height: 8px; background: #363844; } .main-state .line-wrap:last-child { width: 125px; } .main-state .line-wrap:last-child .line { position: relative; } .main-state .line-wrap:last-child i { position: absolute; font-size: 28px; right: 0; top: -25px; } .sub-state { position: relative; } .sub-state .node { width: 1px; height: 55px; background: #363844; position: relative; } .sub-state.sub-state-first .node { height: 90px; } .sub-state.bottom .node .state-text { top: auto; bottom: -1px; } .state-wrap .dropdown-toggle { cursor: pointer; } .state-wrap .dropdown-menu { left: 40px; top: 0px; padding: 5px 10px; min-width: 200px; border-radius: 4px; } .state-wrap .bottom .dropdown-menu { top: 16px; } .state-wrap .bottom.sub-state-first .dropdown-menu { top: 50px; } .state-wrap .dropdown-menu::before, .state-wrap .dropdown-menu::after { content: ''; display: inline-block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #CCC; border-right-color: rgba(0, 0, 0, 0.2); position: absolute; top: 12px; left: -7px; } .state-wrap .dropdown-menu::after { border-top-width: 6px; border-bottom-width: 6px; border-right-width: 6px; border-right-color: #fff; top: 13px; left: -6px; } .state-wrap .state-detail { list-style: none; padding: 0; margin: 0; } .state-wrap .state-detail.table { width: 100%; left: 0; margin-bottom: 0; } .state-wrap .state-detail.table td { padding: 2px 0; } .state-wrap .state-detail.table .count { text-align: right; } .state-wrap .state-detail.table .count > span { display: inline-block; background: #fafafa; border: 1px solid #ccc; border-radius: 2px; padding: 0 5px; font-size: 12px; } .state-wrap .state-detail.table .count > span.bg_pink, .state-wrap .state-detail.table .count > span.bg_orange, .state-wrap .state-detail.table .count > span.bg_blue, .state-wrap .state-detail.table .count > span.bg_red { color: #fff; border: none; } .state-wrap .state-detail.table .count > span.bg_pink { background: #da0944; } .state-wrap .state-detail.table .count > span.bg_red { background-color: #f00; } .state-wrap .state-detail.table .count > span.bg_orange { background-color: #f0ad4e; } .state-wrap .state-detail.table .count > span.bg_blue { background-color: #428bca; } .sub-state.bottom .node .single-line { padding-top: 0; line-height: 42px } .sub-state .state-text { position: absolute; left: -21px; top: -1px; display: block; width: 42px; height: 42px; text-align: center; font-size: 12px; line-height: 1em; padding-top: 9px; color: #fff; border-radius: 100px; } .sub-state .node .state-num { left: 30px; top: -7px; } /* 查找-过滤 Start */ .query-wrap{} .query-wrap .search-wrap{text-align: center; padding: 40px 0;} .query-wrap .search-wrap .more{margin-left: 5px; color: #aaa; min-width: 80px; display: inline-block;} .query-wrap .search-wrap .more .openDown{display: none;} .query-wrap .search-wrap .more.collapsed .closeUp{display: none;} .query-wrap .search-wrap .more.collapsed .openDown{display: inline-block;} .query-wrap .search-wrap .more:hover{text-decoration: none; color: #aaa;} .query-wrap .search-wrap .more.collapsed{color: #63c2de;} .query-wrap .search-wrap .more .showMore{display: none;} .query-wrap .search-wrap .more.collapsed .showMore{display: inline;} .query-wrap .search-wrap .more.collapsed .hideMore{display: none;} .query-wrap .search-wrap .more.collapsed .icon-double-angle-up:before {content: "\f103";} .filter-wrap { } .filter-wrap table.table{margin:0 !important;} .filter-wrap .table td, .filter-wrap .table th { vertical-align: middle; } .query-wrap .filter-wrap .table td, .query-wrap .filter-wrap .table th{border-top: 1px solid #eee;} .filter-wrap .table tbody>tr:first-child>th, .filter-wrap .table tbody>tr:first-child>td { border-top: none; } .query-wrap .filter-wrap .table tbody>tr:first-child>th, .query-wrap .filter-wrap .table tbody>tr:first-child>td{border-top: 1px solid #eee;} .filter-wrap .table tbody>tr:last-child>th, .filter-wrap .table tbody>tr:last-child>td { border-bottom: 1px solid #ddd; } .filter-wrap .table tbody>tr>th:first-child { background: #f0f0f0; color: #555; font-weight: normal; font-size: 16px; text-align: center; padding: 8px 2em; width: 130px; } .query-wrap .filter-wrap .table tbody>tr>th:first-child{font-size: 12px; width: 100px; border-top: 1px solid #ddd;} .filter-wrap .tab-content { margin-top: .75em; } .filter-wrap ul { list-style: none; padding: 0; margin-bottom: 0; } .filter-wrap tbody td ul:nth-child(2){margin-top: 4px;} .filter-wrap ul li { display: inline-block; margin:0 1px;} .filter-wrap ul li a{color: #555; padding: 0 4px 1px;} .filter-wrap ul li a:hover{color: #4dbd74;} .filter-wrap ul li.selected.all a{font-weight: bold; color: #4dbd74; background: none;} .filter-wrap ul li.selected a{background: #4dbd74; color: #fff;} .filter-wrap ul li.selected a:hover{text-decoration: none; cursor:default;} .filter-wrap ul li:after { content: "|"; display: inline-block; color: #ccc; margin-left: .1em; } .query-wrap .filter-wrap ul li:after{display: none;} .filter-wrap ul li:last-child:after { display: none; } .filter-wrap .nav-pills li { float: none; } .filter-wrap .nav-pills li a { display: inline-block; padding: 2px 0; } .filter-wrap .nav-pills li a:hover { text-decoration: underline; background-color: transparent; color: #fb7617; } .filter-wrap .nav-pills li.active a { background-color: transparent; color: #fb7617; } .filter-wrap .filtered li span { color: #fb7617; } .filter-wrap .filtered li i { font-style: normal; margin-left: .1em; cursor: pointer; position: relative; top: .1em; color: #fb7617; } .query-wrap .filter-wrap .filtered li span,.query-wrap .filter-wrap .filtered li i{color: #4dbd74; cursor: pointer;} .query-wrap .filter-wrap .filtered li > span:hover,.query-wrap .filter-wrap .filtered li > span:hover *,.query-wrap .filter-wrap .filtered li > span:hover i{color: #555;} .query-wrap .filter-wrap .filtered li > span:hover i:before{content: "\f057";} .query-wrap .filter-wrap .filtered2 li span,.query-wrap .filter-wrap .filtered li i{color: #4dbd74; cursor: pointer;} .query-wrap .filter-wrap .filtered2 li .tag:hover,.query-wrap .filter-wrap .filtered li .tag:hover *,.query-wrap .filter-wrap .filtered li .tag:hover i{color: #555;} .query-wrap .filter-wrap .filtered2 li .tag:hover i:before{content: "\f057";} .query-wrap .filter-wrap .btn-default{background: transparent;} .query-wrap .filter-wrap .selectbox {border: 1px solid #d1d4d7;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: white;margin-left: 15px;padding: 0 5px;height: 26px;line-height: 26px;cursor: pointer; margin-bottom: -6px;} .query-wrap .filter-wrap ul li:first-child .selectbox{margin-left: 3px;} .query-wrap .filter-wrap .field_notice{padding-top: 5px;} .query-wrap .filter-wrap .field_notice .btn{margin-top: -2px; margin-left: 3px; padding: 0 5px;} .filter-wrap ul li.selected .form-control{border-color: #4dbd74; color: #4dbd74;} /* 查找-过滤 END */ /* 快速查询 Start */ .quick-search-wrap{position: relative;} .quick-search-wrap .panel{background-color: transparent; margin-bottom: 0;} /*.query-wrap.quick-search-wrap .search-wrap{padding: 0; position: fixed; width: 100%; left: 0; top: 50%; margin-top: -46px;}*/ .query-wrap.quick-search-wrap .search-wrap{margin-top: 100px;} .quick-search-result-wrap{display: none;} .quick-search-wrap .links{position: absolute; right: 0; top: 0;} /* 快速查询 END */ /* 合同详细 */ .contract-state-wrap{margin-bottom: 25px;} .contract-state table{font-size: 14px; color: #9aa1a8; margin-bottom: 20px;} .contract-state .state-t{padding: 5px 5px; border:1px solid #9aa1a8; border-radius: 100px; position: relative;} .contract-state .state-t.pass{border-color: #00a400; color: #00a400;} .contract-state .state-t.now{border-color: #fc7c1a; color: #fff; background: #fc7c1a;} .contract-state .state-t i{position: absolute; bottom: -11px; left:50%; margin-left: -4px; color: #fc7c1a;} .contract-log-head .collapsed .icon-double-angle-up:before {content: "\f103";} .contract-log-head a:hover{text-decoration: none;} .contract-log.table{margin-top: 0 !important;} /* 合同详细 END */ /* 合同录入 */ .form-control-part .has-icon{position: relative;} .form-control-part .has-icon i{position: absolute; right: 8px; top: 50%; margin-top: -9px; color: #999; font-size: 16px; cursor: pointer;} .page-head-wrap { background: #fff; padding: 10px 0; } .page-head { color: #333; margin-bottom: 0; font-size: 20px; } .page-head [class^="icon-"] { color: #aaa; position: relative; top: 1px; margin-right: 3px; } .step-area-wrap { height: 120px; padding: 30px 0 0; } .step-area { text-align: center; height: 55px; } .step-area ul { margin: 0; padding: 0; list-style: none; display: inline-block; } .step-area li { float: left; width: 170px; border-bottom: 7px solid #d5d5d5; position: relative; height: 1px; } .step-area li:last-child { width: 1px; } .step-area li .step-by { position: absolute; width: 70px; text-align: center; left: -35px; top: -18px; } .step-area li .num { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #d5d5d5; border-radius: 100px; font-size: 20px; margin-bottom: 5px; } .step-area li .num i{line-height: inherit;} .step-area li .step-name { color: #555; } .step-area li.pass { border-color: #00a400; } .step-area li.pass .num { background: #00a400; } .step-area li.now { border-color: #fc7c1a; } .step-area li.now .step-by { top: -23px; } .step-area li.now .num { background: #fc7c1a; width: 50px; height: 50px; line-height: 50px; } .step-area li.now .step-name { font-weight: bold; font-size: 16px; } .create-form-wrap .widget .widget-header h3 { font-size: 20px; margin-bottom: 0; line-height: inherit;} .create-form-wrap .labelPart { text-align: right; } .create-form-wrap .labelPart label { font-weight: normal; margin-bottom: 0; } .create-form-wrap .table>tbody>tr>td.title{padding-bottom: 12px;} .create-form-wrap .title h4 { border-bottom: 1px dashed #ddd; padding:10px 0 15px; margin-bottom: 0; font-size: 16px;} .create-form-wrap .table>tbody>tr>td,.create-form-wrap .table>tbody>tr>th { border: none; vertical-align: middle; padding: 5px; font-size: 13px;} .create-form-wrap .table>tbody>tr.section-last>td{padding-bottom: 22px;} .create-form-wrap .form-control-part.inline2 { width: 200px; } .create-form-wrap .form-control-part.inline2 input, .create-form-wrap .form-control-part.inline2 select { width: 35%; display: inline-block; margin: 0 2% 0 0; } .create-btn { text-align: center; border-top: 1px solid #ddd; padding: 25px 0; margin-top: 25px;} .create-btn .btn { width: 200px; padding: 10px 0; font-size: 24px; } .create-form-wrap .contract-code{position: relative;} .create-form-wrap .contract-code .form-control{padding-left: 130px; color: #fc7c1a; position: relative; z-index: 5; background: none;} .create-form-wrap .contract-code .fix-code{position: absolute; left: 8px; top: 50%; margin-top: -9px;} /* 输入 提示下拉 Start */ .contract-hint-popup { display: none; position: absolute; padding: 0; margin: 0; } .contract-hint-popup.no-absolute{position: static;} .contract-hint-popup .close { position: absolute; right: -10px; top: -10px; background: #ccc; font-size: 14px; opacity: 1; color: #fff; border-radius: 20px; text-shadow: none; width: 16px; height: 16px; line-height: 16px; text-align: center; } .contract-hint { border: 2px solid #28BCDC; padding: 5px; background: #fff;} .contract-hint .table { margin-bottom: 0; } .contract-hint .table tr th, .contract-hint .table tr td { padding: 5px 10px; vertical-align: bottom; } .contract-hint thead tr th { background: #28BCDC; color: #fff; border-left: 1px solid #fff; } .contract-hint .table-hover > tbody > tr:hover > td, .contract-hint .table-hover > tbody > tr:hover > th { background-color: #EFFCFF; cursor: pointer; } /* 输入 提示下拉 END */ /* 合同补录 */ .additional-form-wrap { } .additional-head{padding:10px; margin-bottom:25px; font-size:14px; line-height:1.6em; background: #fff;} .additional-head .table{text-align: center;} .additional-head .table thead th{text-align: center;} .additional-head .basic-info{font-size: 14px; text-align: left;} .additional-head .basic-info2 td,.additional-head .basic-info2 thead:first-child > tr:first-child > th{border:none; background: transparent;} .additional-head .basic-info2 .mSpace,.additional-head .basic-info2 thead:first-child > tr:first-child > th.mSpace{width: 0px; padding: 0;} .additional-head .basic-info2>tbody> tr> td>div{border:1px solid #ccc; border-radius: 10px;} .additional-head .table th{font-weight: normal;} .additional-form-wrap .widget-header .toggle-arrow { position: absolute; right: 0; top: 0px; cursor: pointer; margin-right: .5em; } .upload .btn,.upload.btn { position: relative; overflow: hidden; } .upload.btn{display: inline-block;} .upload .btn input,.upload.btn input { position: absolute; right: 0; top: 0; height: 100%; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .uploadPicEach{display: inline-block; position: relative; margin: 0 3px;} .uploadPicEach:hover::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);} .uploadPicEach [class^="icon-"]{position: absolute; position: absolute; left: 50%; top: 50%; font-size: 20px; margin-left: -0.5em; margin-top: -0.5em; color: #eee; cursor: pointer; display: none;} .uploadPicEach:hover [class^="icon-"]{display: inline-block;} .additional-form-wrap .notes { width: 200px; } .width100 { width: 100px; } .width150 { width: 150px; } .width250 { width: 250px; } .display-inline-b { display: inline-block; width: auto; } .additional-form-wrap .voucher i { color: #7fbf4d; font-size: 18px; } .additional-form-wrap .table tr td:first-child, .additional-form-wrap .table tr th:first-child { padding-left: 15px; } .additional-form-wrap .table>tfoot>tr>th { font-weight: normal; } .time-picker-wrap { position: relative; } .time-picker-wrap.inline{display: inline-block;} .time-picker-wrap .form-control { padding-right: 25px; box-sizing:border-box;} .time-picker-wrap .icon-calendar { position: absolute; right: 8px; top: 50%; margin-top: -7px; color: #ccc; font-size: 14px; } .additional-form-wrap .btns{text-align: center; padding: 10px 0 35px;} .additional-form-wrap .btns .btn{width: 200px; padding: 10px 0; font-size: 24px;} /* 合同审核 */ .panding-time { width: 130px; } .panding-time > div { border-radius: 4px; padding: 2px 5px;} .panding-time .bg_red,.panding-time .bg_orange,.panding-time .bg_blue,.panding-time .bg_green{color: #fff;} .panding-time .bg_red { background-color: #f00; } .panding-time .bg_orange { background-color: #fc7c1a; } .panding-time .bg_blue { background-color: #428bca; } .panding-time .bg_green { background-color: #00a400; } .panding-review-wrap .table tr td:first-child, .panding-review-wrap .table tr th:first-child { padding-left: 15px; } .contract-audit-wrap .table-head{padding: 15px 0 8px;} .contract-audit-wrap .btns{text-align: right; padding: 15px 0;} .contract-audit-wrap .btns .btn{font-size: 20px; padding: 6px 30px; margin-left: 10px;} /* 合同续租 Start */ .contract-relet-wrap{} .contract-relet-wrap .relet-head{padding: 10px 0;} .relet-content{} .relet-content > .table.half-line>tbody>tr>td:first-child,.relet-content > .table.half-line>thead>tr>th:first-child{border-right: 1px solid #d1d4d7;} .relet-content > .no-border>tbody>tr:last-child>td{padding-bottom: 20px;} .contract-relet-wrap .table td{line-height: 30px;} .contract-relet-wrap .btns{text-align: center; padding: 10px 0 35px;} .contract-relet-wrap .btns .btn{font-size: 20px; padding: 6px 30px; margin-left: 10px;} /* 合同续租 END */ /* 合同结算 Start */ .contract-settlement-top .panel{margin-bottom: 10px;} .contract-settlement-top .time-picker-wrap{display: inline-block; width: 200px; vertical-align: middle;} .contract-settlement-top .table tr td:first-child label{font-size: 14px;} /* 合同结算 Start */ /* 合同其它 Start */ .total-assign{ margin-left: 10px;} .total-assign .history,.total-assign.lost{margin-right: 10px;} .total-assign em{font-style: normal;} .SH1, .SH2{display: none;} .riskcontrol-signicon{font-size: 32px; width: 1px; height: 12px; display: inline-block; position: relative;} .riskcontrol-signicon i{position: absolute; right: 0; margin-right: -16px;} .create-form-wrap .insuranceShow{display: none;} .hostingcarMark{display: inline-block; position: relative; margin-left: 20px; width: 60px; height: 1px; vertical-align: top;} .hostingcarMarkIn{display: inline-block; position: absolute; left: 0; top: -18px; width: 60px; height: 60px; line-height: 56px; font-size: 22px; border: 3px solid #fc7c1a; border-radius: 100px; color: #fc7c1a; background: #f9f9f9;} /* 合同其它 END */ /* 违章 列表 */ .find-violation-wrap { } .find-violation-wrap .widget-content { padding: 0; } .find-violation-wrap .search-wrap { padding: .5em 0 2em; } .find-violation-wrap .search-wrap .input-group { width: 40%; min-width: 300px; margin: 0 auto; } .find-violation-wrap .search-wrap .input-group-btn.left>.btn, .find-violation-wrap .search-wrap .input-group-btn.left>.dropdown-toggle { } .find-result-wrap { } .find-result-wrap .widget .widget-header { position: relative; } .widget .widget-header .filter-time { position: absolute; right: .5em; top: 0; } .widget .widget-header .filter-time .form-control { display: inline-block; width: 160px; height: 24px; padding: 0 6px; } .result-wrap { } .result-wrap .table thead:first-child tr:first-child th { color: #555; font-weight: normal; } .result-wrap .table tbody>tr:last-child>th, .result-wrap .table tbody>tr:last-child>td { border-bottom: 1px solid #ddd; } .result-wrap .table tbody tr td:first-child { position: relative; } .result-wrap .table tbody tr td .btn { margin-right: .5em; } .result-wrap .info-popup { border: 2px solid #28bcdc; width: 240px; display: none; position: absolute; z-index: 9; top: 100%; margin-top: -5px; background: #fff; border-radius: 6px; padding: 1em; box-shadow: 0 2px 5px #555; } .result-wrap .info-popup .tip-arrow { position: absolute; border-color: transparent; border-style: solid; border-bottom-color: #28bcdc; border-width: 0 5px 5px; display: block; top: -7px; } .result-wrap .info-popup dl { list-style: none; margin: 0; padding: 0; } .result-wrap .info-popup dl dt, .result-wrap .info-popup dl dd { list-style: none; } .result-wrap .info-popup dl dt { border-bottom: 1px solid #ddd; padding-top: 1em; margin-bottom: 1.5em; } .result-wrap .info-popup dl dt span { float: left; border: 1px solid #f3f3f3; background: #f3f3f3; border-radius: 4px; height: 2em; line-height: 2em; padding: 0 1em; margin-top: -1em; } .result-wrap .info-popup dl dd { margin-bottom: 1em; } .result-wrap .info-popup ul { margin: 0; padding: 0; list-style: none; } .result-wrap .info-popup ul li:first-child { display: table; width: 100%; } .result-wrap .info-popup ul li:first-child>div { display: table-cell; width: 50%; } /* 违章结算页面 */ .settlement-wrap { } .settlement-wrap .table td>div, .settlement-wrap .table th>div { padding: .2em; } .settlement-wrap .table thead:first-child tr:first-child th { background: #eee; } .settlement-wrap .table tbody>tr:last-child>td, .settlement-wrap .table tfoot>tr:last-child>th { border-bottom: 1px solid #ddd; } .settlement-wrap .order-detail-head { border-bottom: 1px solid #ddd; padding-bottom: .5em; margin-bottom: 1.5em; position: relative; } .settlement-wrap .order-detail-head .rent-type { position: absolute; right: 0; top: -10px; } .settlement-wrap .order-detail-head .rent-type .ui-icon { width: 73px; height: 73px; background-image: url(../../images/2.0/icon_sprites.png); background-repeat: no-repeat; display: inline-block; } .settlement-wrap .order-detail-head .rent-type .icon-customize-longRent { background-position: -147px 0px; } .settlement-wrap .order-detail-head .rent-type .icon-customize-shortRent { background-position: -227px 0px; } .settlement-wrap .order-detail-head h3 { font-size: 30px; } .order-detail-head h3 .small { font-size: 14px; color: #999; margin: 0 .5em; } .order-detail-head h3 .ui-icon { margin-right: .2em; position: relative; top: .1em; } .icon-customize-android { background: url(../../images/2.0/icon_sprites.png) no-repeat 0px 0px; width: 30px; height: 34px; display: inline-block; } .settlement-wrap h3 { font-size: 18px; } .settlement-wrap .expenditure .table thead:first-child tr:first-child th { background: none; border: none; } .settlement-wrap .expenditure .table tbody tr td { border: none; color: #419641; font-size: 16px; font-weight: bold; } .settlement-wrap .widget-header { position: relative; } .widget-header > .toggle-arrow { position: absolute; right: 0; top: 0px; cursor: pointer; margin-right: .5em; } .widget-header.collapsed {border:0;} .widget-header .toggle-arrow .icon-chevron-up { margin-top: -4px; } .widget-header.collapsed .toggle-arrow .icon-chevron-up:before, .widget-header .toggle-arrow.collapsed .icon-chevron-up:before { content: "\f107"; } .widget-header .toggle-arrow .icon-chevron-up:before{ content: "\f106";} /* 违章查询详细 */ .check-list { } .check-per-time { margin-bottom: 1.5em; background: #fff; } .check-header { position: relative; padding: 1em 4em 1em 40px; background: #ccc; border: 1px solid #D5D5D5; background: #E9E9E9; background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%); /* IE10+ */ background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')"; } .check-header:before, .check-header:after { display: table; content: " "; clear: both; } .check-num { float: left; position: absolute; left: -15px; top: 5px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 100px; font-size: 20px; } .check-check { float: left; } .check-time { float: right; } .check-header .toggle-arrow { float: right; } .check-header .toggle-arrow { position: absolute; right: 1em; top: 12px; cursor: pointer; margin-right: .5em; } .check-header.collapsed .toggle-arrow .icon-chevron-up:before { content: "\f078"; } .check-table { border: 1px solid #D5D5D5; border-top: none; } .check-table .table { margin-bottom: 0; } .check-table .btns { text-align: center; padding: 1em; } /* modal-dialog 重置弹窗效果*/ .modal-header{ background:#fff; border:0; border-bottom:1px solid #e5e5e5;} .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6{ color:#3d3f42; text-shadow:none; font-size: 15px;} .modal-header .close{ color:#000; text-shadow:none; opacity:0.5; font-weight:700;} .modal-body p{ font-size:14px; margin:0;} .modal-body{} .modal.in .modal-dialog{ transform:none; transition:none;} .alertModal .modal-content{border:none;} .alertModal .modal-body{padding: 0;} .alertModal .modal-body .alert{margin-bottom: 0; padding: 15px; border:none; text-align: center;} /* bootstrap popover 样式自定义 Start*/ .custom-popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2) } .custom-popover.top { margin-top: -10px } .custom-popover.right { margin-left: 10px } .custom-popover.bottom { margin-top: 10px } .custom-popover.left { margin-left: -10px } .custom-popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0 } .custom-popover-content { padding: 9px 14px } .custom-popover>.arrow, .custom-popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid } .custom-popover>.arrow { border-width: 11px } .custom-popover>.arrow:after { content: ""; border-width: 10px } .custom-popover.top>.arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0 } .custom-popover.top>.arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0 } .custom-popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0 } .custom-popover.right>.arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0 } .custom-popover.bottom>.arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25) } .custom-popover.bottom>.arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff } .custom-popover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25) } .custom-popover.left>.arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff } /* bootstrap popover 样式自定义 END*/ /*- 客户 -*/ .flot-wrap .panel-heading .nav-tabs{ margin-left:20px;} .flot-wrap .panel-heading h2{ float:left; line-height:40px;} .pr{ position:relative;} .w255{ position:absolute; width:255px;} .flot-right{ margin-left:255px; border-left:1px solid #d1d4d7; padding:10px 10px 10px 0;} .flot-title{ padding:10px;} .flot-title .flot-title-left{ float:left; padding-left:20px;} .flot-title .flot-title-left i{ display:inline-block; width:20px; height:10px; margin-right:5px;} .flot-title .flot-title-left i.icon-color-web{ background:#4ebd74;} .flot-title .flot-title-left i.icon-color-ios{ background:#63c2de;} .flot-title .flot-title-left i.icon-color-android{ background:#f86c6b;} .flot-title .flot-title-right{ float:right;} .flot-title-right a{ color:#d1d4d7; margin-left:10px;} .flot-title-right a.selected{ color:#555;} .flot-wrap .tab-content{ margin:0;} .flot-wrap .table-right{ padding:15px;} .table-right table.table{ margin:0!important;} .panel .panel-footer ul.panel-footer-stats li span.title{ color:#999; font-size:12px; font-weight:normal;} .flot-line-box{ box-sizing:border-box; padding:10px 10px 10px 20px;} .tc{ text-align:center;} a{ cursor:pointer;} .table .icon-up{ background:url(../../images/2.0/icon-up.png) no-repeat; width:12px; height:12px; display:inline-block; vertical-align:middle;} .table .icon-down{ background:url(../../images/2.0/icon-down.png) no-repeat; width:12px; height:12px; display:inline-block; vertical-align:middle;} /*- 预定 -*/ .fl{ float:left;} .fr{ float:right;} .pr{ position:relative;} .ui-slider .ui-slider-handle{ width:20px; height:20px;} .slider-right{ display:inline-block; width:380px; padding-left:20px;} .slider-right .slider{ margin-top:18px!important;} .fl .field_notice{ margin:16px 0 0 10px;} .fl .field_notice a{ color:#4dbd74;} .panel-heading .nav-tabs.fl{ float:left;} .car-list-wrap .tab-content{ margin:0;} .car-list-filter ul,.car-list-filter li{ list-style:none; padding:0;} .car-list-filter>ul{ margin-bottom:0; border-bottom:1px solid #eee;} .car-list-filter>ul>li{ display:inline-block; line-height:34px; padding:10px 0 10px 20px; float:left;} .car-list-filter li input{ vertical-align:middle; margin:0;} .car-list-filter li.other{ padding-left:5px;} .car-list-filter li label{ margin:0;} .car-list-img{ float:left; width:60%;} .car-list-img ul,.car-list-img li{ list-style:none; padding:0; margin:0;} .car-list-img .car-list-ul li{ position:relative; line-height:26px; padding:20px 15px; border-bottom:1px solid #d5d5d5; height:160px;} .car-list-img .car-list-ul li:hover{ background:#f5f5f5;} .car-list-img li input[type=checkbox]{ position:absolute; left:20px; top:20px;} .car-list-img li img{ float:left; margin-right:15px;} .car-list-img li h2{ padding-top:10px; font-size:20px;} .car-list-img .car-list-ul li a{ color:#555;} .car-list-img li p{ color:#999; margin-bottom:0;} .car-list-img li .color-orange{ font-size:14px; border-top:1px solid #d5d5d5; margin-top:10px;} .car-list-img li .color-orange b{ font-size:16px;} .car-list-img li .pa{ position:absolute; width:110px; height:130px; padding-left:10px; right:15px; top:15px; background:#fff; text-align:center;} .car-list-img li .pa i{ display:inline-block; height:44px; width:44px; background:url(../../images/2.0/renzheng.png) no-repeat center;} .car-list-img li .pa .icon-box-no{ background-position:0 -44px;} .car-list-img li .pa .icon-zheng-no{ background-position:-44px -44px;} .car-list-img li .pa .icon-box{ background-position:0 0;} .car-list-img li .pa .icon-zheng{ background-position:-44px 0;} .car-list-img .car-list-ul li:hover .pa{ background:#f5f5f5;} .car-list-img li .pa .pa-btn{ display:none;} .car-list-img li .pa .pa-btn .btn{ margin:5px 0;} .car-list-img .car-list-ul li:hover .pa-icon{ display:none;} .car-list-img .car-list-ul li:hover .pa-btn{ display:block;} .car-list-select{ line-height:32px; padding:5px 15px;} .car-list-select input{ vertical-align:middle; margin:0;} .car-list-select a{ display:inline-block; width:130px; text-align:center; background:#fb8530; color:#fff; margin-left:10px; float:right;} .car-list-page{ border-top:1px solid #d5d5d5;} .car-list-page .pagination{ margin:50px 0;} .car-list-map{ float:right; width:40%; height:970px; border-left:1px solid #d5d5d5;} .car-list-map-pa{ position:absolute; right:0; top:0; border:0;} .breadcrumb{ height:30px; line-height:30px; margin-top:0;} /*- 预定首页 -*/ tr.td-show .btn-show{cursor: pointer; line-height: 22px;} tr.td-show .btn-show:hover{color: #28bcdc;} .wizard-wrap .panel .panel-heading{ padding:0;} .panel-heading ul,.panel-heading li{ padding:0; margin:0; list-style:none;} .wizard-title li{ float:left; width:12.5%; box-sizing:border-box; border-left:1px solid #ccc; text-align:center; margin:0;} .wizard-title > li + li{ margin:0;} .wizard-title li:first-child{ border:0;} .wizard-title li a{ color:#555; display:block;} .wizard-title li a .num{ color:#fff; background:#f86c6b; display:inline-block; height:16px; line-height:16px; padding:0 6px; margin-left:3px; border-radius:16px; vertical-align:middle;} .wizard-title li.active{ background:#fff;} .wizard-title li.otab{position: relative;} .wizard-title li.otab:after {content: "新"; width: 16px; height: 16px; background: rgb(40, 188, 220); position: absolute; left: 0; top: 0; line-height: 14px; color: #fff; font-size: 12px; border-radius: 0 0 100px 0; } .wizard-title li.active a .num{ background:#28bcdc;} .wizard-title li.complete a .num{ background:#f86c6b;} .wizard-title li.none a .num{ background:#d1d4d7;} .wizard-title > li.active > a, .wizard-title > li.active > a:hover, .wizard-title > li.active > a:focus{ color:#555; background:none;} .wizard-title > li > a{ line-height:2em;} .wizard-wrap .progress{ margin:0;} .wizard-wrap .car-list-select{ padding:0 0 6px 10px; border-bottom:1px solid #d5d5d5;} .wizard-wrap .table tbody > tr > td{ vertical-align:middle;} .progress.thin{ height:4px; font-size:4px; line-height:4px;} .wizard-wrap .tab-content{ margin:0;} .color-blur{ color:#28bcdc;} .table tbody > tr > td.no-pading{ padding:0;} .wizard-wrap .table tbody > tr > td.no-pading{ display:none;} .wizard-wrap table.table-s{ border:0!important; margin:0!important;} .wizard-wrap .table-s tbody > tr > td:first-child{ border-left:0;} .wizard-wrap .table-s tbody > tr > td:last-child{ border-right:0;} .table-striped > tbody > tr:nth-child(2n+1) > td{} .table-striped > tbody > tr.td-bg-blue td{ background:#CAF1FA;} .table-striped > tbody > tr.td-show.td-bg-blue td{ background:#CAF1FA;} .table-striped tbody > tr.td-bg-blue:hover > td{ background:#f6fcfd;} .table-striped tbody > tr.td-show.td-bg-blue:hover > td{ background:#e6f7fb;} .wizard-wrap td .fr,tr.td-show .btn-show{ display:inline-block; cursor:pointer; background:#ddd; padding:0 3px; border-radius:3px;} .td-hide{ display:none;} .wizard-title li ul{width: 100%; min-width: 0; background: #f5f5f5;} .wizard-title li li{width: 100%; border-left: none; border-top: 1px solid #ccc;} .wizard-title li li:first-child{border: none;} .wizard-title .dropdown-menu > li > a{padding: 7px 12px; margin: 0; line-height: 2em;} .wizard-title .dropdown-menu > li > a:hover, .wizard-title .dropdown-menu > li > a:focus{background: #eee; color: #555; text-shadow: none;} .wizard-title .dropdown-menu > .active > a, .wizard-title .dropdown-menu > .active > a:hover, .wizard-title .dropdown-menu > .active > a:focus{background: #fff; color: #555;} .wizard-title li.complete.dropdown li.active a .num{ background:#28bcdc;} .wizard-title li.complete.dropdown li.none a .num{background: #d1d4d7;} /*- 预定详情 -*/ .bg-fff{ background:#fff; border-bottom:1px solid #d1d4d7; padding:8px 0; position: relative; z-index: 9;} .bg-fff .breadcrumb{ float:left;} .bg-fff .btn-box{ float:right;} .bg-fff .btn-box .btn{padding: 5px 10px; font-size: 12px; line-height: 1.5em;} .bg-fff .btn-box .dropdown-menu{left: auto; right: 0; min-width: 120px;} .bg-fff .page-head{line-height: 30px;} .fff_search{position: relative; margin: 0 6px; display: inline-block;} .fff_search [class^="icon-"]{position: absolute; color: #ccc; left: 7px; top: 10px; font-size: 13px;} .fff_search .form-control{padding: 6px 12px 6px 25px; border-color: transparent; border-left-color: #eee;} .fff_search .form-control:focus{border-color: #28bcdc;} .fff_search .search-btn{display: none; margin-top: -1px; } .col-xs-3{ position:relative;} .menu-height{} .menu-left{ background:#f8f9fa; color:#3d3f42;} .menu-left ul,.menu-left li{ list-style:none; padding:0; margin:0;} .menu-left li{ line-height:44px;} .menu-left li a{ color:#3d3f42; display:block; border-left:5px solid #f8f9fa; padding-left:20px; position:relative;} .menu-left li a i{ color:#28bcdc;} .menu-left li a i:first-child{ margin-right:15px;} .menu-left li a .right{ float:right; margin:12px 20px 0 0; font-size:20px;} .menu-left li li{ padding-left:0px; margin:5px;} .menu-left li.active a{ border-left:5px solid #28bcdc; background:#fff;} .menu-left li.active li a{ border-left:5px solid #f8f9fa; background:#f8f9fa;} .menu-left li.active li.active a{ border-left:5px solid #28bcdc; background:#fff;} .menu-left li ul{ border-left:5px solid #f8f9fa; padding:5px; display:none;} .menu-left li.active ul{ border-left:5px solid #28bcdc;} .menu-left li a:hover{ text-decoration:none; border-left:5px solid #28bcdc; background:#fff;} .menu-left li a:focus{ text-decoration:none;} .menu-left li li a:hover{ text-decoration:none; border-left:5px solid #28bcdc; background:#fff;} .menu-left li a .num { color: #fff; background: #f8cb00; display: inline-block; height: 16px; line-height: 16px; padding: 0 6px; margin-left: 3px; border-radius: 16px; vertical-align: middle; } .menu-left li a.inactive{color: #a6a6a6; cursor: default;} .menu-left li a.inactive:hover{ text-decoration:none; border-left:5px solid transparent; background:none;} .menu-left li a.inactive i:first-child{background-image: url(../../images/2.0/menu-left-bg-gray.png);} .menu-left li.active a.inactive{ border-left:5px solid transparent; background:none;} .menu-left li i:first-child{ background: url(../../images/2.0/menu-left-bg.png) no-repeat; width:17px; height:17px; display:inline-block; vertical-align:middle;} .menu-left li i.icon-ddxx{ background-position:-20px 0;} .menu-left li i.icon-bxzj{ background-position:-40px 0;} .menu-left li i.icon-sglp{ background-position:-20px -20px;} .menu-left li i.icon-fkgl{ background-position:0 -20px;} .menu-left li i.icon-jkxz{ background-position:-60px 0;} .menu-left li i.icon-wzcx{ background-position:0 0;} .menu-left li i.icon-jszd{ background-position:-40px -20px;} .menu-left li i.icon-fwgj{ background-position:-80px 0;} .menu-left li i.icon-jbxx{ background-position:0 -40px;} .menu-left li i.icon-rzqk{ background-position:-20px -40px;} .menu-left li i.icon-cwzc{ background-position:-40px -40px;} .menu-left li i.icon-yhjb{ background-position:-60px -40px;} .menu-left li i.icon-zjgl{ background-position:-60px -60px;} .menu-left li i.icon-xcjl{ background-position:-80px -40px;} .menu-left li i.icon-scgz{ background-position:0 -60px;} .menu-left li i.icon-qyht{ background-position:-20px -60px;} .menu-left li i.icon-bjzx{ background-position:-60px -80px;} .menu-left li i.icon-zcpj{ background-position:-60px -20px;} .menu-left li i.icon-hytj{ background-position:-40px -60px;} .menu-left li i.icon-lsdx{ background-position:0 -80px;} .menu-left li i.icon-fkxx{ background-position:-20px -80px;} .menu-left li i.icon-czrz{ background-position:-80px -60px;} .order-wrap .panel-body{ padding:0;} .order-details ul,.order-details li{ list-style:none; padding:0; margin:0;} .order-details li{ float:left; width:50%; height:38px; line-height:38px; padding:0 10px; border-left:5px solid #a6ddb9; border-top:1px solid #d1d4d7; box-sizing:border-box;} .order-details li:nth-child(odd){ border-left-color:#93dded;} .order-details li:nth-child(1){ border-left-color:#28bcdc;} .order-details li:nth-child(2){ border-left-color:#4ebc73;} .order-details li p{ display:inline-block; float:right; margin:0; line-height:38px;} .order-details li .mTable .mTd{padding-right: 10px; width: 50%; border-right: 1px solid #ccc;} .order-details li .mTable .mTd:last-child{padding-right: 0; border-width: 0; padding-left: 10px;} .order-zheng,.order-zheng li{ list-style:none; padding:0; margin:0;} .order-zheng li{ float:left; width:50%; height:76px; padding:10px; box-sizing:border-box; background:#28bcdc; color:#fff; /*position:relative;*/} .order-zheng li:nth-child(2){ background:#4dbd73;} .order-zheng li img{ float:left; margin-right:10px; border-radius:50%;} .order-zheng li h2{ padding-top:10px; margin:0; font-size:12px; margin-top: -8px; padding-bottom: 2px;} .order-zheng li .ui-popover{ font-size:16px; display:inline-block;} .order-zheng li .icon-mobile-phone{ color:#fff; font-size: 18px;} .order-zheng li .icon-mobile-phone:hover{ color:#000;} .order-zheng li .membershipType{line-height: 1em; color: #FFE676; margin-top: 2px; display: inline-block;} .order-zheng li .employeeTip{display: inline-block; color: red; width: 60px; white-space:nowrap; margin-left: 3px;} .icoCreditInvestigation{display: inline-block; width: 20px; height: 20px; background: url(../../images/2.0/sprites_v1.png) no-repeat; background-position: -200px -140px; position: relative; top: 3px; margin: 0 5px;} .order-zheng li .pa{ position:absolute; width:56px; height:56px; left:10px; top:10px; background: url(../../images/2.0/icon-phone.png) no-repeat; cursor:pointer; display:none;} .order-zheng li:hover .pa{ display:block;} .order-zheng li .zheng-left{ display:inline-block; width:50%;} .order-zheng li .zheng-right{ float:right; padding-top:8px;} .zheng-right i{ display:inline-block; width:40px; height:40px; background: url(../../images/2.0/icon-zheng.png) no-repeat; margin:0 5px;} @media (max-width: 1199px){ .zheng-right i.responsiveLayoutItem{display: none;} } .zheng-right i.dong-card-off{ background-position:0 -40px;} .zheng-right i.dong-card{ background-position:0 0;} .zheng-right i.dong-car-off{ background-position:-40px -40px;} .zheng-right i.dong-car{ background-position:-40px 0;} .zheng-right i.dong-jiao-off{ background-position:-80px -40px;} .zheng-right i.dong-jiao{ background-position:-80px 0;} .zheng-right i.dong-tuo-off{ background-position:-120px -40px;} .zheng-right i.dong-tuo{ background-position:-120px 0;} .zheng-right i.jia-card-off{ background-position:0 -120px;} .zheng-right i.jia-card{ background-position:0px -80px;} .zheng-right i.jia-car-off{ background-position:-40px -120px;} .zheng-right i.jia-car{ background-position:-40px -80px;} .zheng-right i.jia-jiao-off{ background-position:-80px -120px;} .zheng-right i.jia-jiao{ background-position:-80px -80px;} .zheng-right i.jia-enhance{ background-position:-120px -80px;} .zheng-right i.jia-enhance-off{ background-position:-120px -120px;} .widget .widget-header .icon-ok-sign{ color:#4dbd73; font-size:16px;} .widget .widget-header .icon-ok-sign-off{ color:#999; font-size:16px;} .widget .widget-header .icon-time{ color:#28bcdc; font-size:16px;} .widget .widget-header .icon-remove-sign{ color:#f86c6b; font-size:16px;} .widget .widget-header .pa{ position:absolute; height:40px; line-height:40px; left:40%; top:0; color:#999;} .widget-tables{ padding-left:20px;} .widget-comments{ list-style:none; padding:0; margin:0;} .widget-comments li{ padding:10px 10px;} .widget-comments li .rating{ font-size:24px;} .widget-comments li p span{ float:right;} .order-wrap .panel{ margin-bottom:30px;} .order-step-wrap .panel{ margin-bottom:0px;} .order-step-wrap .panel .panel-heading{ cursor:pointer;} .order-wrap .panel-heading .toggle-arrow{ position:absolute; right:0; margin-left:10px; top:0;} .order-wrap .panel .panel-heading .riskcontrol-signicon{margin-left: 15px;} .order-wrap .panel .panel-heading .riskcontrol-signicon i{font-size: 22px;} .order-wrap .panel .panel-heading .riskcontrol-signicon.color-yellow i{color: #f8cb00;} .order-wrap .panel .panel-heading .riskcontrol-signicon.color-red i{color: #f00;} .icon-chevron-up:before{ content:"\f077";} .order-step-wrap .panel .panel-heading .icon-desktop,.order-step-wrap .panel .panel-heading .icon-android{color: #999;} .order-details-line{width: auto;margin: 0;position: relative;background:#fff;padding:2em 10px 0;overflow:hidden;margin-bottom:30px;} .order-details-line:before{position: absolute;content: '';height: 100%;width: 2px;background: #999;left: 30px;margin-top: 19px;} .order-details-line .widget{ border:1px solid #d5d5d5;} .order-details-line > .icon-caret-down{ position:absolute; left:25px; bottom:-8px; font-size:20px; color:#999;} .order-details-line .widget .widget-header.collapsed{ background:#f5f5f5;} .order-details-line .widget .widget-header{ background:#fff;} .order-details-line .widget .widget-header h2{ font-size:12px;} .order-details-line .widget:first-child{ margin-top:20px;} .order-details-line .widget:last-child{ margin-bottom:0;} .widget-tables .table tr:first-child td{ border-top:0!important;} .widget .no-bd{ border:0;} .order-details-line .widget .widget-header.no-bg{ background:#f5f5f5; border:0;} .order-details-line .widget a{ text-decoration:none; color:#3d3f42;} .order-details-line .widget a:hover{ color:#1985ac;} .order-details-line .widget.nowStep{border-color: #28bcdc;} .order-details-line .widget.nowStep .widget-header h2{color: #019cae;} .order-details-line .line-start{ font-size:16px; padding:0 0 20px 15px;} .order-details-line .line-start i{ font-size:20px; color:#999;} /* .order-details-line .widget{ margin-bottom:0!important; position:relative;} .order-details-line .widget .widget-header{ background:#e2f5f9; border:0;} .order-details-line .widget .widget-header h2{ border-top:1px solid #d5d5d5;} .order-details-line .widget .widget-header h2 i{ position:absolute; left:-14px; font-size:25px;} .order-details-line .widget .widget-header.collapsed{ background:#fff;} .order-details-line .stacked:after,.order-details-line .stacked:before{ background:#000;} .order-details-line .widget .widget-content.in{ background:#e2f5f9;}*/ /* 预定 - 违章 */ .reservation-violation-check-list .voucher a{color: #7fbf4d; font-size: 16px;} .reservation-violation-check-list .voucher a:hover{color: #6BAD37; text-decoration: none;} .reservation-violation-add .btns{padding: 20px 0; border-top:1px solid #eee; margin-top: 20px;} /* 预定 - 备选座驾 */ .overviewCarMatched-wrap{} .overviewCarMatched-wrap .car-list-img li h2{ width:13em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; line-height: 1em; margin-bottom: 8px;} @media (max-width: 1199px){ .overviewCarMatched-wrap .car-list-img .car-list-ul li .imgBox{float: left; margin-right: 10px; width: 100px; overflow: hidden;} .overviewCarMatched-wrap .car-list-img li img{margin-left: -25px;width: 150px; height: auto; max-height: 113px;} .overviewCarMatched-wrap .car-list-img li h2{font-size: 16px; width:12em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} .overviewCarMatched-wrap .car-list-img li p{font-size: 12px;} } /* 取消预订原因 Start */ .cancelReservationReason_wrap{} .cancelReservationReason_wrap .panel .panel-heading{padding: 0; border-bottom: 1px solid #ccc;} .cancelReservationReason_wrap .wizard-title > li > a{height: 39px;} .cancelReservationReason_wrap .wizard-title li a .num{background: #fff; border: 1px solid #ccc; color: #3d3f42; line-height: 14px;} .cancelReservationReason_wrap .wizard-title li.active a .num{color: #fff; background: #28bcdc; border: none; line-height: 16px;} .cancelReservationReason_wrap .reasonNum_wrap{position: relative; display: inline-block; width: 40px; text-align: center;} .cancelReservationReason_wrap .reasonNum_wrap:hover .reasonNum{background: #f8cb00; padding: 3px; color: #fff; border-radius: 2px;} .cancelReservationReason_wrap .moreReason_popover{position: absolute; left: -80px; top: 16px;} .cancelReservationReason_wrap .reasonNum_wrap:hover .moreReason_popover{display: block; min-width: 200px;} .cancelReservationReason_wrap .moreReason_detail{margin: 0; padding: 0; list-style: none;} .cancelReservationReason_wrap .moreReason_detail li:first-child{border-top: 1px dashed #eee;} .cancelReservationReason_wrap .moreReason_detail li{padding: 5px 0; border-bottom: 1px dashed #eee;} .cancelReservationReason_wrap .moreReason_detail .num{margin-left: 3px;} .cancelReservationReason_wrap .query-wrap .panel .panel-heading{border-bottom: none; padding: 0 15px;} .cancelReservationReason_wrap .query-wrap .filter-wrap .table tbody>tr>th:first-child{border-top: none;} .filter-wrap ul li.selected #daterange{border-color: #4dbd74 !important; color: #4dbd74;} /* 取消预订原因 END */ /* 排行榜 Start */ .top-rank .control-part{padding-top: 15px;} .top-rank .num{background: #d1d4d7;} .top-rank .num.bg-pink{background: #f86c6b;} .top-rank .num.bg-blue{background: #28bcdc;} .top-rank .num.bg-yellow{background: #f8cb00;} .top-rank .table{border-bottom: 1px solid #f0f0f0; margin-top: 12px !important;} .top-rank .pagination{margin: 10px 0;} .top-rank .pagination>li>a,.top-rank .pagination>li>span{padding: 4px 10px;} .main .icon-calendar-RT{background: url(../../images/2.0/icon_sprites.png) no-repeat; background-position: 0 -40px; width: 25px !important; height: 25px; display: inline-block; vertical-align: middle;} .main .icon-calendar-week{background: url(../../images/2.0/icon_sprites.png) no-repeat; background-position: -41px -41px; width: 25px !important; height: 25px; display: inline-block; vertical-align: middle;} .panel-heading.half{padding: 0;} .panel-heading.half .nav-tabs{width: 100%;} .panel-heading.half .nav-tabs li{width: 50%; text-align: center;} .col-box .top-rank .table .monny{color: #3D3F42;} .col-box.full{width: 100%; margin-right: 0;} /* 排行榜 END */ /*- 车东详情 -*/ .widget .widget-header i.icon-tasks{ color:#d1d4d7;} .owner-zheng .zheng-right i.jia-card,.owner-zheng .zheng-right i.jia-car,.owner-zheng .zheng-right i.jia-jiao{ border-color:#28bcdc;} .owner-zheng .zheng-right i.dong-card-off,.owner-zheng .zheng-right i.dong-car-off,.owner-zheng .zheng-right i.dong-jiao-off,.owner-zheng .zheng-right i.dong-tuo-off,.owner-zheng .zheng-right i.jia-card-off,.owner-zheng .zheng-right i.jia-car-off,.owner-zheng .zheng-right i.jia-jiao-off{ border-color:#d1d4d7;} .owner-detail{ padding:0 10px;} .owner-detail-img{ padding:35px 0px;} .owner-detail-img .fl{ width:50%;} .owner-detail-img .fl img{ float:left; margin-right:20px;} .owner-detail-img .fl p{ padding-top:10px;} .owner-detail-img .fr{ width:210px; padding-top:30px;} .owner-detail-img .fr dd{ display:inline-block; width:50%; text-align:center; float:left; font-size:26px; line-height:26px; box-sizing:border-box;} .owner-detail-img .fr dd:first-child{ border-right:1px solid #ffd375;} .owner-detail-img .fr dd span{ font-size:12px; line-height:12px; color:#a6a6a6;} .owner-zheng{ margin-bottom:35px;} .owner-zheng td{ border:1px solid #a6a6a6; background:#f8f9fa; text-align:right; padding:20px 15px 10px 10px;} .owner-zheng .zheng-right{ float:left;} .owner-zheng .zheng-right i{ border:5px solid #4ebc73; border-radius:50%; width:50px; height:50px;} .owner-detail > .table td:first-child{ color:#a6a6a6; vertical-align:middle;} .owner-detail > .table td td{ color:#3d3f42;} .owner-detail .table tbody > tr > td.td-table{ vertical-align:middle;} .owner-detail .table .table{ margin:0!important;} .owner-detail .table .table tbody > tr:first-child > td{ border-top:0!important;} .owner-detail .table .table tbody > tr > td:first-child{ color:#3d3f42!important;} .owner-detail .rating{ font-size:24px;} .owner-car-list{ list-style:none; margin:0; padding:0; float:right;} .owner-car-list li{ float:left; position:relative; width:140px; height:90px; margin:0 10px; text-align:center;} .owner-car-list li a{ display:block; width:140px; height:90px; color:#fff;} .owner-car-list li .pa{ position:absolute; width:140px; height:90px; color:#fff; background:#333; opacity:0.8; box-sizing:border-box; display:none;} .owner-car-list li .pa a{ padding-top:18px;} .owner-car-list li:hover .pa{ display:block;} .owner-car-list li:last-child a{ color:#3d3f42; line-height:90px;} /*- 车详情 -*/ .car-detail{ padding:0 10px;} .car-detail .table tbody > tr > td{ vertical-align:middle; width:33.3%;} .car-detail .rating{ font-size:14px; float:right;} /*- 风控管理 -*/ .car-control{} .car-control .table td{ width:25%; vertical-align:middle!important;} .car-control .table td input[type=checkbox]{ margin:0; padding:0; vertical-align:middle;} .car-control .btn-group{ border:1px solid #5dcce4; border-radius:3px; margin-left:10px;} .car-control .btn-group .btn{ border-left:1px solid #5dcce4; margin:0; line-height:1em; background:#f5f5f5;} .car-control .btn-group .btn:first-child{ border-left:0;} .car-control .btn-group .btn.active{ background:#fff; box-shadow:none; color:#5dcce4;} .car-control .table{ margin:0!important;} .car-control .control-list td{ width:auto;} .control-list thead > tr > th{ border-top:1px solid #d1d4d7!important;} .control-time{ border:1px solid #a6a6a6; display:inline-block; padding:10px 30px; margin:10px auto;} .car-control tbody > tr >td.no-padding{ padding:0!important;} .bg-gray td{ background:#fafafa;} /*- 用户管理 -*/ .member-overview-wrap .panel{margin-bottom: 15px;} .member-overview-wrap .panel:last-child{margin-bottom: 30px;} .member-overview-wrap .rating{ font-size:14px;} .member-overview-wrap .edit{display: none;} .member-overview-wrap .saveBtn{display: none;} .member-overview-wrap .table .color-gray a{color: #999;} .member-overview-wrap .table .color-gray a:hover{color: #1985ac;} .member-overview-wrap .table .form-control{display: inline-block; width: 200px;} .member-overview-wrap .table .time-picker-wrap{display: inline-block;} .member-overview-wrap .table select.form-control{padding-right: 20px; width: auto;} .member-overview-wrap .btns{padding-top: 30px; display: none;} .member-overview-head{background: #63c2de; color: #fff;} .member-overview-head .table tbody > tr > td{line-height: 2em;} .member-overview-head .member-pic{border-radius: 500px; margin: 6px 0; width: 80px; height: 80px; border: 4px solid #fff;} /*- Member 列表&查询 Start -*/ .label.reject{cursor: pointer; display: inline-block; min-width: 48px; text-align: center;} .reject-reason{padding: 0 0 15px;} .reject-reason .reason-contents{padding: 0 0 15px;} .reject-reason .pic{text-align: center;} .reject-reason .pic img{max-height: 400px;} /*- Member 列表&查询 END -*/ /*- Member 认证情况 Start -*/ .certification-wrap .widget{border: 1px solid #D5D5D5;} .certification-wrap .widget .widget-header{border-bottom: 0; background: none; transition:all .5s; -moz-transition: all .5s; -webkit-transition:all .5s; -o-transition:all .5s;} .certification-wrap .widget .widget-header.collapsed{background: #f5f5f5;} .certification-wrap .widget .widget-header .pa{opacity: 0; filter: alpha(opacity=0); transition:all .5s; -moz-transition: all .5s; -webkit-transition:all .5s; -o-transition:all .5s;} .certification-wrap .widget .widget-header.collapsed .pa{opacity: 1; filter: alpha(opacity=100);} .certification-wrap .widget .widget-header + .widget-content > div{padding: 10px 25px 30px 10px;} .certification-wrap .widget-content .table{border: none; font-size: 13px;} .certification-wrap .widget .table td{padding: 1px 10px;} .zhengPic{position: relative; display: inline-block; cursor: pointer; margin: 0 10px; width: 252px; height: 168px; text-align: center; overflow: hidden; outline: 5px solid #EAEAEA;} .zhengPic.square{width: 168px; background: url(../../images/2.0/example-images/nopic.png) no-repeat center center #eaeaea; background-size: 120% auto;} .zhengPic img{width: 100%; position: relative;} .zhengPic .zoomIcon{position: absolute; bottom: 5px; right: 5px; display: block; background: url(../../images/2.0/icon_sprites.png) no-repeat -78px -38px; width: 29px; height: 29px; display: none;} .zhengPic:hover .zoomIcon{display: block;} .zhengPic .signet-unapproved, .zhengPic .signet-approved{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .zhengPic .signet-approved{background: url(../../images/2.0/signet-approved.png) no-repeat center center; background-size: 75% auto;} .zhengPic .signet-unapproved{background: url(../../images/2.0/signet-unapproved.png) no-repeat center center; background-size: 75% auto;} /*- Member 认证情况 END -*/ /* 批量认证 Start */ .pending-verify-batch{margin-top: -10px;} .pending-verify-batch ul{list-style: none; padding: 0; margin: 0;} .pending-verify-batch li{width: 25%; float: left; padding: 0 0 0 10px;} .pending-verify-batch li:first-child{padding-left: 0;} .pending-verify-batch .smallstat{margin-bottom: 15px; padding: 5px; height: 62px;} .pending-verify-batch .smallstat .ico-1, .pending-verify-batch .smallstat .ico-2, .pending-verify-batch .smallstat .ico-3, .pending-verify-batch .smallstat .ico-4{background-image: url(../../images/2.0/icon_sprites.png); background-repeat: no-repeat;} .pending-verify-batch .smallstat .ico-1{background-position: 0 -86px;} .pending-verify-batch .smallstat .ico-2{background-position: -60px -86px;} .pending-verify-batch .smallstat .ico-3{background-position: -120px -86px;} .pending-verify-batch .smallstat .ico-4{background-position: -180px -86px;} .pending-verify-batch .smallstat .title{color: #a6a6a6;} .verify-batch-wrap .panel-body{position: relative;} .verify-batch-wrap .verify-pass [class^="icon-"]{color: #4dbd74 !important;} .verify-batch-wrap .verify-reject [class^="icon-"]{color: #f86c6b !important;} .verify-batch-wrap .verify-question [class^="icon-"]{color: #28bcdc !important;} .viewer { width: 50%; height: 500px; border: 1px solid #ddd; background: #f5f5f5; position: relative; } .tab-pane .viewer{} .viewer.nopic{background: url(../../images/2.0/example-images/nopic.png) no-repeat center center #ececec;} .iviewer-wrap { overflow: hidden; } .verify-batch-wrap .iviewer-wrap{width: 65%; float: left;} .verify-batch-wrap .verify-form-wrap{width: 35%; float: right; padding-left: 15px; box-sizing:border-box;} .verify-batch-wrap .verify-form{background: #f5f5f5; padding: 10px 10px 0; min-height: 500px;} .verify-batch-wrap .verify-form .form-control{padding: 3px 12px; height: 28px;} .verify-batch-wrap .verify-form .btns{padding: 10px 0 0; margin-bottom: 10px;} .verify-batch-wrap .verify-form .btns .btn{font-size: 12px; padding: 8px 15px; margin-bottom: 10px;} .verify-batch-wrap .verify-form td{padding: 7px 5px;} .verify-form .table > tbody + tbody{ border:0;} .select-fenzu-wrap{padding: 20px 0; text-align: center;} .select2_wrap{} .verify-batch-wrap .verify-form .select2_wrap .form-control{padding: 0;} .select2-choice{background: #fff; background-image: none;} .select2_wrap .select2-container .select2-choice .select2-arrow{border-left: 0; background: none;} .select2_wrap .select2-container .select2-choice .select2-arrow b{background: url("../../images/2.0/select.png") no-repeat center center !important; background-size: 24px 20px!important; background-color: transparent !important;} .select2_wrap .select2-container.select2-container-disabled .select2-choice .select2-arrow{background-color: transparent;} .select2_wrap .select2-container-active .select2-choice, .select2_wrap .select2-container-active .select2-choices {-webkit-box-shadow: none; box-shadow: none;} .select2_wrap .select2-container.select2-dropdown-open{border-color: #28bcdc !important;} .select2_wrap .select2-dropdown-open.select2-drop-above .select2-choice, .select2_wrap .select2-dropdown-open.select2-drop-above .select2-choices{border: none;} .select2_wrap .select2-container.select2-dropdown-open.select2-drop-above{border-radius: 0 0 2px 2px !important;} .select2_wrap .select2-container.select2-container-disabled .select2-choice{background-color: #e4e5e6; border: none;} .select2_wrap .select2-container .select2-choice{padding-left: 12px; background: rgb(248,249,250); background: -moz-linear-gradient(top, rgba(248,249,250,1) 0%, rgba(248,249,250,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,249,250,1)), color-stop(100%,rgba(248,249,250,1))); background: -webkit-linear-gradient(top, rgba(248,249,250,1) 0%,rgba(248,249,250,1) 100%); background: -o-linear-gradient(top, rgba(248,249,250,1) 0%,rgba(248,249,250,1) 100%); background: -ms-linear-gradient(top, rgba(248,249,250,1) 0%,rgba(248,249,250,1) 100%); background: linear-gradient(to bottom, rgba(248,249,250,1) 0%,rgba(248,249,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f9fa', endColorstr='#f8f9fa',GradientType=0 ); } .select2-drop-active{border-color: #28bcdc !important;} .select2-search input{border-color: #d1d4d7 !important;} .select2-drop{border-radius: 0 0 2px 2px !important;} .select2-drop.select2-drop-above{border-radius: 2px 2px 0 0 !important;} /* 批量认证 END */ /* 财务资产 Start */ .finance-box .table{background:#28bcdc; color:#fff; width:100%; height:142px;} .finance-box .table td{border-left:1px solid #128da7; border-top: none;} .finance-box .table td:first-child{border-left:none;} .finance-summary{} .finance-summary [class^="icon-"].showHide{font-size: 18px; cursor: pointer; float: right;} .finance-summary .eye-close{display: none;} .finance-summary.open .eye-close{display: block;} .finance-summary.open .eye-open{display: none;} .finance-summary .amount-open{display: none;} .finance-summary.open .amount-open{display: block;} .finance-summary .amount-close{text-align: center; margin:35px 0;} .finance-summary.open .amount-close{display: none;} .finance-summary h3{color:#fff; font-size:16px; margin-bottom:10px;} .finance-summary .amount{font-size:46px; line-height:1.5em; text-align:center;} .finance-box .fn_dt{text-align:center; padding: 0;} .finance-box .fn_dt li{display:inline; font-size:14px;} .finance-box .fn_dt li.hBar{margin:0 5px;} .finance-box td.col2{width:265px;} .finance-box .btns{padding-left:16px;} .finance-box .btns a{float:left; height:39px; line-height:39px; padding:0 25px; border-radius:4px; margin-right:13px;} .finance-box .btns .button{float:left; height:39px; line-height:39px; padding:0 25px; border-radius:4px; margin-right:10px;} .myCards{} .secHead{background:#f5f5f5; height:50px; margin-bottom:15px;} .secHead h3{font-size:16px; color:#000; line-height:50px; padding:0 0 0 10px;} .secHead h3 span{color:#999; font-size:13px; margin-left:5px;} .myCards .cards{width:100%; overflow:hidden; text-align: center;} .cards #cards-slides{padding: 0; margin: 0; list-style: none; width:652px; margin-right: 32px; display: inline-block;} .cards .card{float:left; margin-right:32px; width:292px; height:177px; border:1px solid #90abba; border-radius:12px; background:#f8f8f8; position:relative; margin-bottom:25px;} .cards .card.disable{opacity: .5; filter: alpha(opacity=50);} .cards .card .bankLogo{float:left; margin:14px 0 0 10px;} .bankLogo i{float:left; width:141px; height:33px; background-repeat:no-repeat;} .cards .card .cardType{float:right; margin:18px 20px 0 0;} .cards .card .cardType span{background:#90abba; border-radius:2px; padding:1px 3px; color:#fff; font-size:12px;} .cards .card .cardType b{margin-right:13px;color: #ccc; font-weight: normal; font-size: 12px;} .cards .card .cardNum{clear:both; font-size:24px; text-align:center; padding-top:30px;} .cards .cardB{position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #e3e2e2;} .cards .cardB .startTime{float:left; height:40px; line-height:40px; color:#888; padding-left:18px; font-size:12px;} .cards .cardB .control{float:right; height:40px; line-height:40px; padding-right:18px; font-size:12px;} .cards .cardB .control a{} .cards .cardB .control b{font-weight:normal; color:#999; margin:0 1px;} .cards .addCard{ cursor:pointer; display: block; margin-right: 0;} .cards .addCard .add{overflow:hidden;} .cards .addCard .icoPlus{background:#90daea; display:block; width:66px; height:7px; position:relative; margin:0 auto; margin-top:70px; margin-bottom:52px; border-radius:10px;} .cards .addCard .icoPlus span{background:#90daea; height:66px; width:7px; position:absolute; left:29px; top:-29px; border-radius:10px;} .cards .addCard p{text-align:center; font-size:17px; color:#999;} .cards .addCard:hover .icoPlus, .cards .addCard:hover .icoPlus span{background:#28bcdc;} .cards{position: relative;} .cards #cards-slides.slides-true{width:294px; float: none; padding-bottom: 25px; margin-right: 0; box-sizing: content-box;} .cards #cards-slides.slides-true .card{display: none; box-sizing:border-box; height: 179px;} #cards-slides.slides-true .slidesjs-pagination{position: absolute; left:0; bottom: -5px; text-align: center; width: 100%; padding: 0;} #cards-slides.slides-true .slidesjs-pagination-item{display: inline-block;} #cards-slides.slides-true .slidesjs-pagination-item a{float: left; width: 20px; height: 10px; border-radius: 10px; background: #ccc; text-indent: -99em; overflow: hidden; margin: 0 5px;} #cards-slides.slides-true .slidesjs-pagination-item .active{background: #28bcdc;} .table1{} .table1 table{width:100%; border-top:1px solid #ddd;} .table1 table td{border-bottom:1px solid #ddd; padding:10px; font-size:12px; color:#666;} .table1 table th{border-bottom:1px solid #ddd; padding:10px; font-size:12px; background:#f5f5f5;} .table1 table tr td:nth-child(3),.table1 table tr th:nth-child(3){text-align:right;} .table1 table tr td:nth-child(4),.table1 table tr th:nth-child(4){text-align:center;} .balanceM{color:#ec7e0f;} .balanceP{color:#72b240;} .no-contents-wrap{text-align: center; padding: 20px;} .viewAll{text-align:center; background:#f5f5f5; padding:15px 0;} /* 财务资产 END */ /* Member 优惠卷包 Start */ .member-coupon-wrap{} .member-coupon-wrap #wizard1 .wizard-title li{width: 15%;} .member-coupon-wrap .wizard-title li a .num{background: #999;} .member-coupon-wrap .wizard-title li.active a .num{background: #28bcdc;} /* Member 优惠卷包 END */ /* Member 发布座驾 Start */ .member-car-wrap{position: relative;}.member-carHead{} .member-carHead .panel-body{padding: 0;} .member-carHead .car-imgBox{float: left; width: 300px; position: relative; margin: 25px 0 0 20px;} .member-carHead .car-imgBox img{width: 100%;} .member-carHead .car-imgBox .rentStatus{position: absolute; left: 5px; bottom: 5px; background: #28bcdc; color: #fff; height: 30px; line-height: 30px; padding: 0 20px; font-size: 14px;} .member-carHead .carinfo{padding-left: 340px; position: relative; min-height: 200px; margin-top: 25px; margin-right: 20px;} .member-carHead .carinfo .info_icon{position: absolute; right: 0px; top: 0px; color: #28bcdc; font-size: 24px;} .member-carHead .carinfo table.table{clear: none; margin: 0 !important;} .member-carHead .carinfo table.table th,.member-carHead .carinfo table.table td{padding: 2px 5px 2px 0;} .member-carHead .carinfo table.table thead td{font-size: 18px; padding-bottom: 3px; padding-top: 0px;} .member-carHead .carinfo table.table thead td .brandB{font-size: 12px; padding: 0;} .member-carHead .carinfo table.table tbody td{font-size: 13px;} .member-carHead .carStatus{border-top: 1px solid #e4e5e6; margin-top: 20px;} .member-carHead .carStatus .step-area-wrap{padding: 8px 0; height: auto;} .member-carHead .carStatus .step-area{height: 50px;} .member-carHead .carStatus .step-area li{border-width: 1px; width: 125px;} .member-carHead .carStatus .step-area li:last-child{width: 1px;} .member-carHead .carStatus .step-area li.pass{border-color: #4ebc73;} .member-carHead .carStatus .step-area li.now{border-color: #28bcdc;} .member-carHead .carStatus .step-area li .step-by{top: -6px;} .member-carHead .carStatus .step-area li .num{width: 12px; height: 12px; line-height: 12px;} .member-carHead .carStatus .step-area li.pass .num{background: #4ebc73;} .member-carHead .carStatus .step-area li.now .num{background: #28bcdc;} .member-carHead .carStatus .step-area li .step-name{color: #a6a6a6; font-size: 12px; font-weight: normal;} .member-carHead .verifyProgress .progressbar{background: #f5f5f5; height: 15px;} .member-carHead .verifyProgress .progressbar .ui-progressbar-value{line-height: 15px;} .member-carHead .carOwner{background: #63c2de;} .member-carHead .carOwner table.table{margin: 0 !important; color: #fff;} .member-carHead .carOwner table.table td,.member-carHead .carOwner table.table th{padding: 10px 5px;} .member-carHead .carOwner .user-pic{display: inline-block;} .member-carHead .carOwner .user-pic{width: 60px; height: 60px;} .member-carHead .carOwner .user-pic img{width: 100%; border-radius: 100px;} .member-carHead .owner-info h3{font-size: 16px; margin-bottom: 5px;} .member-carHead .owner-info .phone-number{margin: 0 3px;} .member-carHead .owner-info .phone-number i{color: #fff; font-size: 18px;} .member-carHead .carOwner .numStatus{border-right: 1px solid #fff; padding-right: 5px;} .member-carHead .carOwner table.table tr td:last-child .numStatus{border: none;} .member-carHead .carOwner .numStatus .num{background: none; font-size: 36px; line-height: 1em;} .scrolllist .imglist_w{width:100%;height:310px;overflow:hidden;position:relative;/*必要元素*/ margin-bottom: 10px;} .scrolllist .imglist_w ul{position:absolute; padding: 0; margin: 0; height: 20000px;} .member-car-wrap .moreCar-btn-wrap{position: absolute; right: -38px; top: 0; width: 30px; background: #f8f9fa; text-align: center; color: #63c2de; padding: 8px 0 8px; cursor: pointer;} .member-car-wrap .moreCar-btn{display: inline-block; width: 1em; font-size: 14px; line-height: 1.2em; padding-top: 5px; border-top: 2px dotted #63c2de;} .member-car-wrap .arrow{border: 1px solid; width: 14px; margin: 0 auto; line-height: 12px;} .member-car-wrap .moreCar-btn-wrap.open .arrow .icon-angle-left:before{content: "\f105";} .member-carList{float: right; position: absolute; right: 0; top: 0; z-index: 9; display: none;} .member-carList .panel{width: 150px; margin-bottom: 0;} .member-carList .panel-heading{text-align: center;} .member-carList .panel-body{height: 367px;} .carList{width: 120px; margin: 0 auto; text-align: center; padding: 10px 0;} .carList .scrolllist .imglist_w li{position: relative; margin-bottom: 10px;} .carList .scrolllist .imglist_w li.active{box-shadow: 0 0 5px #28bcdc inset;} .carList .scrolllist .imglist_w li .imgBox{display: block;} .carList .scrolllist .imglist_w li .imgBox img{width: 120px; height: 80px;} .carList .scrolllist .imglist_w li .text{position: absolute; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0;} .carList .scrolllist .imglist_w li .text a{display: block; color: #999; padding-top: 10px; line-height: 1em; padding: 5px 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .carList .scrolllist .imglist_w li.active .text a,.carList .scrolllist .imglist_w li.active .text a:hover{color: #63c2de;} .carList .scrolllist .imglist_w li .text a:hover{text-decoration: none; color:} .carList .scrolllist .imglist_w li:hover .text a{color: #fff;} .carList .abtn{font-size: 24px; margin: 0 10px; color: #fff; background: #93dded; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 100px;} .carList .abtn:hover{text-decoration: none; background: #28bcdc;} .carList .abtn.agrayleft,.carList .abtn.agrayright{background: #eee; cursor: default;} /* > 交车位置 */ .carPublishSetBox{min-height: 650px;} .deliveryPlace-wrap{position: relative;} .deliveryPlace-form{padding-right: 200px;} .panel-body .deliveryPlace-form .nav-tabs{height: 31px; border-bottom: 1px solid #ddd; margin-bottom: 10px;} .panel-body .deliveryPlace-form .nav-tabs li{float: left;} .panel-body .deliveryPlace-form .nav-tabs li>a{font-size: 12px; padding: 0 12px; height: 31px; line-height: 31px; color: #999;} .panel-body .deliveryPlace-form .nav-tabs li.active>a{border: 1px solid #ddd; border-bottom: none; border-radius: 5px 5px 0 0; color: #3d3f42;} .deliveryPlace-step{position: absolute; right: 15px; top: 150px;} .deliveryPlace-step h5{font-weight: bold; margin-bottom: 20px;} .deliveryPlace-step .stepContents{color: #777;} .deliveryPlace-step .stepContents li{ line-height: 18px; height: 40px; position: relative;} .deliveryPlace-step .stepContents li:before{position: absolute; left: 8px; top: 2px; display: block; content: ""; width: 1px; height: 100%; background: #ccc;} .deliveryPlace-step .stepContents li:last-child:before{display: none;} .deliveryPlace-step .stepContents li .stepNum{width: 17px; height: 17px; text-align: center; display: inline-block; color: #fff; background: #28bddd; border-radius: 100px; margin-right: 12px; position: relative; z-index: 2;} .deliveryPlace-step .stepContents li .stepNum.bg_orange{background: #fd7d19;} .deliveryPlace-step .stepContents li .stepTit{display: inline-block;} /* > 特色描述 */ .checkboxBlue label{margin-bottom: 0; cursor: pointer; line-height: 20px; position: relative;} .checkboxBlue label .iconCheck{background: url(../../images/2.0/sprites_v1.png) no-repeat -299px -64px; display: inline-block; width: 20px; height: 20px; vertical-align: middle;} .checkboxBlue label .switch-input:checked ~ .iconCheck{background-position: -299px -34px;} .featureSet .featureDescribe{margin-bottom: 15px;} .featureSet .featureCheck{margin-bottom: 15px;} .featureSet .featureCheck .table{border-bottom: 1px solid #e4e5e6;} .featureSet .featureCheck .table thead td{border-bottom: 1px solid #e4e5e6;} .featureSet .featureCheck .table tbody > tr > td{padding: 8px 50px 8px 8px; border-top: 1px dashed #ebecec;} .featureSet .featureCheck .table tbody > tr:first-child > td{border-top: none;} .featureSet .featureCheck label{display: block;} .featureSet .featureCheck .iconCheck{float: right;} /* > 出租价格 */ .rentpriceSet{} .rentpriceSet .suggestionPrice{margin-bottom: 10px;} .rentpriceSet .suggestionPrice .table tbody > tr > td{border: none;} .rentpriceSet .setPrice{margin-bottom: 10px;} .rentpriceSet .setPrice .table{border-bottom: 1px solid #e4e5e6} .rentpriceSet .setPrice .table tbody > tr > td{padding: 4px 8px; border-top: 1px dashed #ebecec;} .rentpriceSet .setPrice .table tbody > tr:first-child > td{border-top: none;} .rentpriceSet .setPrice .table thead td {border-bottom: 1px solid #e4e5e6;} .hasUnit{position: relative;} .hasUnit .unitArea{position: absolute; right: 0.5em; top: 50%; margin-top: -0.5em; display: inline-block; font-size: 12px; line-height: 1em; color: #999;} .hasUnit .form-control{padding-right: 3.5em;} /* > 出租设置 */ .member-carPublishSet table.table{margin: 0 !important;} .member-carPublishSet .setNoWeek{margin: 0; padding: 0; list-style: none;} .member-carPublishSet .setNoWeek li{display: inline-block; margin: 0 5px; cursor: pointer; position: relative;} .member-carPublishSet .setNoWeek li i[class^="icon-"]{font-size: 20px; color: #ccc; vertical-align: middle;} .member-carPublishSet .setNoWeek li label{cursor: pointer;} .member-carPublishSet .setNoWeek li .switch-input:checked ~ i[class^="icon-"]{color: #fe7a15;} .member-carPublishSet .rentableSet{} .member-carPublishSet .rentableSet .rentableSetTop .noRentHint{display: none;} .member-carPublishSet .rentableSet .rentableSetTop .noRentHint td{line-height: 200px; text-align: center; color: #ccc; font-size: 16px;} .member-carPublishSet .rentableSet .rentableSetTop.noRent .noRentHint{display: table-row;} .member-carPublishSet .rentableSet .sliderArea{display: inline-block; width: 350px;} .table tbody > tr > td.noRent_time_area_wrap{border-top: 1px dashed #f0f0f0;} .noRent_time_area{position: relative; height: 280px;} .noRent_time_area .ui-datepicker-multi-2{width: 500px !important; display: inline-block; margin: 0 auto;} .noRent_time_area .ui-datepicker-multi-3{width: 680px !important; display: inline-block; margin: 0 auto;} #noRent_time .ui-datepicker-group{} #noRent_time .ui-datepicker-group-first{float: left;} #noRent_time .ui-datepicker-group-middle{float: left; margin-left: 10px;} #noRent_time .ui-datepicker-group-last{float: right;} #noRent_time .ui-datepicker .ui-widget-header{background-image: none; border: none; box-shadow: none; position: relative; margin: 5px 0;} #noRent_time .ui-datepicker .ui-widget-header a:hover{text-decoration: none;} #noRent_time .ui-datepicker-prev,#noRent_time .ui-datepicker-next{position: absolute; left: 0; top: 0; padding: 0 5px; border: none; color: #aaa;} #noRent_time .ui-datepicker-prev.ui-state-hover,#noRent_time .ui-datepicker-next.ui-state-hover{color: #20a8d8;} #noRent_time .ui-datepicker-next{left: auto; right: 0;} #noRent_time .ui-datepicker-prev .ui-icon, #noRent_time .ui-datepicker-next .ui-icon { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: repeat; margin-top: 0; } #noRent_time .ui-datepicker-prev .ui-icon:before, #noRent_time .ui-datepicker-next .ui-icon:before { text-decoration: inherit; display: inline-block; speak: none; font-size: 16px;} #noRent_time .ui-datepicker-prev .ui-icon:before{content: "\f0d9";} #noRent_time .ui-datepicker-next .ui-icon:before{content: "\f0da";} #noRent_time .ui-datepicker-prev.ui-state-disabled,#noRent_time .ui-datepicker-next.ui-state-disabled{display: none;} #noRent_time .ui-datepicker-next-hover .ui-icon, #noRent_time .ui-datepicker-prev-hover .ui-icon { background-color: #ffffff; background-image: none; opacity: 1; } #noRent_time .ui-datepicker td{padding: 0px 1px 1px 0; border-top: 0;} #noRent_time .ui-datepicker tbody tr:first-child td{padding-top: 1px;} #noRent_time .ui-datepicker td .ui-state-default{display: block; min-width: 32px; padding: 9px 9px; color: #3d3f42; background: #fff; border-radius: 0;} #noRent_time .ui-datepicker.ui-datepicker-multi-3 td .ui-state-default{padding: 8px; min-width: 28px;} #noRent_time .ui-datepicker td .ui-state-default:hover { color: #ffffff; background: #ccc; text-shadow: none; text-decoration: none; } #noRent_time .ui-datepicker td.past .ui-state-default{color: #bbb; background: #f6f6f6;} #noRent_time .ui-datepicker td.past .ui-state-default:hover{} #noRent_time .ui-datepicker td.ui-datepicker-today .ui-state-default{background: none; color: inherit; text-shadow:none; color: #3d3f42; background: #fff;} #noRent_time .ui-datepicker td.ui-datepicker-today .ui-state-default:hover { color: #ffffff; background: #ccc; text-shadow: none; text-decoration: none; } #noRent_time .ui-datepicker td .ui-state-default.on { color: #ccc; background: #eee; text-shadow: none; text-decoration: none; position: relative;} #noRent_time .ui-datepicker td .ui-state-default.on:before{content: "×"; display: inline-block; font-size: 14px; position: absolute; left: 2px; top: -4px; color: #999;} #noRent_time .ui-datepicker td:hover{color: #505050;} #noRent_time .ui-datepicker-title{text-align: center;} /* Member 发布座驾 END */ /* 第三方征信 Start */ .credit-wrap .temporary-contents{min-height: 400px; margin-bottom: 30px; background:#fff url(../../images/2.0/baojia_zx.png) no-repeat center center;} .credit-wrap .widget-header .btn{min-width: 70px;} .widget.widget-table .credit-search-area .table{margin: 20px 0 !important;} .credit-search-area input.form-control{width: 290px;} .credit-results{padding-bottom: 15px;} .credit-results .topBoxs{padding: 5px;} .credit-results .topBoxs .topBox{border:1px solid #eee; padding: 8px; width: 32%; margin-left: 2%; float: left; background: #fcfcfc; box-sizing:border-box; position: relative; min-height: 100px;} .credit-results .topBoxs .topBox:first-child{margin-left: 0;} .credit-results .topBox table{width: 100%; font-size: 14px;} .credit-results .topBox .color-gray{font-size: 12px;} .credit-results .topBox .userPic{padding-right: 10px; width: 82px;} .credit-results .topBox .userPic img{height: 82px;} .credit-results .topBox .t-c{text-align: center;} .credit-results .id_city{width:14em; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} @media (max-width: 1199px){ .credit-results .id_city{width: 9em;} } .credit-results .topBox .total-score{border: 1px dashed #999; line-height: 1.4em; font-weight: bold; color: #28bcdc; font-size: 24px; min-height: 35px;} .credit-results .topBoxs .signet{position: absolute; z-index: 5; right: -15px; top: -25px; display: block; width: 100px; height: 100px; opacity: .7; filter: alpha(opacity=70);} /*.credit-results .topBoxs .signet.accord{background: url(../../images/2.0/credit-signet.png) no-repeat; background-size: 100%; } .credit-results .topBoxs .signet.discord{background: url(../../images/2.0/credit-signet-2.png) no-repeat; background-size: 100%; } .credit-results .topBoxs .signet.nothing{background: url(../../images/2.0/credit-signet-3.png) no-repeat; background-size: 100%; }*/ .credit-results .topBoxs .signet{background: url(../../images/2.0/credit-signet-sprites.png) no-repeat; background-size: 300px;} .credit-results .topBoxs .residentID .signet.accord{background-position: 0 -200px;} .credit-results .topBoxs .residentID .signet.nothing{background-position: 0 -100px;} .credit-results .topBoxs .residentID .signet.discord{background-position: 0 0px;} .credit-results .topBoxs .drivingLicence .signet.accord{background-position: -100px -200px;} .credit-results .topBoxs .drivingLicence .signet.nothing{background-position: -100px -100px;} .credit-results .topBoxs .drivingLicence .signet.discord{background-position: -100px 0px;} .credit-results .topBoxs .bankAccount .signet.accord{background-position: -200px -200px;} .credit-results .topBoxs .bankAccount .signet.nothing{background-position: -200px -100px;} .credit-results .topBoxs .bankAccount .signet.discord{background-position: -200px 0px;} #bank-carousel .carousel-indicators{bottom: -38px;} #bank-carousel .carousel-inner .signet{right: 0; top: 0;} #bank-carousel .carousel-control.left,.carousel-control.right{background: none;} #bank-carousel .carousel-control {top: -5px;right:25px;bottom: auto;left: auto;width: 15px; color: #999; z-index: 6;} #bank-carousel .carousel-control.right{right: 0px;} #bank-carousel .carousel-indicators li{border-color: #ccc;} #bank-carousel .carousel-indicators li.active{border-color: #ccc; background: #ccc; height: 10px; width: 10px; margin: 1px;} .credit-results .bankAccountRen,.credit-results .activeness{vertical-align: top;} .credit-results span.bankAccountRen,.credit-results span.activeness{display: inline-block; width: 15px; height: 15px; margin: 0 3px;} .credit-results span.bankAccountRen.yizhi{background: url(../../images/2.0/ren2.png) no-repeat left top;} .credit-results span.bankAccountRen.buyizhi{background: url(../../images/2.0/ren1.png) no-repeat left top;} .credit-results span.activeness.huoyue{background: url(../../images/2.0/huo2.png) no-repeat left top;} .credit-results span.activeness.buhuoyue{background: url(../../images/2.0/huo1.png) no-repeat left top;} .credit-grade{clear: both; padding: 5px 20px;} .credit-grade dl{float: left; width: 100px; text-align: center; margin-right: 15px; margin-bottom: 0;} .credit-grade dl dt{margin-bottom: 5px;} .credit-grade .AEs{color: #999; font-weight: normal; padding: 2px 0 0;} .credit-grade dl dd{border-radius: 500px; color: #fff; width: 100%; height: 100px; line-height: 100px; font-size: 32px;} .credit-grade .loading{font-size: 50px;} .credit-grade dl:last-child{float: none; width: auto; margin-left: 550px;} .credit-results .col-box .panel-body{padding: 10px;} .col-box .panel-table .panel-body{padding: 0;} .credit-results .pagination{margin: 5px 0;} .Blacklist{min-height: 120px;} .bank-flow{min-height: 255px;} .bankAccounts-head{border-bottom: 1px solid #ddd;} .bankAccounts-head .text{position: relative; z-index: 5; line-height: 30px;} .panel-body .bankAccounts-head .nav-tabs{height: 30px;} .panel-body .bankAccounts-head .nav-tabs>li{float: left;} .panel-body .bankAccounts-head .nav-tabs>li>a{font-size: 12px; padding: 0 12px; height: 31px; line-height: 31px; color: #999;} .panel-body .bankAccounts-head .nav-tabs>li.active>a{border:1px solid #ddd; border-bottom: none; border-radius: 5px 5px 0 0; color: #3d3f42;} .bank-flow-charts{position: relative;} .bank-flow-charts .left-tit{border:1px solid #ddd; float: left; width: 40px; padding: 10px 0; text-align: center; position: absolute; left:10px; top: 50%; margin-top: -70px;} .bank-flow-charts .left-tit>span{width: 1em; font-size: 12px;letter-spacing: 50px; display: inline-block; overflow: hidden;} .bank-flow-charts .col-boxin{width: 45%; padding: 10px 0;} .bank-flow-charts .chart-tit{text-align: center; font-weight: bold;} .bank-flow-charts .piechart{height: 250px;} @media (max-width: 1199px){ .credit-results .bankAccounts-contents table>thead td{vertical-align: bottom;} .credit-results .bankAccounts-contents td.twoRow{width: 100px;} } .credit-queryLog{padding: 5px 0 0;} .credit-queryLog .btns{padding: 0; display: inline-block; margin-left: 10px;} .credit-queryLog .btns .btn{font-size: 12px; padding: 1px 10px; margin: 0 5px; background: transparent;} /* 第三方征信 END */ /* 优惠券 Start */ .select-coupon{display: inline-block; margin-left: 20px;} .select-coupon select.form-control{vertical-align: middle;} .coupon-list-area{padding: 20px 0;} .coupon-list{width: 620px; margin: 0 auto;} .coupon-list ul{padding: 0; margin:0; list-style: none;} .coupon-list li{padding-bottom:31px; background:url(../../images/2.0/coupon-list-shadow.png) no-repeat left 120px;} .coupon-list .box{background:#dcdcdc; height:120px; color:#fff;} .coupon-list .box .amount{font-size:63px; line-height:120px; height:120px; width:180px; border-right:1px solid #fff; float:left; text-align:center;} .coupon-list .box .amount span{font-size:28px; position:relative; top:-27px;} .coupon-list .boxMiddle{text-align:center; width:292px; text-align:center; float:left;} .coupon-list .boxMiddle .tit{font-size:25px; padding-top:10px; margin-bottom:7px; line-height: 1.5em;} .coupon-list .boxMiddle .contents{line-height:30px; font-size:17px; background:#fff; color:#dcdcdc; display:inline-block; padding:0 10px; min-width:190px; position:relative; margin-bottom:5px;} .coupon-list .boxMiddle .contents .corner1,.coupon-list li .boxMiddle .contents .corner2{background-image:url(../../images/2.0/sprites_v1.png); background-repeat:no-repeat; position:absolute; width:12px; height:30px; top:0;} .coupon-list .boxMiddle .contents .corner1{background-position:-154px -140px; left:-12px;} .coupon-list .boxMiddle .contents .corner2{background-position:-175px -140px; right:-12px;} .coupon-list .boxMiddle .validity{font-size:17px;} .coupon-list .box .btn-area{height:120px; background:url(../../images/2.0/waveline.png) repeat-y left top; float:left; text-align:center; width:147px; padding: 0;} .coupon-list .box .btn-area .button{background:#fff; margin-top: 45px; color:#dcdcdc; font-size:17px; padding:7px 20px 8px; border-radius:4px; border:none;} .coupon-list .box .btn-area .button:hover{box-shadow:0 0 10px #888;} .coupon-list .box .btn-area.qrCode{padding-top: 18px;} .coupon-list .box.blue{background:#28bcdc;} .coupon-list .box.pink{background:#f54461;} .coupon-list .box.green{background:#45d876;} .coupon-list .box.yellow{background:#f0cb08;} .coupon-list .box.blue.disable{background:#beebf4;} .coupon-list .box.pink.disable{background:#fcc7cf;} .coupon-list .box.green.disable{background:#c7f3d6;} .coupon-list .box.yellow.disable{background:#faefb4;} .coupon-list .box.blue .boxMiddle .contents{color:#28bcdc;} .coupon-list .box.pink .boxMiddle .contents{color:#f54461;} .coupon-list .box.green .boxMiddle .contents{color:#45d876;} .coupon-list .box.yellow .boxMiddle .contents{color:#f0cb08;} .coupon-list .box.blue.disable .boxMiddle .contents{color:#beebf4;} .coupon-list .box.pink.disable .boxMiddle .contents{color:#fcc7cf;} .coupon-list .box.green.disable .boxMiddle .contents{color:#c7f3d6;} .coupon-list .box.yellow.disable .boxMiddle .contents{color:#faefb4;} .coupon-list .box.blue .btn-area .button{color:#28bcdc;} .coupon-list .box.pink .btn-area .button{color:#f54461;} .coupon-list .box.green .btn-area .button{color:#45d876;} .coupon-list .box.yellow .btn-area .button{color:#f0cb08;} .coupon-list .box.blue.disable .btn-area .button{color: #beebf4;} .coupon-list .box.pink.disable .btn-area .button{color:#fcc7cf;} .coupon-list .box.green.disable .btn-area .button{color:#c7f3d6;} .coupon-list .box.yellow.disable .btn-area .button{color:#faefb4;} .coupon-list .box.disable .btn-area .button:hover,.coupon-list .box.overdue .btn-area .button:hover{box-shadow:none; cursor:default;} .coupon-list .yet .boxMiddle{width: 439px;} /* 优惠券 END */ /* 保险 */ .insurance-wrap .panel-body{ padding:30px 20px; position: relative;} .insurance_stamp{background-image: url(../../images/2.0/insurance_stamp.png); background-repeat: no-repeat; display: inline-block; width: 112px; height: 107px; opacity: .5; filter: alpha(opacity=50);} .insurance_stamp.active{background-position: left -130px;} .insurance_stamp.inactive{background-position: left top;} .insurance_stamp.failure{background-position: left -260px;} .insurance-wrap .panel-body .insurance_stamp{position: absolute; top: -20px; right: 200px;} .insurance-wrap .color-blur-light{ color:#28bcdc;} /* 合作 Start */ .uploadedPic{position: relative; display: inline-block; margin-right: 10px; margin-bottom: 10px;} .uploadedPic::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); } .uploadedPic img{height: 60px;} .uploadedPic .icons a{text-decoration: none;} .uploadedPic .icons .icon-trash{position: absolute; z-index: 5; bottom: 5px; right: 5px; font-size: 14px; color: #ccc; cursor: pointer;} .uploadedPic .icons .icon-zoom-in{position: absolute; z-index: 5; left: 50%; top: 50%; margin: -10px 0 0 -10px; font-size: 20px; color: #999; cursor: pointer;} .uploadedPic .icons [class^="icon-"]:hover{color: #fff;} .uploadedPic .picName{position: absolute; width: 100%; left:0; top: 0; color: #eee; z-index: 9; padding: 3px 5px;} /* 合作 END */ /* 租程账单 */ .order-list-wrap{ overflow:hidden; margin-bottom:30px;} .order-list-wrap .panel-body{ padding-bottom:9999px; margin-bottom:-9999px;} .order-list-wrap .table{ margin-bottom:15px!important;} .order-list-wrap .table:first-child td{ background:#f8f9fa;} .order-list-wrap .table:first-child tr:last-child td{ border-bottom:1px solid #f0f0f0;} .order-list-wrap .table:first-child tr.noBG td{background: none;} .order-list-wrap .table tr th:last-child{ text-align:right;} .order-list-wrap .table tr td:nth-child(2){ text-align:center;} .order-list-wrap .table tr td:last-child{ text-align:right;} .order-list-wrap .val-default{ width:80%; box-sizing:border-box; height:18px; border:1px solid #d1d4d7; padding:0 10px;} .w70{ width:60%; float:left;} .w30{ width:40%; float:right; box-sizing:border-box; padding-left:30px;} .w70 .panel:last-child{ margin-bottom:0;} .order-list-wrap .changeLog .panel-body{padding-bottom: 10px;} .order-list-wrap .changeLog .table {margin-bottom: 6px!important;} .order-list-img{ background:#fff; padding:15px;} .order-list-img ul{ list-style:none; padding:0; margin:0;} .order-list-img li{ color:#999;} .order-list-img li span{ float:right; color:#3d3f42;} .order-list-img li span.caret{ float:none; color:#fff;} .order-list-img li .btn-group:last-child{ float:right;} .order-list-img li img{ margin-bottom:10px;} .order-list-img li b{ color:#3d3f42; font-size:14px;} .order-list-img li .btn-l{ display:inline-block; padding:5px 15px; background:#4ebc73; border-radius:3px; color:#fff;} .order-list-img li .btn-r{ float:right; background:#28bcdc;} .order-list-img li th{ text-align:center; color:#3d3f42; line-height:14px; font-size:14px;} .order-list-img li td{ line-height:14px;} .order-list-img li.line{ height:1px; line-height:1px; background:#f0f0f0; font-size:1px; margin:8px 0;} /* 租程账单 END */ /* 服务跟进记录 */ .service-wrap .panel-body{} .service-left{ box-sizing:border-box; margin-top:15px; padding:15px; position:relative;} .service-left > ul{ padding:0; margin:0; list-style:none;} .service-left > ul > li{ padding:8px 10px 6px; border-bottom:1px solid #e4e5e6; border-left:5px solid #28bcdc} .service-left > ul > li:hover,.service-left > ul > li.active{background: #f5f5f5;} .service-left > ul > li.bd-green{ border-left:5px solid #4dbd74} .service-left > ul > li.bd-red{ border-left:5px solid #f86c6b} .service-left ul li h2{ margin:0; font-size:14px; padding-bottom:3px;} .service-left ul li h2 span{ font-size:12px;} .service-left ul li p{ margin:0;} .service-left .text-center{ padding:10px 25px 10px 10px; border-bottom: 1px solid #e4e5e6;} .service-left .text-center a{ display:block;} i.icon-line{ display:inline-block; width:15px; height:15px; background:url(../../images/2.0/icon-line.png) no-repeat center!important; background-size:100%!important; vertical-align:middle;} i.icon-head{ display:inline-block; width:15px; height:15px; background:url(../../images/2.0/icon-head.png) no-repeat center!important; background-size:100%!important; vertical-align:middle;} .service-left .text-r{ padding-right:25px;} .service-left .text-r span{ display:inline-block; width:12px; height:12px; vertical-align:middle; margin:-1px 5px 0;} .li-blue{ background:#28bcdc;} .li-green{ background:#4dbd74;} .li-red{ background:#f86c6b;} .service-right{ padding:15px; border-bottom:1px solid #e4e5e6;} .service-right table td{ padding:5px 0; border-bottom:1px solid #e4e5e6;} .service-right table tr:last-child td{ border:0;} .service-edit ul{ padding:0; margin:0; list-style:none;} .service-edit ul > li{ border:1px solid #e4e5e6; border-radius:4px; height:40px; line-height:38px; margin-bottom:10px; position:relative;} .service_detail .service-edit{display: block !important;} .service_detail .service-edit ul > li{height: 32px; line-height: 30px;} .service_detail .service-edit ul > li.miaoshu{height: auto;} .service_detail .service-edit ul > li.miaoshu .Label{display: block; width: 100%; border: none; border-bottom: 1px solid #e4e5e6;} .service_detail .service-edit ul > li.miaoshu p{font-size: 12px; padding: 10px;} .service-edit ul li .Label{ display:inline-block; width:70px; text-align:center; background:#f8f9fa; border-right:1px solid #e4e5e6; margin-right:10px; color:#999;} .service-edit ul li i{ margin:12px 10px 0 0;} .service-edit ul li input[type=text]{ border:0; height:36px; line-height:36px; width:80%;} .service-edit ul li label{ margin:0; margin-right:10px;} .service-edit ul li label input{ margin:0; vertical-align:middle;} .service-edit ul li select{line-height: 20px; padding: 3px 20px 3px 5px;} .service-edit ol{ padding:0; margin:0; list-style:none; position:absolute; left:69px; top:40px; z-index:30; width:844px; background:#fff; border:1px solid #e4e5e6; max-height: 200px; overflow: auto;} .service-edit ol li{ padding-left:10px; cursor:pointer;} .service-edit ol li:hover{ background:#f8f9fa;} .select-sg{ cursor:pointer;} .service-edit-long ul li .Label{ width:80px;} .service-edit-long ol{ left:79px; width: 488px;} .service-edit .clearfix{ padding:10px 0;} .starRating .icon-star{ color:#e4e5e6;} .starRating .icon-star.on{ color:#f8cb00;} .starRating .icon-star-half.on{ color:#f8cb00; padding-right:3px;} .service-textarea{ border:1px solid #e4e5e6; border-radius:4px; box-sizing:border-box; padding:10px; height:150px; width:100%; resize:vertical;} .order-list-img .dropdown-menu > li > a{ margin:0;} .modal#serviceLog .service-edit ol{width: 498px;} .service-list{ border-top:1px solid #e4e5e6;} .service-list td{ padding:8px; border-bottom:1px solid #e4e5e6; vertical-align: top;} .service-list .no-bd td{ border-bottom:0;} .service-list .other td{ padding-top:0;} .service-list td.nowrap{ white-space:nowrap;} .service-list td .hover-a{ display:none;} .service-list tr:hover td{ background:#f5f5f5;} .service-list tr.other:hover td{ background:#fff;} .service-list tr:hover td .hover-a{ display: inline-block;} .service-list tr:hover td .hover-time{ display:none;} .service-list td p{ margin:0;} .service-list td i{ color:#d1d4d7;} .btn-down-r{ display:inline-block; white-space:nowrap; border:1px solid #ebebeb; background:#f7f7f7; padding:4px 15px; box-sizing:border-box; position:relative;} .btn-down-r .pa{ position:absolute; right:-1px; top:28px; width:6px; height:6px; display:inline-block; background: url(../../images/2.0/icon-down-r.png) no-repeat;} /* 事故处理 */ .accident-bg{ background:#fafafa;} .accident-wrap .panel-body{} .accident-wrap table.table{ margin:0!important;} .accident-wrap .wizard-title li{width: auto;} .accident-wrap .panel-default > .panel-heading .badge{ background:#d1d4d7; color:#3d3f42; margin:0 5px; font-weight:normal;} .accident-wrap .nav-pills > .active > a > .badge{ background:#20a8d8; color:#fff;} .accident-detail table.table{ float:left; width:50%; box-sizing:border-box; clear:none;} .accident-detail table.table:last-child{ border:1px solid #f0f0f0; background:#fafafa;} .accident-detail input.form-control.inline{width: 190px;} .table-dashed{ outline:1px dashed #ccc} .hide-td{ display:none;} .accident-wrap .panel-heading .fr{ margin-top:8px;} .accident-wrap table.table td td{ border:0;} /* 驾客续租 */ .continue-box input.form-control.inline{ padding:0 25px 0 12px; height:20px; line-height:20px; text-align:right;} .continue-box th input.form-control.inline{ font-weight:normal;} .continue-box td span.icon-calendar:before{ content:"元";} .continue-list-wrap .panel-body{ padding:0 15px; margin:0;} .continue-list-wrap .table-res tr td:nth-child(2){ text-align:left;} .continue-list-wrap .table-res:first-child td{ background:none;} .continue-list-wrap .table-res tr:nth-child(odd) td{ background:#f8f9fa;} .continue-list-wrap .table-res tr:hover td{ background:#F5F5F5;} .order-list-wrap .table:first-child tr:last-child td.t-c{ text-align:center; background:#fafafa;} .continue-list-wrap .continue-box select{padding: 0 20px 0 5px; height: 22px;} /* select 侧边带A~Z字母 Start */ .styled-select-container{position:relative;text-align:left;vertical-align:50%;display:block;} .styled-select-container .text{border-radius:2px;border:1px solid #d1d4d7;font-size:13px;padding:3px 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:none;display:block;min-width:40px;height:28px;line-height:26px;background:#FFF;padding-right:0;overflow:hidden;padding-top:1px;text-overflow:ellipsis;z-index:1;} .styled-select-container .text:disabled{background:#F8F8F8;border:1px solid #E2E2E2;color:#999999;} .styled-select-container .text:disabled:hover{-webkit-box-shadow:none;box-shadow:none;} .styled-select-container .text.error{border:1px solid #d0493b;} .styled-select-container .text:focus{outline:none;border:1px solid #28bcdc;} /*.styled-select-container .text:hover{-webkit-box-shadow:0px 1px 0px rgba(145,146,138,0.5);box-shadow:0px 1px 0px rgba(145,146,138,0.5);}*/ .styled-select-container .text::-webkit-input-placeholder{color:#a3a39d;} .styled-select-container .text:-moz-placeholder{/* Firefox 18- */color:#a3a39d;} .styled-select-container .text::-moz-placeholder{/* Firefox 19+ */color:#a3a39d;} .styled-select-container .text:-ms-input-placeholder{color:#a3a39d;} .styled-select-container .text:after{content:" ";float:right;margin-top:9px;background-size:160px 320px;height:18px;width:18px;background-repeat:no-repeat;background-image:url('../../images/2.0/sprites.v20.png');background-color:transparent;background-position:-101px -81px;width:15px;margin-left:5px; position: absolute; right: 0; top: 0;} @media (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(min-resolution:1.5dppx){ .styled-select-container .text:after{background-image:url('../../images/2.0/sprites.v20.png');} } .styled-select-container .text.placeholder{color:#a3a39d;} .styled-select-container .text[disabled]{background: #e4e5e6; cursor: not-allowed;} .styled-select-container select{position:absolute;line-height:24px;margin:0;-webkit-appearance:none;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);width:100%;padding-top:5px;padding-bottom:5px;z-index:3;} .styled-select-container select:focus ~ .text{outline:none;border:1px solid #28bcdc;} .styled-select-container select:hover ~ .text{-webkit-box-shadow:0px 1px 0px rgba(145,146,138,0.5);box-shadow:0px 1px 0px rgba(145,146,138,0.5);} .styled-select-container select[disabled] ~ .text{background:#F8F8F8;border:1px solid #E2E2E2;color:#999999;-webkit-box-shadow:none;box-shadow:none;} .styled-select-container select[disabled] ~ .text:after{opacity:0.5;} .styled-select-container select.error ~ .text{border:1px solid #d0493b;} /*车牌*/ .zcfcbox{position:absolute;left:0;top:35px;width:160px;border:1px solid #ccc;background-color:#fff; font-size:12px; z-index:100; box-sizing: content-box;} .h350{height:360px;} .pinpzm{width:24px;float:left;border-right:1px solid #e7e7e7;background-color:#fbfbfb;padding-top:4px;padding-left:4px;padding-bottom:4px;box-sizing: content-box;} .pinpzm div a{width:20px;height:16px;line-height:16px;text-align:center;color:#999;display:block;} .pinpzm div a:hover{text-decoration:none;background-color:#2db6f5;color:#fff !important;} .pinpzm div a:link, .pinpzm div a:visited {text-decoration:none;color:#888;} .pinpzm div.on a:link, .pinpzm div.on a:visited, .pinpzm div.on a:hover{ text-decoration:none;background-color:#2db6f5;color:white;} .pinpzm div.on a{ width:20px;height:16px;line-height:16px;background-color:#2db6f5;color:white;} .pinp_rit{width:126px;float:left;height:360px;padding-left:5px;overflow-y:hidden; box-sizing: content-box;} .pinp_main{height:360px; overflow-y:auto;} .pinp_main_zm{border-top:1px solid #e7e7e7;margin-top:-1px;margin-right:4px;padding:3px 0;font-size:12px;} .pinp_main_zm>p{margin-bottom: 0;} .pinp_main_zm a.on, .pinp_main_zm a.on:link, .pinp_main_zm a.on:visited, .pinp_main_zm a.on:hover{text-decoration:none;background-color:#2db6f5;color:white;} .pinp_main_zm a{height:24px;line-height:24px;overflow:hidden;display:block;padding:0 5px; color:black;} .pinp_main_zm a:hover{text-decoration:none;color:#fff;background-color:#2db6f5;} /*车系*/ .cxtit{height:29px;line-height:29px;overflow:hidden;border-bottom:1px solid #e7e7e7;background-color:#fdfdfd;color:#999;font-size:12px;font-weight:bold;text-align:center} .h330{height:330px;overflow-y:hidden;padding-left:5px} .cxmian{height:330px;overflow-y:auto;} .pinp_main_zm i{font-weight:bold;color:#333;font-style:normal;line-height:24px;} /* select 侧边带A~Z字母 END */ /*优惠劵*/ .apply-wrap .form-control-part label{ margin-right:10px;} .apply-wrap .dropdown-menu{ left:auto; right:0; padding:10px;} .apply-wrap .table th a{ color:#444;} .panel-heading .btn-default:hover,.panel-heading .btn-default.disabled,.panel-heading .btn-default[disabled]{ background:#f1f1f1;} .panel-heading .btn-default,.panel-heading .btn-primary,.panel-heading .btn-secondary,.panel-heading .btn-tertiary,.panel-heading .btn-success,.panel-heading .btn-info,.panel-heading .btn-warning,.panel-heading .btn-danger{ box-shadow:none;} .out-table{ position:relative; cursor:pointer; display: inline-block; min-width: 90px;} .out-table .icon-caret-down:before{ content:"\f0d7";} .out-table.hover .icon-caret-down:before{ content:"\f0d8";} .out-table .pr{ position:relative;} .out-table .pa-title{ position:absolute; left:130px; top:-23px;} .out-table .pa-title .icon-caret-up{ font-size:18px; color:#1985ac;} .out-table .pa{ position:absolute; left:-120px; top:25px; border:1px solid #1985ac; padding:10px; background:#fff; width:300px; z-index:600;box-shadow: 2px 2px 5px #888; display:none; cursor:default;} .out-table.alignR .pa{left: auto; right: 0;} .out-table.alignR.onlyArrow .pa{right: -28px;} .out-table.alignR .pa-title{left:auto; right: 20px;} /*租程评价*/ .comments-list{ margin-bottom:10px;} .comments-title{ height:34px; line-height:34px; font-size:14px;} .comments-title .fr{ display:inline-block; width:20px; background: url(../../images/2.0/icon-edit.png) no-repeat center; height:34px;} .comments-img{ border-bottom:1px solid #e4e5e6; border-top:1px solid #e4e5e6; padding:10px 0;} .comments-img .fl{ width:50%;} .comments-img img{ float:left; margin-right:10px;} .comments-img *{ margin:0;} .comments-img h2{ padding:8px 0;} .comments-img p{ color:#a6a6a6;} .comments-img .fr{ color:#a6a6a6; padding-top:20px;} .comments-con{ padding:10px 0;} .comments-con ul,.comments-star ul{ list-style:none; padding:0; margin:0;} .comments-con ul li{ line-height:30px; float:left; width:50%; padding:10px; box-sizing:border-box; border-left:6px solid #e4e5e6;} .comments-con ul li:nth-child(even){ border-width:1px;} .comments-con textarea{ border:1px solid #d5d5d5; border-radius:5px; padding:5px 10px; height:80px; width:100%; box-sizing:border-box; margin-bottom:10px; font-size:12px; resize: vertical;} .comments-con .tr{ text-align:right; padding-bottom:10px;} .comments-star .star{ display:inline-block; height:30px; line-height:30px; vertical-align:middle; padding:0 10px;} .comments-star .star span{ background: url(../../images/2.0/icon-star.png) no-repeat; background-size:100%; display:inline-block; width:30px; height:30px;} .comments-star .star span.select{ background: url(../../images/2.0/icon-star-on.png) no-repeat; background-size:100%;} .comments-star .star-hover span{ cursor:pointer;} .comments-star .star-hover span.hover{ background: url(../../images/2.0/icon-star-on.png) no-repeat; background-size:100%;} .color-yellow{ color:#f8cb00;} .comments-table{ padding:10px 0 20px;} .comments-table td{ padding:3px 0;} .comments-table tr:first-child td:nth-child(2){ border-left:1px solid #e4e5e6;} .comments-table table.inTable tr td:nth-child(2){border-left: none;} .comments-table .f50{ text-align:center; vertical-align:middle;} .comments-table .f50 b{ font-size:30px; font-weight: normal; color:#4ebc73; line-height:54px; vertical-align:middle;} .comments-table .f50 p{ color:#a6a6a6; margin:0;} .comments-table .progressbar{ margin-right:20px;} .comments-table ul,.comments-table li{ list-style:none; margin:0; padding:0;} .comments-table .comments-star{ display:inline-block;} .comments-star b{ font-size:16px; font-weight:normal; line-height:30px;} .comments-list-wrap .comments-list{ margin-bottom:0;} .comments-list-wrap .comments-con p{ margin-bottom:0;} .comments-img h2 .comments-star{ display:inline-block;} .comments-img h2 .comments-star .star{ height:14px; line-height:14px;} .comments-img h2 .comments-star .star span{ height:14px; width:14px;} .comments-img h2 .color-yellow{ color:#555; font-size:12px;} .comments-list-wrap .pagination-wrap{ padding:20px 0; border-top:1px solid #e4e5e6;} .comments-table .color-yellow{} .comments-table .comments-star b{ font-size:12px;} .comments-table .comments-star .star{ margin-top:-4px;} .comments-table .comments-star .star{ height:14px; line-height:14px;} .comments-table .comments-star .star span{ height:14px; width:14px; line-height:14px;} .comments-table tr:first-child td:last-child.f50 b{ color:#f8cb00;} .PANE1 .comments-table .f50 b.numCi{ color:#4ebc73 !important;} .PANE2 .comments-table .f50 b.numCi{ color:#20a8d8 !important;} /*收藏关注*/ .collection-wrap .car-list-img li h2{ padding:0; margin-bottom:5px;} .collection-wrap .car-list-img li .color-orange{ margin-top:5px;} /*用户增信*/ .sg-edit .credit-results .topBox .userPic{ width:70px;} .sg-edit .credit-results .topBox .userPic img{ height:70px;} .sg-edit .credit-results .id_city{ width:10em;} /*行程记录*/ .driving-record-wrap .out-table .pa-title{ left:auto; right:25px;} .driving-record-wrap .out-table .pa{ width:250px; left:auto; right:0;} .mb0{ margin-bottom:0;} .text-r{ text-align:right;} .table th select{ color:#3d3f42;} /*财务资产 改*/ .money-wrap .toggle-arrow{ position:absolute; right:0; top:0;} @media screen and (max-width: 1199px){ .sg-edit .credit-grade dl:last-child{ margin-left:500px;} .sg-edit .credit-results .topBox .userPic{ width:60px;} .sg-edit .credit-results .topBox .userPic img{ height:60px;} .sg-edit .credit-results .id_city{ width:8em;} .service-right ol{ width:629px;} } /*- 新：Member Overview Start -*/ .member-overview-wrapV2{position: relative;} .member-overview-headV2{background: #63c2de; color: #fff; position: relative; margin-bottom: 15px;} .member-overview-headV2 .blacklist{position: absolute; right: 0; top: 0; background: url(../../images/2.0/sprites_v1.png) no-repeat; background-position: -284px -470px; width: 98px; height: 98px;} .member-overview-headV2 table.table{margin: 0 !important;} .member-overview-headV2 .table td{padding: 15px 0;} .member-overview-headV2 .user_pic { width: 110px; height: 110px; border-radius: 500px; overflow: hidden; border: 2px solid #fff; float: left; margin-left: 25px;} .member-overview-headV2 .user_pic img { width: 100%; } .member-overview-headV2 .user-name{font-size: 16px; margin-right: 5px;} .member-overview-headV2 .phone-number{margin-right: 5px;} .member-overview-headV2 .phone-number i{font-size: 18px; color: #fff;} .member-overview-headV2 .user-sex{font-size: 16px; margin-right: 5px;} .member-overview-headV2 .basic-status>div{margin-bottom: 8px;} .icoiOS,.icoAndroid,.icoPC{display: inline-block; width: 18px; height: 18px; background-image: url(../../images/2.0/sprites_v1.png); background-repeat: no-repeat;} .icoiOS{background-position: 0 -470px;} .icoAndroid{background-position: -30px -470px;} .icoPC{background-position: -60px -470px;} .member-overview-headV2 .basic-status .micon{position: relative; top:2px;} .member-overview-headV2 .basic-status .member-overview-headV2 .verify-state{margin-bottom: 0;} .member-overview-headV2 .verify-state .driver,.member-overview-headV2 .verify-state .owner{display: inline-block; border: 1px solid #fff; padding: 2px 12px; background: #f8cb00; margin-right: 5px; border-radius: 3px; color: #fff; text-decoration: none;} .member-overview-headV2 .verify-state .driver.pass,.member-overview-headV2 .verify-state .owner.pass{background: #4ebc73;} .member-overview-headV2 .identity-cg{display: inline-block; cursor: pointer;} .member-overview-headV2 .identity-cg .driver,.member-overview-headV2 .identity-cg .owner{width: 147px; height: 46px; display: none; font-size: 16px; line-height: 46px; text-align: center;} .member-overview-headV2 .identity-cg .driver{background: url(../../images/2.0/sprites_v1.png) no-repeat; background-position: 0 -578px; padding: 0 5px 0 46px;} .member-overview-headV2 .identity-cg .owner{background: url(../../images/2.0/sprites_v1.png) no-repeat; background-position: -160px -578px; padding: 0 46px 0 5px;} .member-overview-headV2 .identity-cg .driver.active,.member-overview-headV2 .identity-cg .owner.active{display: block;} .task-panel{position: absolute; left: 0; top: 0; z-index: 4; width: 100%;} .alarm-btn{width: 107px; height: 49px; line-height: 49px; background: #4ea6c0; margin: 0 auto; border-radius: 0 0 10px 10px; box-shadow: 0 1px 3px #777; text-align: center; color: #fff; font-size: 21px; cursor: pointer;} .alarm-btn.new{background: #f8cb00;} .icoAlarm{display: inline-block; background: url(../../images/2.0/sprites_v1.png) no-repeat; background-position: -260px -140px; padding-left: 25px; height: 22px; line-height: 22px;} .alarm-btn .icoAlarm{position: relative; top: 2px;} .verifyBasic-status{margin-bottom: 15px;} .verifyBasic-status .panel{margin-bottom: 0;} .verifyBasic-status .panel.panel-default .panel-heading{background: #fff;} .verifyBasic-status .panel-body{padding: 10px;} .verifyBasic-status .appr3{margin-bottom: 0;} .verifyBasic-status .appr3 .appr{height: 100px;} .verifyBasic-status .appr3 .appr h4{margin-bottom: 10px;} .orderBasic-status{background: #fff; margin-bottom: 20px; position: relative;} .orderBasic-status .orderBasicWrap{display: table; width: 100%; min-height: 150px; background: #fafafa; box-shadow: 0 1px 3px #ddd inset; display: none;} .orderBasic-status .orderBasicWrap:first-child{display: table; box-shadow: none;} .orderBasic-status .orderBasicinfo{display: table-cell; vertical-align: middle; padding: 10px;} .orderBasicinfo h2{font-size: 14px; margin-bottom: 7px; font-weight: bold;} .orderBasicinfo h3{font-size: 14px; margin-bottom: 7px;} .orderBasicinfo h3 a{color: #3d3f42;} .orderBasicinfo .carTime{font-size: 14px; color: #a6a6a6;} .orderBasicinfo .detailBtn{padding-top: 10px;} .orderBasicinfo .detailBtn .btn-default{background: none; padding: 5px 20px;} .orderBasic-status .orderStatus{display: table-cell; vertical-align: middle; border-left: 1px dashed #e4e5e6; padding: 10px;} .orderBasic-status .step-area-wrap{height: auto; padding: 60px 0 0;} .orderBasic-status .step-area{height: 65px;} .orderBasic-status .step-area li{border-width: 3px; border-color: #d5d5d5;} .orderBasic-status .step-area li.now{border-color: #28bcdc;} .orderBasic-status .step-area li.pass{border-color: #4ebc73;} .orderBasic-status .step-area li:first-child{width: 30px;} .orderBasic-status .step-area li:last-child{width: 30px;} .orderBasic-status .step-area li .step-by{top: -7px; width: 150px; left: -75px;} .orderBasic-status .step-area li .num{width: 16px; height: 16px; line-height: 16px; background: #d6d7d8;} .orderBasic-status .step-area li.now .num{background: #28bcdc;} .orderBasic-status .step-area li.pass .num{background: #4ebc73;} .orderBasic-status .step-area li .step-name{color: #a6a6a6;} .orderBasic-status .step-area li.now .step-name{font-size: 12px; font-weight: normal;} .orderBasic-status .tishi{position: absolute; bottom: 20px; left: 0px; margin-left: -170px; border: 1px solid #63c2de; background: #eff9fc; color: #63c2de; font-size: 13px; padding: 5px 10px; width: 170px;} .orderBasic-status .tishi .tishi_cornerArrow{position: absolute; right: -1px; bottom: -12px; background: url(../../images/2.0/tishi_cornerArrow.png) no-repeat left top; display: block; width: 13px; height: 20px;} .sectionFoot{position: absolute; bottom: -11px; width: 100%; cursor: pointer;} .sectionFoot:after {content: ""; display: block; border-bottom: 1px solid #fff; margin: 3px 15px;} .sectionFoot:before {content: ""; display: block; border-bottom: 1px solid #fff; margin: 3px 6px;} .sectionFoot .arrowBtn{position: absolute; left: 50%; top: 0; margin-left: -0.5em; display: inline-block; background-color: #e4e5e6; color: #63c2de; font-size: 18px; width: 1em; text-align: center; line-height: 1em;} .sectionFoot .arrowBtn i{position: relative; top: -2px;} .sectionFoot.open .arrowBtn i:before {content: "\f0d8";} .serviceBasic-status{margin-bottom: 15px; background: #fff;} .serviceBasic-status .panel{margin-bottom: 0;} .serviceBasic-status .panel.panel-default .panel-heading{background: #fff;} .serviceBasic-status .panel-body{padding: 0 15px 15px;} .serviceBasic-status .service-list tr:hover td .hover-time{display: inline;} .member-overview-wrapV2 .col-box{background: #fff; margin-bottom: 15px; margin-right: 0; margin-left: 2%;} .member-overview-wrapV2 .col-box:first-child{margin-left: 0;} .col-box2 .col-box{width: 49%; margin-right: 0; margin-left: 2%;} .col-box2 .col-box:first-child{margin-left: 0;} .col-box2.no-space .col-box{width: 50%; margin-left: 0;} .col-box4 .col-box{width: 23.5%;} .member-overview-wrapV2 .col-box4 .col-box{margin-left: 2%;} .member-overview-wrapV2 .col-box4 .col-box:first-child{margin-left: 0;} .financialBasic-status{padding: 10px; font-size: 14px; min-height: 271px; position: relative;} .financialBasic-status .showHide{cursor: pointer;} .financialBasic-status .showHide.eye-close{display: none;} .financialBasic-status.open .showHide.eye-open{display: none;} .financialBasic-status.open .showHide.eye-close{display: inline-block;} /*.financialBasic-status .finance-summary2 .part-open{min-height: 125px; line-height: 125px; color: #a6a6a6;}*/ .financialBasic-status .finance-summary2 .part-close{display: none;} .financialBasic-status.open .finance-summary2 .part-open{display: none;} .financialBasic-status.open .finance-summary2 .part-close{display: inline;} .financialBasic-status .title{font-size: 14px;} .financialBasic-status .tishi{position: absolute; right: 10px; top: 10px; display: inline-block; font-size: 26px; color: #28bcdc;} .financialBasic-status .mTitle{font-size: 14px; margin-bottom: 5px;} .financialBasic-status .amount{font-size: 34px; line-height: 1.2em; margin-bottom: 5px;} .financialBasic-status .accountAmount{margin-bottom: 10px;} .financialBasic-status .totalAmount{margin-bottom: 10px;} .financialBasic-status .detailBtn{margin-bottom: 10px; padding-top: 25px;} .financialBasic-status .detailBtn .btn{background: none; padding: 5px 20px;} .financialBasic-status .bankAccounts{} .financialBasic-status .bankAccounts .micon{vertical-align: middle;} .icoCar,.icoCoupon,.icoRecommend,.icoRent,.icoLeasing,.icoLongrent,.icoFavorite,.icoBankcard{background-image: url(../../images/2.0/sprites_v1.png); background-repeat: no-repeat; display: inline-block; width: 27px; height: 24px;} .icoCar{background-position: 0 -490px;} .icoCoupon{background-position: -30px -490px;} .icoRecommend{background-position: -60px -490px;} .icoRent{background-position: -90px -490px;} .icoLeasing{background-position: -120px -490px;} .icoLongrent{background-position: -150px -490px;} .icoFavorite{background-position: -180px -490px;} .icoBankcard{background-position: -290px -140px; width: 22px; height: 16px;} .bizBasic-status{padding: 10px;} .bizBasic-status table.table{margin: 0 !important;} .bizBasic-status table.table tbody>tr>td,.bizBasic-status table.table tbody>tr>th{padding: 8px 0;} .bizBasic-status table.table tbody>tr:first-child>td{border: none;} .bizBasic-status table.table a{color: #a6a6a6;} .bizBasic-status table.table .tit a{color: #3d3f42;} .bizBasic-status .micon{margin-top: -5px; vertical-align: middle;} .otherBasic-status{} .otherBasic-status .col-box{background: #f8f9fa; padding: 5px; position: relative;} .otherBasic-status .icoArea{position: absolute; left: 10px; top: 18px;} .icoViolation,.icoAccident,.icoBacktrack,.icoResponse{background-image: url(../../images/2.0/sprites_v1.png); background-repeat: no-repeat; display: inline-block; width: 29px; height: 30px;} .icoViolation{background-position: 0 -520px;} .icoAccident{background-position: -40px -520px;} .icoBacktrack{background-position: -80px -520px;} .icoResponse{background-position: -120px -520px;} .otherBasic-status .infoArea{margin-left: 45px; text-align: center; border-left: 1px solid #e4e5e6; font-size: 13px; color: #a6a6a6;} .otherBasic-status .infoArea .num{font-size: 32px; color: #999; line-height: 1.2em; display: block;} .ratingBasic-status{} .ratingBasic-status .col-box2 .col-box:first-child{border-right: 1px solid #e4e5e6;} .ratingBasic-status .ratingArea{padding: 15px 10px;} .ratingBasic-status h2{font-size: 14px; margin-bottom: 15px;} .ratingBasic-status .ratingNum{margin-bottom: 15px;} .ratingBasic-status .ratingNum .table td{width: 33.33333%; text-align: center; color: #a6a6a6;} .ratingBasic-status .ratingNum .table .num{display: block; font-size: 29px; line-height: 1.2em; background: none; color: #3d3f42;} .totalRatingArea{text-align: center;} .totalRatingArea h3{display: inline-block; font-size: 22px; margin-bottom: 0; line-height: 29px; margin-right: 10px;} .totalRatingArea .starBox{display: inline-block; vertical-align: middle; margin-top: -5px; margin-right: 20px;} .totalRatingArea .starBox .star span{color: #e4e5e6; font-size: 28px;} .totalRatingArea .totalNum{font-size: 22px; color: #f8cb00;} /*- 新：Member Overview END -*/ /*- 新：Member 认证情况 Start -*/ .member-verification-head{background: #63c2de; height: 143px; color: #fff; margin-bottom: 20px;} .member-verification-head .basic-info{float: left; padding: 18px 0 0 26px;} .member-verification-head .basic-info .user_pic{width: 110px; height: 110px; border-radius: 500px; overflow: hidden; border: 2px solid #fff; float: left;} .member-verification-head .basic-info .user_pic img{width: 100%;} .member-verification-head .credit-points{float: left; width: 276px; margin: 19px 0 0 10px;} .member-verification-head .credit-points .user-name{font-size: 16px; line-height: 1.6em; margin-bottom: 7px;} .credit-points .points-line{} .credit-points .points-line ul{list-style: none; margin: 0; padding: 0;} .credit-points .points-line li{width: 90px; margin-right: 2px; float: left; height: 12px; background: #fff; position: relative;} .credit-points .points-line li .overlay{position: absolute; height: 12px; display: block; background: url(../../images/2.0/credit-line.png) repeat-x;} .member-verification-head .credit-points .points-text{margin-top: 5px;} .member-level{text-align: center; float: right; border: 1px solid #fff; border-radius: 5px; padding: 12px 25px; margin: 30px 35px 0 0;} .memberType{font-size: 14px; line-height: 1.4em; margin-bottom: 5px;} .starBox .star{ display:inline-block; vertical-align:middle;} .starBox .star span{ display:inline-block; font-size: 30px; color: #fff;} .starBox .star span.select{color: #f9d533;} .appr3{border: 1px solid #d1d4d7; display: table; width: 100%; margin-bottom: 15px;} .appr3 .appr{width:33.3333%; border-left:1px solid #d1d4d7; display: table-cell;vertical-align: middle; height: 130px;} .appr:hover{background: #fafafa;} .appr3 .appr:first-child{border-left:none;} .appr .icoAppr{background-image:url(../../images/2.0/sprites_v1.png); float:left; width:75px; height:75px; margin-left:24px; margin-right:18px;} .appr.idAppr .icoAppr{background-position:0 -385px;} .appr.drivAppr .icoAppr{background-position:-90px -385px;} .appr.credAppr .icoAppr{background-position:-180px -385px;} .appr.idAppr.pass .icoAppr{background-position:0 -305px;} .appr.drivAppr.pass .icoAppr{background-position:-90px -305px;} .appr.credAppr.pass .icoAppr{background-position:-180px -305px ;} .appr3 .appr h4{font-size:16px; color:#333; margin:5px 24px 13px 0; text-align: right;} .appr .yn{line-height:17px; font-size:13px; color:#888; text-align: right; margin-right: 24px; margin-bottom: 7px;} .appr .yn .ico{background-image:url(../../images/2.0/sprites_v1.png); display: inline-block; margin-right: 5px; width:17px; height:17px; background-position:-228px -104px; vertical-align:text-bottom;} .appr.pass .yn .ico{background-position:-228px -34px;} .appr.inAppr .yn .ico{background-position:-228px -64px;} .appr .yn .dropdown{display: inline-block;} .appr .yn .dropdown-menu{left: auto; right: 0;} .arrowDown_btn{border: 1px solid #ddd; display: inline-block; line-height: 12px; height: 14px; width: 14px; text-align: center; margin-left: 3px;} .active .arrowDown_btn .icon-angle-down:before{content: "\f106";} .appr .wecashVerify{color: #888; text-align: right; margin-right: 24px;} .appr .out-table .pa{padding: 0; text-align: left; width: 250px;} .appr .out-table.alignR .pa{right: -10px;} .appr .out-table .pa .table{margin: 0 !important;} .appr .out-table .pa .table td{padding: 5px 8px;} .appr .out-table .pa .table tbody tr:first-child td{border: none;} .appr .out-table .pa-title{top: -13px; right: 35px;} @media screen and (max-width: 1199px){ .appr .icoAppr{margin-left: 15px;} .appr3 .appr h4,.appr .yn,.appr .wecashVerify{margin-right: 15px;} } .apprOther{border: 1px solid #d1d4d7; border-bottom: none; margin-bottom: 15px;} .apprOther .appr{border-bottom: 1px solid #d1d4d7; position: relative; padding: 10px 15px;} .apprOther .appr:after{clear: both; display: table; content: "";} .apprOther .appr .icoAppr{width: 50px; height: 50px; margin-left: 0; margin-right: 10px;} .apprOther .appr.phoneAppr .icoAppr{background-position: 0 -240px;} .apprOther .appr.emailAppr .icoAppr{background-position: -60px -240px;} .apprOther .appr.avatarAppr .icoAppr{background-position: -120px -240px;} .apprOther .appr.meetAppr .icoAppr{background-position: -180px -240px;} .apprOther .appr.estateAppr .icoAppr{background-position: -240px -240px;} .apprOther .appr.jobAppr .icoAppr{background-position: -300px -240px;} .apprOther .appr.phoneAppr.pass .icoAppr{background-position: 0 -180px;} .apprOther .appr.emailAppr.pass .icoAppr{background-position: -60px -180px;} .apprOther .appr.avatarAppr.pass .icoAppr{background-position: -120px -180px;} .apprOther .appr.meetAppr.pass .icoAppr{background-position: -180px -180px;} .apprOther .appr.estateAppr.pass .icoAppr{background-position: -240px -180px;} .apprOther .appr.jobAppr.pass .icoAppr{background-position: -300px -180px;} .apprOther .apprR{padding-right: 100px;} .apprOther .apprR h4{margin-bottom: 0; font-size: 16px; line-height: 1.4em; padding-top: 5px;} .apprOther .appr .yn{position: absolute; right: 0px; top: 26px;} .icoCoin{background-image:url(../../images/2.0/sprites_v1.png); display: inline-block; width: 15px; height: 18px; background-position: -230px -140px; margin: 0 3px; position: relative; top: 3px;} .baojiaCredit{border-bottom: 1px solid #eee;} .baojiaCredit .comments-table td{font-size: 13px;} .baojiaCredit .progressbarTD{width: 360px;} .baojiaCredit .comments-table .progressbar{height: 15px;} .baojiaCredit .progressbar .ui-progressbar-value{line-height: 15px;} .baojiaCredit .comments-table tr:first-child td:last-child{border-left: none;} .baojiaCredit .comments-table tr:first-child td:nth-child(2){border: none;} .baojiaCredit .percent{padding-right: 25px; width: 50px;} .baojiaCredit .comments-table .f50{border-left: 1px solid #e4e5e6; text-align: left; padding-left: 25px;} .baojiaCredit .comments-table .f50>div{display: inline-block; text-align: center;} .baojiaCredit .comments-table .f50 b{color: #63c2de;} .unionCredit{} .unionCredit .progressbarTD{width: 343px;} .unionCredit .creditGrade{} .unionCredit .creditGrade li{background: #cceefb; float: left; width: 20%; height: 15px; position: relative;} .unionCredit .creditGrade li:after{content: ""; height: 15px; width: 3px; display: block; position: absolute; right: 0; top: 0; background: #fff;} .unionCredit .creditGrade li:nth-child(1){background: #00aced;} .unionCredit .creditGrade li:nth-child(2){background: #33bdf1;} .unionCredit .creditGrade li:nth-child(3){background: #66cdf4;} .unionCredit .creditGrade li:nth-child(4){background: #99def8;} .unionCredit .creditGrade.gradeA li:nth-child(1), .unionCredit .creditGrade.gradeA li:nth-child(2), .unionCredit .creditGrade.gradeA li:nth-child(3), .unionCredit .creditGrade.gradeA li:nth-child(4), .unionCredit .creditGrade.gradeA li:nth-child(5){background: #00aced;} .unionCredit .creditGrade.gradeB li:nth-child(1), .unionCredit .creditGrade.gradeB li:nth-child(2), .unionCredit .creditGrade.gradeB li:nth-child(3), .unionCredit .creditGrade.gradeB li:nth-child(4){background: #00aced;} .unionCredit .creditGrade.gradeC li:nth-child(1), .unionCredit .creditGrade.gradeC li:nth-child(2), .unionCredit .creditGrade.gradeC li:nth-child(3){background: #00aced;} .unionCredit .creditGrade.gradeD li:nth-child(1), .unionCredit .creditGrade.gradeD li:nth-child(2){background: #00aced;} .unionCredit .creditGrade.gradeE li:nth-child(1){background: #00aced;} .unionCredit .gradeValue{width: 30px; padding-left: 10px;} .unionCredit .rentableValue{display: inline-block; background: #C3EFFC; padding: 7px 40px; border-radius: 10px;} .unionCredit .rentableValue .value{font-size: 34px; line-height: 1.1em; color: #00aced;} .unionCredit .comments-table tr:first-child td:last-child{border: none;} .unionCredit .comments-table tr:first-child td:nth-child(2){border: none;} @media screen and (max-width: 1199px){ .baojiaCredit .progressbarTD{width: 250px;} .unionCredit .progressbarTD{width: 236px;} } /*- 新：Member 认证情况 END -*/ /*互动评价 */ .comments-message .bankAccounts-head{ margin-bottom:10px;} .comments-message table td{ padding:10px; background:#f5f5f5; border-top:1px solid #e4e5e6;} .comments-message>ul>li{ padding:10px 10px 10px 76px; position:relative; border-top:1px solid #e4e5e6; border-bottom:1px solid #e4e5e6; min-height:64px;} .comments-message>ul>li:last-child{ border:0;} .comments-message>ul>li:first-child{ border-top:1px solid #e4e5e6; border-bottom:1px solid #e4e5e6;} .comments-message>ul>li:hover{ background:#f5f5f5;} .comments-message ul,.comments-message li{ list-style:none; padding:0; margin:0;} .comments-message>ul>li .pa{ position:absolute; left:10px; top:13px;} .comments-message>ul>li .pa img{ border-radius:50%;} .comments-message .comments-star b{ font-size:12px; line-height:normal;} .comments-message .comments-star .star{ height:14px; line-height:14px; margin-top:-4px;} .comments-message .comments-star .star span{ width:14px; height:14px; line-height:14px;} .comments-message p{ margin:0; height:24px;} .comments-message>ul>li .clearfix:last-child .pull-right{} .comments-message>ul>li:hover .clearfix:last-child .pull-right{} .comments-message>ul>li .comments-up{ position:absolute; left:23px; top:-13px;} .comments-message>ul>li .comments-up2{ position:absolute; left:23px; top:-20px; display:none;} .comments-message>ul>li:hover .comments-up{ display:none;} .comments-message>ul>li:hover .comments-up2{ display: inline-block;} .comments-message>ul>li.shielding{ color:#ddd;} .comments-message>ul>li.shielding .clearfix:last-child .pull-right{ display:inline-block;} .comments-message>ul>li.shielding .color-gray{ color:#ddd;} .comments-message>ul>li.shielding .clearfix:last-child .pull-right a:hover{ color:#1985ac;} /* 订单管理 */ .order-admin-wrap .table-striped > tbody > tr:nth-child(2n+1) > td,.order-admin-wrap .table-striped > tbody > tr:nth-child(2n+1) > th{ background:#fcfcfc;} .order-admin-wrap .table, .order-admin-wrap .table thead > tr > th, .order-admin-wrap .table tbody > tr > th, .order-admin-wrap .table tfoot > tr > th, .order-admin-wrap .table thead > tr > td, .order-admin-wrap .table tbody > tr > td, .order-admin-wrap .table tfoot > tr > td{ border-color:#f6f6f6; vertical-align:middle;} .order-admin-wrap .table td.color-gray{ padding-top:15px;} .order-admin-wrap .table .first-tr td{ color:#999;} .order-admin-wrap .tips{ color:#1985ac;} /* 服务点管理 - 车源托管 Start */ .service-point-list{} .bindingCar input.form-control.inline{width: 100px; padding: 2px 12px;height: 26px;} .service-point-add-wrap .cityWrap .select2_wrap{float: left; width: 48%;} .service-point-add-wrap .cityWrap .select2_wrap:first-child{margin-right: 4%;} .service-point-add-wrap .select2_wrap .select2-container .select2-choice{height: 34px; line-height: 34px;} .service-point-add-wrap .mapWrap{border: 1px solid #d1d4d7; background: #eee;} .service-point-inout-wrap .uploadedPic{width: 70px; height: 30px; text-align: center; margin: 0;} .service-point-inout-wrap .uploadedPic img{height: 30px; max-width: 70px;} .hostingCar-attach-wrap{} .contract-detail-wrap .table-head{padding: 15px 0 8px;} .queryMerge-body{padding: 15px; border-top: 1px solid #ddd;} .table label{margin-bottom: 0;} /* 服务点管理 - 车源托管 END */ /* 车型匹配 Start */ .carModelMatch-wrap .widget{border: 1px solid #ddd;} .carModelMatch-wrap .widget-header{text-align: center;} .carModelMatch-wrap .matchQuery{padding-top: 10px;} .carModelMatch-wrap .widget.widget-table .matchQuery .table tr td:first-child{padding-left: 10px;} .carModelMatch-wrap .widget.widget-table .matchQuery .table tr td:last-child{padding-right: 10px;} .carModelMatch-wrap .matchQuery select.form-control{padding-right: 24px;} .carModelMatch-wrap .matchQuery .brand-select li{} .carModelMatch-wrap .matchQuery .brand-box{width: 100%;} .carModelMatch-wrap .matchQuery .brand-box > span{width: 100%; height: 32px; line-height: 30px; overflow: hidden;} .matchResult{min-height: 250px; padding: 20px 10px;} .matchResult>ul>li>ul{padding-left: 20px;} .matchResult>ul>li>ul>li>ul{padding-left: 20px;} .priceview-result{} .queryMerge-body.priceview-temp{text-align: center; display: table; width: 100%;} .queryMerge-body.priceview-temp > span{display: table-cell; height: 250px; vertical-align: middle;} .brand-select2{margin-top: 1px;} .brand-select2 > li{float: left; margin-right: 10px;} .brand-select2 > li.librand{width: 25%;} .brand-select2 > li.limodels{width: 25%;} .brand-select2 > li.liyears{width: 40%;} .brand-select2 > li .styled-select-container{display: block;} .brand-select2 > li .styled-select-container .text{padding: 3px 20px 3px 5px; font-size: 12px; line-height: 22px; height: 30px;} .brand-select2 > li .styled-select-container .text:after{margin-top: 12px;} .brand-select2 > li .styled-select-container .zcfcbox{top: 30px; display: none;} /* 车型匹配 END */ /* 委托租车 Start*/ .gou-box{ width:60%;} .gou-box .img-gou{ float:right; display:inline-block; width:20px; height:20px; background:url(../../images/2.0/img-gou.png) no-repeat center;} .gou-box .img-gou.on{ background-image:url(../../images/2.0/img-gou-on.png);} .img-upload-list .img-upload-ul{ float:left; width:60%; height:260px; padding:0; margin:0;} .img-upload-list .img-upload-ul li{ float:left; width:31%; margin-left:2%; margin-bottom:10px; height:120px; box-sizing:border-box; list-style:none; position:relative; border:1px solid #ddd;} .img-upload-list .img-upload-ul li.car0{ background:url(../../images/2.0/car0.png) no-repeat; background-size:100%;} .img-upload-list .img-upload-ul li.car1{ background:url(../../images/2.0/car1.png) no-repeat; background-size:100%;} .img-upload-list .img-upload-ul li.car2{ background:url(../../images/2.0/car2.png) no-repeat; background-size:100%;} .img-upload-list .img-upload-ul li.car3{ background:url(../../images/2.0/car3.png) no-repeat; background-size:100%;} .img-upload-list .img-upload-ul li.car4{ background:url(../../images/2.0/car4.png) no-repeat; background-size:100%;} .img-upload-list .img-upload-ul li.car5{ background:url(../../images/2.0/car5.png) no-repeat; background-size:100%;} .img-upload-list .img-upload-ul li span{ position:absolute; left:0; bottom:0; height:20px; line-height:20px; text-align:center; width:100%; text-shadow:1px 1px #fff;} .img-upload-list .img-upload-ul li a{ position:absolute; left:0; top:0; background:#77ba43; border-radius:3px; padding:3px 10px; color:#fff; display:none;} .img-upload-list .img-upload-ul li a.upload-del{ background:#f88c16;} .img-upload-list .img-upload-ul li:hover a.upload-a{ display:inline-block;} .img-upload-list .img-upload-ul li.select:hover a.upload-a{ display:none;} .img-upload-list .img-upload-ul li.select:hover a.upload-del{ display:inline-block;} .img-upload-list .img-upload-ul li.select a.download-pic{left: auto; right: 0; display: none;} .img-upload-list .img-upload-ul li.select:hover a.download-pic{display: inline-block;} .img-upload-list .img-upload-img{ float:right; width:39%; height:250px; border:1px solid #ddd; padding:10px; box-sizing:border-box; text-align:center;} .img-upload-list .img-upload-img p{ height:40px; line-height:40px;} .select-city{ display:inline-block; width:200px; box-sizing:border-box; height: 34px; line-height:34px; border:1px solid #d1d4d7; background:#fff; position:relative;} .select-city input{ border:0; width:100%; height:32px; vertical-align:text-bottom; padding:0 20px 0 10px; box-sizing:border-box;} .select-city .icon-angle-down{ position:absolute; right:5px; top:8px; font-size:16px;} .select-city-all{ position:absolute; z-index:20; left:0; border:1px solid #d1d4d7; top:100%; margin:2px 0 0 -1px; box-sizing:border-box; background:#fff; width:400px; padding:0 10px 10px; display:none;} .select-city-all.no{ display:none;} .select-city-all .select-city-tab{ border-bottom:1px solid #d1d4d7; height:34px; line-height:34px;} .select-city-all .select-city-tab a{ display:inline-block; height:34px; line-height:34px; color:#9aa1a8; padding:0 5px; margin:0 2px;} .select-city-all .select-city-tab a:hover{ color:#3d3f42; text-decoration:none;} .select-city-all .select-city-tab a.select{ color:#3d3f42; border-bottom:1px solid #20a8d8;} .select-city-all ul{ padding-top:10px;} .select-city-all li{ display:none;} .select-city-all li.select{ display: block;} .select-city-all li span{ display:inline-block; width:20%; text-align:center;} .select-city-all li span:hover{ background:#20a8d8; cursor:pointer; color:#fff;} .select-city-all li b{ color:#20a8d8;} .select-city-all li .item{ padding-left:30px; position:relative;} .select-city-all li .item b{ display:inline-block; width:30px; text-align:center; position:absolute; left:0; top:0;} .icon-angle-up:before{ content:"\f106";} .brand-select li{ float:left; margin-right:10px;} .brand-box{ position:relative; display:inline-block;} .brand-box span{ border:1px solid #d1d4d7; min-width:40px; display:inline-block; height:34px; box-sizing:border-box; line-height:32px; padding-left:10px; cursor:pointer;} .brand-box span:before{ float:right; margin:0 10px;} .brand-all{ width:160px; height:403px; overflow:hidden; margin-top:1px; border:1px solid #d1d4d7; position:absolute; left:0; top:100%; background:#fff; z-index:20;} .brand-all a{ display:block;} .brand-all a:hover{ text-decoration:none;} .brand-all .brand-all-left{ float:left; width:25px; text-align:center; padding:3px; box-sizing:border-box; border-right:1px solid #d1d4d7;} .brand-all .brand-all-left a{ color:#9aa1a8;} .brand-all .brand-all-left a:hover{ color:#fff; background:#20a8d8;} .brand-all .brand-all-left a.select{ color:#fff; background:#20a8d8;} .brand-all .brand-all-right{ float:right; width:125px; height:403px; overflow-y:scroll;} .brand-all .brand-all-right a{ padding-left:5px; color:#3d3f42;} .brand-all .brand-all-right a:hover{ color:#fff; background:#20a8d8;} .brand-all .brand-all-right a.select{ color:#fff; background:#20a8d8;} .brand-all .brand-all-right div{ padding:5px 0; border-bottom:1px solid #d1d4d7; margin-right:5px;} .brand-all .brand-all-right div:last-child{ border:0;} .brand-cars{ width:160px; height:406px; overflow:hidden; margin-top:1px; border:1px solid #d1d4d7; position:absolute; left:0; top:100%; background:#fff; z-index:20;} .brand-cars .brand-title{ text-align:center; height:26px; line-height:26px; color:#9aa1a8; font-weight:700; border-bottom:1px solid #d1d4d7;} .brand-scroll{ padding:0 5px; height:380px; overflow-y:auto;} .brand-scroll b{ padding:5px 5px 0; display:block;} .brand-scroll div{ padding:5px 0; border-bottom:1px solid #d1d4d7;} .brand-scroll div:last-child{ border:0;} .brand-scroll a{ display:block; padding:0 5px; line-height:22px; color:#3d3f42} .brand-scroll a:hover{ color:#fff; background:#20a8d8; text-decoration:none;} .brand-scroll a.select{ color:#fff; background:#20a8d8;} .brand-color{ width:200px; height:200px; overflow-y:auto; margin-top:1px; border:1px solid #d1d4d7; position:absolute; left:0; top:100%; background:#fff; z-index:20;} .brand-color p{ clear:both; margin:0; line-height:22px; padding:3px 5px; cursor:pointer;} .brand-color p:hover{ background:#20a8d8; color:#fff;} .brand-color p i{ display:inline-block; width:16px; height:16px; background:#f00; float:left; margin:3px 5px 0 0; vertical-align:middle;} .brand-color p a{ display:inline-block;} .table-pa.pa{ position:absolute; right:100px; top:394px;} .year i:before{ float:right; margin:2px 5px 0 0; content:"岁"; font-size:12px; cursor:default;} .price i:before{ float:right; margin:2px 5px 0 0; content:"元"; font-size:12px; cursor:default;} .price-day i:before{ float:right; margin:2px 5px 0 0; content:"元/日"; font-size:12px; cursor:default;} .price-week i:before{ float:right; margin:2px 5px 0 0; content:"元/周"; font-size:12px; cursor:default;} .price-month i:before{ float:right; margin:2px 5px 0 0; content:"元/月"; font-size:12px; cursor:default;} .mileage i:before{ float:right; margin:2px 5px 0 0; content:"km"; font-size:12px; cursor:default;} .mileage-day i:before{ float:right; margin:2px 5px 0 0; content:"km/日"; font-size:12px; cursor:default;} .mileage-week i:before{ float:right; margin:2px 5px 0 0; content:"km/周"; font-size:12px; cursor:default;} .mileage-month i:before{ float:right; margin:2px 5px 0 0; content:"km/月"; font-size:12px; cursor:default;} /* 委托租车 END */ /* 电话号码查看统计 Start */ .topEmployee{border-top: 1px solid #eee; margin-bottom: 5px; margin-top: 15px; padding-bottom: 10px; padding-top: 15px;} .topEmployee ul{padding: 0; margin: 0; list-style: none;} .topEmployee ul li{display: inline-block; margin-right: 5px; margin-bottom: 5px; width: 80px;} .topEmployee ul li a{color: #3d3f42; padding: 1px 3px; border-radius: 2px;} .topEmployee ul li.active a{background: #4dbd74; color: #fff;} .searchWrap{position: relative;} .searchWrap .icon-search{position: absolute; right: 0; top: 50%; margin-top: -8px;} .searchWrap .form-control{padding-right: 30px;} /* 电话号码查看统计 END */ /* 驾客需求录入&列表 start*/ .newClient-requirement-wrap{} .newClient-requirement-wrap .brand-select2 > li.librand{min-width: 92px;} .newClient-requirement-wrap .brand-select2 > li.limodels{min-width: 92px;} .label-list label{ float:left; width:6em;} .newClient-requirement-wrap .select2-container .select2-choice{height: 32px; line-height: 33px;} .expectCarWrap{} .expectCarWrap .dropdown-menu{padding: 0; font-size: 12px; border: 2px solid #28BCDC;} .expectCarWrap .dropdown-menu:after{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-bottom: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; position: absolute; top: -6px; left: 5px; border-bottom-color: #28BCDC;} .expectCarWrap .expectCar{padding: 5px;} .expectCarWrap .colorCar{display: table; width: 100%; border: 1px solid #ddd; border-width: 1px 0;} .expectCarWrap .colorCar li{display: table-cell; padding: 5px;} .expectCarWrap .brandCar{padding-bottom: 5px;} .expectCarWrap .brandCar li{padding: 5px 5px 0;} .popupTable-Wrap{position: absolute; z-index: 9; display: none; background: #fff; box-shadow: 0 1px 5px #999; border: 2px solid #28BCDC;} .popupTable-Wrap .scrollable{ min-width: 180px; max-height: 200px; overflow: auto; max-height: } .popupTable-Wrap .caretUp{position: absolute; top: -6px; right: 20px; border-bottom-color: #28BCDC;} .popupTable-Wrap .caretRight{position: absolute; top: 17px; left: -6px; border-right-color: #28BCDC; margin-top: -4px;} .popupTable-Wrap table.table{margin-top: 0 !important; margin-bottom: 0 !important; border: 0;} .popupTableBtn:hover,.popupTableBtn.open{color: #28BCDC;} /* 驾客需求录入&列表 END */ .sms-statistics-wrap{} .sms-statistics-wrap .query-wrap .panel{margin-bottom: 0;} .sms-channel-wrap{} .sms-channel-wrap .table .channelUrl{width: 120px;} .sms-channel-wrap .table .channelContact{width: 120px; word-break:break-all; word-wrap: break-word; overflow: hidden;} /* ============================ START PSS系统 ======= */ .pssMain_top2col{} .agent_process_map,.pssMain_top2col .query-wrap{float: left; width: 800px; min-height: 150px; background: #fff; border: 1px solid #ccc;} .pssMain_top2col .query-wrap{height: 214px; position: relative;} .pssMain_top2col .finance_info{float: right; width: 340px;} @media screen and (max-width:1199px) { .agent_process_map,.pssMain_top2col .query-wrap{width: 660px;} .pssMain_top2col .finance_info{width: 265px;} } .apply_on_contents{padding: 50px 0 20px;} .apply_on_contents .contents_in{width: 260px; margin: 0 auto; position: relative;} .apply_on_contents .contents_in .emoticon{display: inline-block; position: absolute; left: -100px; top: 0; width: 80px; height: 80px; line-height: 80px; border-radius: 100px; background: #999; color: #fff; font-size: 30px; text-align: center;} .prorataRule{padding-bottom: 20px;} .prorataRule li{display: inline-block; margin-right: 10px;} .prorataRule li:last-child{margin-left: 20px;} .prorataRule .prorataArea{display: inline-block; position: relative; width: 40px; text-align: center;} .prorataRule .prorataArea input[type="text"]{width: 100%; text-align: center; height: 20px; border-radius: 2px; border: 1px solid #d1d4d7;} .prorataRule .prorata_amount{position: absolute; top: 24px; left: 0; width: 100%; color: #f86c6b;} .pssMain_top2col .query-wrap .search-wrap{padding: 60px 0 0;} .pssMain_top2col .query-wrap .validityNotice{text-align: center; position: absolute; left: 0; bottom: 15px; width: 100%;} /* ============================ END PSS系统 ======= */ .vip-member-mark{background:url(../../images/2.0/vip-member.png) no-repeat; background-size: 100% auto; display: inline-block; width: 30px; height: 17px; vertical-align: middle; margin-left: 5px;} .company-manage-wrap{} .company-manage-wrap .company_emp_list{} .company-manage-wrap .company_emp_each{display: inline-block; float: left; width: 33.3%; line-height: 2.5em;} .form-control-part .has-icon .form-control{padding-left: 27px;} .form-control-part .has-icon i.emailSymbol{font-style: normal; right: auto; left: 8px; line-height: 1em;} /* 订单预警 */ .earlywar-wrap{min-width: 1870px;} .earlywar-wrap.fulledge{margin: -25px -15px 0;} .earlywar-wrap .col-box{margin: 0; padding: 0 10px;} .earlywar-wrap .danger-trbg td{background-color: #fff0f1 !important;} .earlywar-wrap .warninfo{font-size: 15px; color: #ccc; vertical-align: middle;} .earlywar-wrap .warninfo:hover{color: #20a8d8;} .earlywar-wrap .navtab-wrap{margin-bottom: 30px;} .earlywar-wrap .nav-tabs{border-bottom: none; width: 100%; display: table;} .earlywar-wrap .nav-tabs>li{position: relative; text-align: center; padding:20px 10px 15px; background: #fff; height: 274px; float: none; display: table-cell; vertical-align: middle;} .earlywar-wrap .nav-tabs>li.active{background: #fff;} .earlywar-wrap .nav-tabs>li.active>a, .earlywar-wrap .nav-tabs>li.active>a:hover{cursor: pointer;} .earlywar-wrap .nav-tabs > li > a, .earlywar-wrap .nav-tabs > li > a:hover, .earlywar-wrap .nav-tabs > li > a:focus{border:none; font-size: 18px; text-align: center; background: none;} .earlywar-wrap .nav-tabs > li > a:hover,.earlywar-wrap .nav-tabs>li.active>a{background: none; color: #20a8d8;} .caretDown { display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 16px solid; border-right: 16px solid transparent; border-left: 16px solid transparent; } .earlywar-wrap .caretDown{position: absolute; top: 100%; left: 50%; margin-left: -16px; border-top-color: #fff; display: none;} .earlywar-wrap .nav-tabs>li.active .caretDown{display: inline-block;} .fullScreen-btn{position: fixed; z-index: 999; right: 20px; bottom: 20px; background: rgba(0,0,0,.5); color: #fff; padding: 15px; border-radius: 1000px; cursor: pointer;} .fullScreen-btn [class^="icon-"]{display: inline-block; font-size: 24px; line-height: 1em; width: 1em; text-align: center; vertical-align: middle;} .affix.navbar{position: fixed; top: 0;} /* Marketing */ .marketingQuery.query-wrap .filter-wrap .table tbody>tr>th:first-child{width: 120px;} .query-wrap .filter-wrap .ftBox .table tbody>tr:first-child>th, .query-wrap .filter-wrap .ftBox .table tbody>tr:first-child>td{border-top: 0;} .marketingQuery.query-wrap .filter-wrap .selected .selectbox{border:1px solid #4dbd74; color: #4dbd74;} .inLB{display: inline-block;} .group-hide{ cursor:pointer; color:#20a8d8;} .group-th{ background:#e7f7fc !important;} /*保险理赔*/ /*左右结构样式 2列*/ /*start*/ .claim-col-box2{width:64%; float:left;} .claim-col-box2 .aside{width:34%; float:right; } .claim-col-box2 .full{width: 100%; margin: 0;} .claim-col-box2 .panel{margin-bottom: 15px;} .claim-col-box2 .panel-body{padding:0 8px;} .claim-col-box2 .table tbody > tr > td,.col-box .table thead > tr > th{font-size:13px;} .claim-col-box2 .table .company-name{width:95px; padding-right:0; padding-left:5px;} .claim-col-box2 .table .monny{width:65px; padding-left:0; padding-right:5px; color:#4ebc73;} .claim-col-box2 .tab-pane:last-child .table .monny{ color:#f86c6b;} /*end*/ /*盒子样式--start*/ .batch-sure{margin:10px;} .box-log-border {border-bottom:1px solid #e5e5e5;} .box-log-border tr{height: 30px;} .box-showImg{ display: none; text-align:center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000;} .box-showImg .img-box{ width: 100%; height: 100%; position: relative; text-align: center;} .box-showImg .close{ font-size: 20px; height: 33px; width: 33px; line-height: 30px; cursor: pointer; display: inline-block; text-align: center; border-radius: 100%; background: rgba(0,0,0,1); color: #fff; position: fixed; right: 10px; top: 10px; z-index: 1001;} /*end*/ /*分公司审批strat*/ .sp_tableWidth{ width: 35%;margin-left: 50px;} table.table.sp_tableWidth{margin-bottom: 20px !important;} .table tbody > tr > td.sp_tablepad{ padding-left: 50px;} .sp_imgK{width: 160px; display: inline-block; border: 1px solid #ccc; margin-left: 50px; text-align: center; background: #EBEBEB;} .sp_imgK .uploadedPic{margin: 0;} .sp_imgK .uploadedPic .icons{visibility: hidden;} .sp_imgK .uploadedPic:hover .icons{visibility: visible;} .sp_imgK .uploadedPic:after{visibility: hidden;} .sp_imgK .uploadedPic.noUpload:hover:after{visibility: hidden;} .sp_imgK .uploadedPic:hover:after{visibility: visible;} .sp_imgK .uploadedPic img{height: 120px; max-width: 158px;} .sp_radio{ margin:18px 0px 0px 50px;} .sp_radio label{cursor: pointer;} .sp_label{ margin-right:100px;} .sp_btn{ margin: 10px 0 20px 50px;} .sp_btn .btn{padding: 7px 50px;} .sp_border{ border-bottom: 1px solid #ccc;} .sp_comMar{ margin-left: 50px;} .sp_comMar .uploadedPic img{height: 120px;} .sp_tacswidth{ width: 150px;} /*分公司审批end*/ .filter-wrap ul li label input{ visibility: hidden;position: absolute;} .filter-wrap ul li label input:checked ~ .labelTxt{ background: #4DBD74 none repeat scroll 0% 0%;color: #FFF; } .filter-wrap ul li label > .labelTxt{padding: 0px 4px 1px;-moz-user-select: none;border-radius: 2px; cursor: pointer;} .qcpz_left{width: 50%;float: left;background: #D9D9F6;padding-top: 33px;padding-bottom: 20px;margin-bottom: 30px;border-right: 1px solid #C2C3E1;box-sizing:border-box;} .qcpz_left dl{width: 75%;margin: 0 auto;text-align: center;margin-top: 12px;} .qcpz_left dl dt{width: 100%;} .qcpz_left dl dt img{width: 355px;height: 238px;display: block;} .qcpz_left dl dd{margin-top: 12px;color: black;} .qcpz_right{background: #E0F6D9;border: none;}