/* 主要参数,方便查阅 background-color: #eff2f9; 浅灰色 min-width: 1170px; default-color: #56a022; 绿色 */ body { line-height: 1.6; font-family: "Microsoft YaHei", "微软雅黑" !important; color: #222; font-size: 14px; background-color: #f5f5f5; } #top, #header, #footer { min-width: 1170px; } #top .container { margin-bottom: -10px; } #top>.container, #header>.container, #footer>.container { width: 1170px; margin: 0 auto; padding: 0 15px; } h1,h2,h3 { font-size: 20px; font-weight: 400; font-style: normal; } table { outline: none } a { color: #333; text-decoration: none; } a.none:hover { text-decoration: none; } .block { background-color: #fff; width: 100%; position: relative; } .empty-block { margin: 0 auto; padding-top: 20px 25px; text-align: center; text-shadow: 0 2px 0 #fff, 0 -2px 0 #f8f6f2; } .empty-block i { font-size: 120px; color: #d9d7d3; } .f12 { font-size: 12px !important; } .f14 { font-size: 14px !important; } .f16 { font-size: 16px !important; } [ng-click] { cursor: pointer; } .br-r { border-right: 1px solid #e6e6e6; } .br-l { border-left: 1px solid #e6e6e6; } .br-b { border-bottom: 1px solid #e6e6e6; } /*inverse*/ .text-default { color: #333333; } .text-blue { color: #327ebe; } .text-inverse { color: #f40 !important } .text-muted { color: #888 !important; } .text-light { color: #666; } .text-simple { color: #aaa; } .text-num { font-style: normal; } .text-small { font-size: 10px; -webkit-transform: scale(0.83); -o-transform: scale(0.83); transform: scale(0.83); } .text-bold { font-weight: 700; } .text-border-success { border: 1px solid #f40; color: #f40; background-color: #fff; padding: 2px 4px; } .text-trans { position: absolute; margin-top: 5px; right: 5px; background-color: #fff; border: 1px solid; padding: 3px 14px; font-size: 16px; font-family: "LiShu"; border-radius: 10px; -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); border-radius: 10px; opacity: 0.7; white-space: nowrap; } .text-trans.todo { color: #56a022; border-color: #56a022; } .text-trans.success { color: #ffb433; border-color: #ffb433; } .text-trans.half { color: #55b6ff; border-color: #55b6ff; } .text-trans.error { color: #d44950; border-color: #d44950; } .text-trans.warning { color: #7f64b5; border-color: #7f64b5; } .text-ellipsis { float: left; width: 260px; clear: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-link { color: #5e696e; cursor: pointer; text-decoration: underline; } .text-title { font-size: 1.2em; font-weight: bold; text-indent: 1em; line-height: 2em; border-bottom: 1px solid #ddd; margin-bottom: 15px; color: #828282 } .form-control { border-color: #e1e1e1; } .input-xs, .input-group-xs>.form-control, .input-group-xs>.input-group-addon, .input-group-xs>.input-group-btn>.btn { border-color: #327ebe; } .form-group-sm .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .btn-default { border-color: #dcdcdc; } .btn-icon-left { margin-top: -1px } /*dropdown*/ .dropdown-menu { min-width: 100%; } .dropdown>.dropdown-toggle { border-style: solid; border-width: 0 1px; border-color: transparent; } .dropdown:hover>.dropdown-toggle { position: relative; background-color: #e8e8e8; border-top: 0; border-bottom: 0; z-index: 1001; } .dropdown:hover>.dropdown-menu { display: block; position: absolute; border-color: #eee; webkit-box-shadow: none; box-shadow: none; margin-top: -2px; min-width: 100%; font-size: 12px; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -144px; } .dropdown-submenu:hover>.dropdown-toggle { position: relative; background-color: #ffffff; border-color: transparent; z-index: 1001; } .dropdown-submenu:hover>.dropdown-menu { display: block; min-width: 120px; font-size: 12px; } .dropup .dropdown-submenu>.dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .dropdown-menu.arrow:before,.dropdown-menu.arrow:after { content: ''; position: absolute; top: 18%; width: 0; height: 0; border: 10px solid transparent; } .dropdown-menu.arrow.left:before { margin-top: -11px; left: -20px; border: 10px solid transparent; border-right-color: #aaa; } .dropdown-menu.arrow.left:after { margin-top: -11px; left: -19px; border: 10px solid transparent; border-right-color: #e8e8e8; } .navbar { margin-bottom: 0; border-radius: 0; } .icon-left { margin-right: 5px; } /*chart*/ [ac-chart] { width: 100%; } .pie-charts>ul>li,.line-charts >ul>li { height: 250px; position: relative; } .pie-charts [ac-chart] { height: 200px; } .pie-charts>ul>li .empty { position: absolute; top: 80px; left: 0; right: 0; bottom: 0; text-align: center; } .line-charts { padding-bottom: 10px; position: relative; } .line-charts .empty { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("../img/all/empty-notice.png") no-repeat top center; background-color: #fff; padding: 160px 120px; } .line-charts [ac-chart] { height: 350px; } .pie-charts .chart { padding-right: 0; } .ac-title { height: 39px; line-height: 39px; padding: 0 15px; color: #333; font-weight: 500 !important; border-bottom: 1px solid #e8e8e8; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); } .ac-chart { margin-top: 30px; } .ac-legend { color: #666; margin-top: 30px; } .ac-legend tr>td { padding: 2px 0; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .ac-legend-box { border-radius: 10px; margin-right: 3px; } .angular-charts-template table { margin-left: 15px !important; } .list-menu>li { padding: 5px 5px 5px 15px; position: relative; border-bottom: 1px dotted #ddd; } .list-menu>li:before { position: absolute; left: 0; top: -2px; content: "."; font-size: 16px; font-weight: bold; color: #999; } ul>li.item-link>a { padding: 10px 15px; margin: 0 5px; border-bottom: 1px dotted #ddd; } .throughline { position: relative; } .throughline .line { position: absolute; border-top: 1px dashed #e5e2e2; left: 15px; right: 15px; top: 10px; z-index: 0; } .throughline .content { position: relative; color: #56a022; padding: 0 10px; margin: 3px 0; background: #fff; display: inline-block; } .stepline { position: relative; height: 40px; line-height: 40px; margin: 40px 0 0; } .stepline:after, .stepline:before { background-color: #ddd; content: ""; height: 2px; position: absolute; top: 19px; width: 50%; } .stepline:before { background-image: -webkit-gradient(linear, right top, left top, from(#ddd), to(#fff)); background-image: -webkit-linear-gradient(right, #ddd, #fff); background-image: -moz-linear-gradient(right, #ddd, #fff); background-image: -ms-linear-gradient(right, #ddd, #fff); background-image: -o-linear-gradient(right, #ddd, #fff); background-image: linear-gradient(right, #ddd, #fff); left: 0; } .stepline:after { background-image: -webkit-gradient(linear, left top, right top, from(#ddd), to(#fff)); background-image: -webkit-linear-gradient(left, #ddd, #fff); background-image: -moz-linear-gradient(left, #ddd, #fff); background-image: -ms-linear-gradient(left, #ddd, #fff); background-image: -o-linear-gradient(left, #ddd, #fff); background-image: linear-gradient(left, #ddd, #fff); left: 50%; } .stepline .item { position: relative; } .stepline .item span { position: absolute; left: 50%; height: 40px; width: 40px; margin-left: -20px; text-align: center; background-color: #fff; border: 2px solid #777; border-radius: 500px; color: #777; font-size: 18px; font-weight: bold; z-index: 4; } .stepline .item .title { margin-top: 45px; text-align: center; line-height: 1.5; } /* top css stylesheet*/ #top { background-color: #f5f5f5; height: 35px; line-height: 35px; z-index: 5; font: 12px/23px Tahoma, Arial, "\5B8B\4F53", sans-serif; color: #6c6c6c; } #top.navbar { min-height: 35px; border-bottom: 10px solid #333333; } #top ul>li>a { color: #6c6c6c; margin-top: -5px; } #top ul>li>a:hover { text-decoration: none; background: none; } #top .navbar-nav>li>a,#top .navbar-nav>li.brand { padding-top: 0; padding-bottom: 0; line-height: 35px; } #top ul.navbar-nav>li>a:hover,#top ul.navbar-nav>li>a:focus,#top ul.navbar-nav>li>a:hover *,#top ul.navbar-nav>li>a:focus * { color: #f40; } #top .dropdown .fa-angle-down { transition: transform .2s ease-in 0s; -webkit-transition: -webkit-transform .2s ease-in 0s; } #top .dropdown:hover .fa-angle-down { transform: rotate(180deg); -webkit-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); } #top .dropdown:hover>.dropdown-menu { margin-top: -1px; min-width: 100%; font-size: 12px; } #top .dropdown-menu ul>li>h4 { font-size: 100%; font-weight: 700; color: #404040; } #top .dropdown-menu .nav-pills>li+li { margin-left: 0; } #top .dropdown-menu .nav-pills>li>a { padding: 5px 10px; } #top .dropdown-menu .pills>div { border-right: 1px solid #eee; padding: 5px 15px; } #top .dropdown-menu .pills>div:last-child { border-right: none; } #top .dropdown-menu .pills ul>li { } #top .dropdown-menu .pills ul>li>a { color: #3c3c3c; text-align: left; padding: 5px 8px; } #top .dropdown-menu .pills ul>li:hover a { color: white; text-decoration: none; } #top .dropdown-menu .pills>div>h4 { font-family: "Microsoft YaHei", "Hiragino Sans GB"; font-weight: 700; font-size: 17px; text-align: left; } #top .dropdown-menu .pills>div:nth-child(1) h4 { color: #f50; } #top .dropdown-menu .pills>div:nth-child(2) h4 { color: #a0b959; } #top .dropdown-menu .pills>div:nth-child(3) h4 { color: #df61ab; } #top .dropdown-menu .pills>div:nth-child(4) h4 { color: #52a0e5; } #top .dropdown-menu .pills>div:nth-child(5) h4 { color: #52a015; } #top .dropdown-menu .pills>div:nth-child(6) h4 { color: #b68571; } #top .dropdown-menu .pills ul>li>a:hover { color: #fff; } #top .dropdown-menu .pills>div:nth-child(1) ul>li>a:hover { background-color: #f50 } #top .dropdown-menu .pills>div:nth-child(2) ul>li>a:hover { background-color: #a0b959 } #top .dropdown-menu .pills>div:nth-child(3) ul>li>a:hover { background-color: #df61ab } #top .dropdown-menu .pills>div:nth-child(4) ul>li>a:hover { background-color: #52a0e5 } #top .dropdown-menu .pills>div:nth-child(5) ul>li>a:hover { background-color: #52a015 } #top .dropdown-menu .pills>div:nth-child(6) ul>li>a:hover { background-color: #b68571 } /* header css stylesheet*/ #header { color: #ffffff; z-index: 4; } #header a { font-family: "\5fae\8f6f\96c5\9ed1", sans-serif; } #header .navbar-nav>li>a { color: #ffffff; font-size: 16px; font-weight: 500; } #header.navbar-inverse { background-color: #e8e8e8; border: none; border-top: 10px solid #d32526; box-shadow: 0 0 10px #6f6f6f; position: relative; } #header.navbar-inverse .navbar-brand { color: #ffffff; } #header.navbar-inverse .navbar-brand:hover,#header.navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } #header.navbar-inverse .navbar-text { color: #969696; } #header.navbar-inverse .navbar-nav>li{ margin: 0 20px; } #header.navbar-inverse .navbar-nav>li>a { font-size: 20px; font-famliy: Microsoft Yahei; color: #000000; width: 100px; height: 50px; text-align: center; } /** 顶部 start **/ #home-search { margin-left: 450px; margin-top: 7px; position: absolute; } #home-search a { border-radius: 0; width: 85px; height: 36px; color: #ffffff !important; background-color: #d32526; border: 1px solid #d32526; font-size: 16px; } #home-search input { border-radius: 0; border: 1px solid #d32526; width: 365px; height: 36px; color: #000000; text-align: center; font-size: 16px; } @media screen and (max-width: 1199px) { #home-search input{ width: 180px; } } @media screen and (min-width: 1200px) and (max-width: 1366px) { #home-search input{ width: 250px; } } @media screen and (min-width: 1367px) and (max-width: 1560px) { #home-search input{ width: 250px; } } #home-search input:focus { outline: none; } /** placeholder 格式 **/ #home-search input::-webkit-input-placeholder{ /*WebKit browsers*/ padding-left: 10px; } #home-search input::-moz-input-placeholder{ /*Mozilla Firefox*/ padding-left: 10px; } #home-search input::-ms-input-placeholder{ /*Internet Explorer*/ padding-left: 10px; } #home-headerName{ position: absolute; right: 160px; top: 3px; width: 200px; padding-right: 20px; height: 50px; line-height: 50px; color: #333333; font-size: 14px; } #home-headerName span{ display:inline-block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #home-headerName i{ position:absolute; top:15px; right:0; } #home-headerBtns { position: absolute; right: 0; top:0; padding-right: 35px; height: 50px; line-height: 50px; color: #333333; font-size: 16px; } #home-headerBtns i { padding:0 10px; } #home-headerBtns a{ display: inline-block; } #home-headerBtns a:first-child span{ font-size: 13px; color: #52a9fa; font-weight: bold; } #home-headerBtns a i.fa-user{ color: #52a9fa; } #home-headerBtns a:first-child:hover span{ color: #d32526 } #home-headerBtns a:hover i.fa-user{ color: #d32526; } #home-headerBtns a span{ font-size: 13px; color: #000; } #home-headerBtns a:visited ,#home-headerBtns a:hover,#home-headerBtns a.active,#home-headerBtns a:focus{ text-decoration: none; } /** 顶部 end **/ /**dropdown-menu 样式 start **/ #dropdown-menu-sale { color: #333333; font-size: 14px; height: 164px; border-bottom: 1px solid #e8e8e8; margin-top: 10px; } #dropdown-menu-sale img { margin-top: 50%; } #dropdown-menu-purc { color: #333333; font-size: 14px; height: 86px; border-bottom: 1px solid #e8e8e8; margin-top: 20px; } #dropdown-menu-purc img { margin-top: 15%; } #dropdown-menu-finance { color: #333333; font-size: 14px; height: 86px; border-bottom: 1px solid #e8e8e8; margin-top: 20px; } #dropdown-menu-finance img { margin-top: 15%; } #dropdown-menu-report { color: #333333; font-size: 14px; height: 86px; margin-top: 20px; } #dropdown-menu-report img { margin-top: 15%; } #home-dropdown:hover>.dropdown-menu { margin-top: 0; width: 500px; } /**dropdown-menu 样式 end **/ #header.navbar-inverse .navbar-nav>li>a:hover,#header.navbar-inverse .navbar-nav>li>a:focus { color: #d32526; background-color: #e8e8e8; } #header.navbar-inverse .navbar-nav>.active>a,#header.navbar-inverse .navbar-nav>.active>a:hover,#header.navbar-inverse .navbar-nav>.active>a:focus { color: #d32526; background-color: #e8e8e8; font-color: #d32526; border-bottom: 4px solid #d32526; } #header.navbar-inverse .navbar-nav>.disabled>a,#header.navbar-inverse .navbar-nav>.disabled>a:hover,#header.navbar-inverse .navbar-nav>.disabled>a:focus { color: #444444; background-color: transparent; } #header.navbar-inverse .navbar-toggle { border-color: #333333; } #header.navbar-inverse .navbar-toggle:hover,#header.navbar-inverse .navbar-toggle:focus { background-color: #333333; } #header.navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; } #header.navbar-inverse .navbar-collapse,#header.navbar-inverse .navbar-form { border-color: #101010; } #header.navbar-inverse .navbar-nav>.open>a,#header.navbar-inverse .navbar-nav>.open>a:hover,#header.navbar-inverse .navbar-nav>.open>a:focus { background-color: #56a022; color: #ffffff; } #header.navbar-inverse .navbar-link { color: #777777; } #header.navbar-inverse .navbar-link:hover { color: #ffffff; } #header.navbar-inverse .btn-link { color: #777777; } #header.navbar-inverse .btn-link:hover,#header.navbar-inverse .btn-link:focus { color: #ffffff; } #header.navbar-inverse .btn-link[disabled]:hover,#header fieldset[disabled] .navbar-inverse .btn-link:hover,#header.navbar-inverse .btn-link[disabled]:focus,#header fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444444; } #header.navbar-inverse .dropdown-menu>li>a { font-size: 14px; } #header.navbar-inverse .dropdown-menu>li>a:hover { background-color: #56a022; color: #ffffff; } #header .navbar-header .navbar-brand { background: url("../img/logo/logo.png") no-repeat center; width: 218px; margin: 0; padding: 0; line-height: 50px; } #header .navbar-header .navbar-brand a{ width: 44%; float: left; display: inline-block; height: 50px; } #header .navbar-header .navbar-brand a:first-child{ width: 56%; } #header .dropdown:hover>.dropdown-menu { margin-top: 0; } /*body*/ .body { width: 1170px; margin: 0 auto; padding: 0 0; margin-top: 85px; } .body:before,.body:after { content: " "; display: table; clear: both; } .body>.left { width: 219px; float: left; margin-right: 14px; /* border-right: 1px solid #ddd; */ } .body>.right { width: 930px; float: right; font-size: 12px; min-height: 718px; } @media ( max-height : 768px) { .body>.right{ min-height: 400px; } .sreach-index .row:first-child{ margin-top: 10% !important; } } .body ul { margin-bottom: 0; } .user { font-size: 12px; } .user .user-image { float: left; /*margin-top: 20px;*/ height: 286px; width: 218px; cursor: pointer; background-color: #ffffff; border: 1px solid #e8e8e8; } .user-image img { /* border-radius: 5%; */ border: 1px solid #ccc; width: 124px; height: 124px; margin-left: 20%; margin-top: 20px; } .user-image li { padding-top: 15px; list-style-type: none; font-family: Microsoft YaHei, SimHei, Verdana; font-size: 14px; } .user .user-name { width: 90px; margin-top: 35px; color: #333; } .user .user-lv { padding-left: 20px; clear: both; height: 40px; margin-bottom: 20px; } .user .user-count { display: table; width: 100%; table-layout: fixed; border-collapse: separate; background-color: #fbfbfb; padding: 18px 5px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; } .user-count>li { display: table-cell; float: none; width: 1%; height: 50px; text-align: center; } .user-count>li:not(:last-child){ border-right: 1px solid #e8e8e8; } .user-count .count { color: #56a022; font-size: 24px; line-height: 32px; font-family: Arial; } .use .use-label { line-height: 50px; border-bottom: 1px solid #e8e8e8; text-indent: 25px; position: relative; } .use-label>i { position: absolute; left: 30px; border-color: transparent; border-style: solid; border-width: 0 4px 4px 4px; border-bottom-color: #ddd; } .use-label .notice-header { margin-top: 300px; width: 218px; position: absolute; background-color: #e8e8e8; } .use-label .notice-body { padding-top: 20px; margin-top: 360px; position: absolute; } .use>ul { padding: 10px 0; border-bottom: 1px solid #e8e8e8; } .use>ul>li { padding: 8px 25px; } .left-nav>ul>li { text-indent: 15px; } .left-nav>ul>li>a { display: block; padding: 6px 20px; clear: both; line-height: 1.42857143; /*white-space: nowrap;*/ font-size: 14px; } .use>ul>li:hover,.left-nav>ul>li:hover,.left-nav>ul>li.active { background-color: #6f6f6f; } .left-nav>ul>li.active { background-color: #6f6f6f; } .use>ul>li:hover *,.left-nav>ul>li:hover *,.left-nav>ul>li.active * { color: #fff; text-decoration: none; background-color: #6f6f6f; } .icon-right { float: right; color: #888; line-height: 1.6 } .left-nav { /*margin-top: 10px;*/ padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; background-color: #ffffff; } .left-nav.left-home { padding: 0; margin: 0; } .nav-home { height: 50px; line-height: 50px; cursor: pointer; } .nav-label { text-indent: 35px; height: 40px; line-height: 40px; color: #333333; cursor: pointer; position: relative; background-color: #eaeaea; font-size: 14px; } .nav-label>i { position: absolute; left: 15px; top: 18px; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 5px 0 5px; border-top-color: #9ea9c0; } .left-nav .icon-left { margin-left: 15px; margin-right: 10px; } .right .company { margin-bottom: 15px; } .company .inner { line-height: 40px; height: 40px; padding-left: 12px; } .company .inner>div { float: left; margin-right: 3px; } .right .data-wrap { float: left; width: 660px; } .data-wrap .todo { margin-bottom: 15px; } .todo .todo-label { width: 100%; height: 40px; line-height: 45px; background: url("../img/approvalFlow/comm_bg02.png") no-repeat bottom; background-color: #f5f5f5; background-size: 660px 100%; } .todo .todo-label i { margin-left: 20px; } .todo .todo-label label{ /*margin-left: 10px;*/ font-family: Microsoft YaHei, SimHei, Verdana; font-size: 14px; } .todo .todo-label>li { float: left; margin-left: 140px; text-align: center; background-image: url("../img/all/line.png"); background-repeat: no-repeat; background-position: 8px 32px; height: 55px; font-size: 14px; } .todo .todo-content { clear: both; background-color: #ffffff; width: 660px; margin-left: 0px; border-bottom: 1px solid #e8e8e8; display: inline-block; } .todo .todo-content a:hover{ color: #f40 !important; } .todo .todo-content #tips { margin-top: 40px; font-family: Microsoft YaHei, SimHei, Verdana; font-size: 16px; width: 100%; } .todo .todo-content a { color: #666; text-decoration: none; } .todo .todo-content a:hover,.todo .todo-content a:focus { color: #d32526; } .todo .todo-content>ul:not(:last-child){ border-bottom: 1px solid #e8e8e8; } .todo-content .icon { margin-left: 20px; float: left; width: 52px; height: 52px; line-height: 40px; text-align: center; margin-top: 55px; font-size: 16px; list-style-type: none; /* border: 1px solid #56a022; */ font-weight: bold; } .todo #operateTips a{ padding: 0; margin-bottom: 15px; } .todo-content .start { float: left; padding-top: 5px; font-size: 14px; width: 100%; } .todo-content #operateTips { margin-top: 10px; padding-top: 20px; margin-bottom: 20px; font-family: Microsoft YaHei, SimHei, Verdana; font-size: 14px; cursor: pointer; border-top: 1px dashed #919090; display: inline-block; width: 100%; } .todo-content .start li,.todo-content .doing li,.todo-content .end li { float: left; line-height: 28px; width: 33.33333333%; } .todo-content .doing { float: left; height: 50px; width: 200px; text-align: center; margin-top: 47px; } .todo-content .end { width: 200px; float: left; margin-top: 47px; } /** left .feed-wrap start **/ .left .feed-wrap { float: right; width: 218px; } .left .feed-wrap .notice:first-child { margin-top: 3px; } .pane { /*margin-top: 20px;*/ margin-bottom: 15px; background-color: #fff; } .pane .pane-header { height: 40px; background: #e8e8e8; line-height: 40px; font-size: 14px; padding: 0 15px; border-bottom: 1px solid #e8e8e8; color: #333; } .pane .pane-header .pull-right>a { margin-left: 3px; } .pane .pane-body { padding: 15px; } .pane.addon { height: 185px; text-align: center; line-height: 1.4; cursor: pointer; } .pane.addon .pane-body { padding-top: 60px; } .pane.addon i,.pane.addon span { display: block; } .notice { height: 244px; } .notice .detail>li { clear: both; display: block; padding: 8px 10px 8px 15px; position: relative; } .notice .detail>li:before { position: absolute; left: 0; top: 5px; } .feed-wrap .service .detail>li { height: 30px; line-height: 30px; } .state-wrap { position: relative; height: 40px; line-height: 40px; padding: 0 20px; border-bottom: 1px solid #e8e8e8; font-size: 14px; } .state-wrap a:hover { text-decoration: none; } .state-wrap li { width: 100px; text-align: center; position: relative; } .state-wrap li.active { border-bottom: 2px solid #f40; } .state-wrap li.active a { color: #f40; } .state-wrap li em { font-style: normal; margin-left: 5px; color: #f40; } .state-wrap li:after { position: absolute; content: "|"; margin-left: 20px; color: #eee } /**left .feed-wrap end**/ /** .right .feed-wrap start **/ .right .feed-wrap { float: right; width: 218px; } .feed-wrap .side-image { /*margin-top: 20px;*/ } .side-image img { margin-bottom: 15px; /*cursor: pointer;*/ } .side-image img:hover { /*opacity: 0.8;*/ top: 0px; } .pane { margin-bottom: 15px; background-color: #fff; } .pane .pane-header .pull-right>a { margin-left: 3px; } .feed-wrap .pane:first-child ,.feed-wrap .pane:nth-child(2){ height: 272px; } .pane .pane-body { padding: 10px; } .feed-wrap .pane-body{ height: 110px; /*overflow-y: auto; overflow-x: hidden;*/ } .pane.addon { height: 185px; text-align: center; line-height: 1.4; cursor: pointer; } .pane.addon .pane-body { padding-top: 60px; } .pane.addon i,.pane.addon span { display: block; } .notice { height: 154px; border: #e8e8e8 1px solid; } .notice .detail>li { clear: both; display: block; padding: 0 10px 8px 15px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .notice .detail>li:before { position: absolute; left: 0; top: 5px; } .service { height: 154px; } .feed-wrap .service .detail>li { height: 30px; line-height: 30px; padding: 0 10px 8px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .state-wrap { position: relative; height: 40px; line-height: 40px; padding: 0 20px; border-bottom: 1px solid #e8e8e8; font-size: 14px; } .state-wrap a:hover { text-decoration: none; } .state-wrap li { width: 100px; text-align: center; position: relative; } .state-wrap li.active { border-bottom: 2px solid #f40; } .state-wrap li.active a { color: #f40; } .state-wrap li em { font-style: normal; margin-left: 5px; color: #f40; } .state-wrap li:after { position: absolute; content: "|"; margin-left: 20px; color: #eee } /** .right .feed-wrap end **/ @media ( min-width : 1100px) { .right { width: 930px; } } @media ( min-width : 1024px) { .right { width: 810px; } } @media ( min-width : 910px) { .right { width: 760px; } } /*footer*/ #footer { color: #f1f1f1; background-color: #333333; margin-top: 20px; padding: 20px 0; font-size: 14px; } #footer a { color: #f1f1f1; } #footer ul { margin: 0; } #footer .qrcode-text { padding: 32px 0 0 20px; font-size: 14px; } #footer .list-inline>li:not(:last-child):after { margin-left: 15px; content: "|" } /*loading*/ .loading { display: none; position: fixed; width: 100%; height: 300px; top: 50%; left: 50%; margin-left: -50%; margin-top: -150px; } .loading.in { display: block; z-index: 99999; } .loading.in>i { position: absolute; top: 50%; left: 50%; margin: -33px 0 0 -33px; background: url("../img/all/loading.gif") no-repeat center center; width: 66px; height: 66px; } /*sale */ .sale .state { margin-left: 0; margin-bottom: 15px; } .sale .state .todo { padding: 30px 0 15px 0; border-right: 1px solid #e8e8e8; } .sale .state .todo>ul { margin: 0 auto; } .sale .state .todo>ul>li { width: 32%; height: 60px; border-left: 1px dashed #e6e6e6; text-align: center; position: relative; } .sale .state .todo>ul>li .title { margin-bottom: 5px; } .sale .state .todo>ul>li:nth-child(3n+1) { border-left: none; } .sale .state .level { padding: 15px 100px; color: #666; } .sale .sale-main .left { float: left; width: 50%; padding-right: 8px; } .sale .sale-main .right { float: right; width: 50%; padding-left: 8px; } .input-trigger .dropdown-menu tr>td>.btn { border-radius: 0; border: none; } .input-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn { height: 30px; padding: 0 7px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .input-xs,.input-group-xs>.form-control,.input-group-xs>.input-group-addon,.input-group-xs>.input-group-btn>.btn { height: 26px; padding: 0 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .input-group-sm .form-control:last-child,.input-group-xs .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group+.input-group .input-group-btn:last-child>.btn, .input-group+.input-group .input-group-btn:last-child>.btn-group { margin-left: -2px } .form-horizontal .form-group-inline, .form-horizontal .form-group-inline .form-group { margin-left: 0; margin-right: 0 } .form-horizontal .form-group-inline .input-group { display: inline-table } .form-horizontal .form-group-sm .control-label { padding-top: 5px } .form-group-inline .has-feedback .form-control-feedback { right: 5px } .form-group.form-group-sm { /*margin-bottom: 10px*/ } .form-group .form-group { margin-bottom: 0 } .ng-table-pager { padding: 10px 15px; height: 55px; width: 100%; margin: 0 auto; text-align: center; } .ng-table-pager .pagination { margin: 0 auto; max-width: 930px; text-align: center; } .headerline { font-size: 24px; font-family: Microsoft YaHei, SimHei, Verdana; font-weight: 500; line-height: 22px; margin: 25px 0 25px -15px; clear: both; zoom: 1; border-top: 1px solid #eee; position: relative; font-size: 18px; } .headerline .index { position: absolute; top: -12px; left: 0; width: 25px; height: 24px; line-height: 24px; background: #327ebe; color: #fff; text-align: center; border-radius: 0 2px 2px 0; z-index: 2; } .headerline .content { position: absolute; top: -12px; left: 25px; line-height: 24px; padding: 0 15px 0 10px; background: #fff; z-index: 2; } .headerline .center { position: absolute; top: -12px; left: 40%; line-height : 24px; padding: 0 15px; background: #fff; z-index: 2; } .headerline .end { position: absolute; top: -12px; right: 0; line-height: 24px; padding-left: 15px; background: #fff; z-index: 2; } .total { line-height: 30px; } /*account*/ .user-role>.role-item{ float: left; } .user-role>.role-item>.icon{ text-align: center; color: #333; padding: 1px 3px; border-radius: 50%; border: 1px solid #333; } .user-role>.role-item>.icon.info{ color: #56a022; border: 1px solid #56a022; } .user-role>.role-item>.icon.warning{ color: #8a6d3b; border: 1px solid #8a6d3b; } .row-operator { position: relative; } .row-operator>.operator-menu { position: absolute; width: 140px; height: 0; line-height: 30px; padding: 0 10px; top: 12px; left: 100%; background-color: #333; border-radius: 0 3px 3px 0; opacity: 0; } .row-operator>.operator-menu a { color: #fff; } .row-operator>.operator-menu a:hover { color: #56a022; } .row-operator:hover>.operator-menu { height: 30px; opacity: .75; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .resource-container,.role-container { padding: 15px; min-height: 645px; } .simple-list { padding: 10px 15px; } .simple-list>li { clear: both; display: block; height: 26px; line-height: 26px; padding: 8px 10px 8px 15px; position: relative; } .simple-list>li:before { position: absolute; left: 0; top: 5px; content: "." } .simple-list>li .title { width: 200px; float: left; } .simple-list>li .content { float: left; color: #999; } .resource-container>.resource-item { position: relative; padding-bottom: 15px; } .resource-container>.resource-item>.simple-list { display: none; } .resource-container>.resource-item.active>.simple-list { display: block; } .role-container>.role-list { width: 100%; } .role-container>.role-list:nth-child(1){ border-bottom: #e8e8e8 1px solid; } .role-container>.role-list:before,.role-container>.role-list:after { display: table; content: " "; clear: both; } .role-container>.role-list>.item { float: left; width: 33%; height: 150px; padding: 10px 25px; } .role-container>.role-list .desc h3 a{ font-size: 16px; } .role-container>.role-list>.item>.icon{ float: left; width: 60px; height: 60px; line-height: 60px; text-align: center; margin-top: 30px; color: #56a022; font-size: 52px; border-radius: 50%; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.03); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.03); background-color: #f3f3f4; } .role-container>.role-list>.item>.icon i{ font-size: 36px; position: relative; top: -10px; } .role-container>.role-list>.item>.desc { margin-left: 80px; } .userrole-list { width: 576px; font-size: 12px; max-height: 500px; } .userrole-list:before,.userrole-list:after { display: table; content: " "; clear: both; } .userrole-list>.item { float: left; width: 192px; height: 120px; padding: 5px 10px; border: 2px dashed; border-color: #fff #ededed #ededed #fff; position: relative; } .userrole-list>.item.checked { border-color: #ff7300; } .userrole-list>.item>.icon{ float: left; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #56a022; font-size: 36px; border-radius: 50%; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.03); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.03); background-color: #f3f3f4; } .userrole-list>.item>.desc { margin-left: 70px; text-overflow: ellipsis; } .userrole-list>.item:hover>.icon { background-color: #fff1d0; } .userrole-list>.item.checked>.checker { position: absolute; left: -2px; top: -2px; width: 0; height: 0; border: 8px solid; border-color: #ff7300 #fff #fff #ff7300; } .choose-inline { display: table; width: 100%; margin-top: 10px; padding: 10px; table-layout: fixed; border-collapse: separate; border: 1px solid #e1e1e1; } .choose-inline>.item { display: table-cell; } .choose-inline>.item>ul { height: 260px; overflow-x: hidden; overflow-y: scroll; } .choose-inline>.item>ul>li { line-height: 30px; padding-left: 5px; } .choose-inline>.item>ul>li:hover { background: #f1f1f1; } .choose-inline>.item>ul>li.active { background: #fff1d0; } .choose-inline>.item>ul>li:hover a,.choose-inline>.item>ul>li.active a { color: #ff7300; text-decoration: none; } .choose-inline>.item>ul>li>a { color: #666666; } .choose-inline>.item .caret { float: right; margin-top: 14px; margin-right: 8px; border-left: 3px solid; border-right: none; border-top: 3px solid transparent; border-bottom: 3px solid transparent; } .role-resources input[type="checkbox"] { margin-right: 5px; height: 16px; vertical-align: text-bottom; margin-top: 0; cursor: pointer; } /*attach*/ .global_icon { background: url("../img/merge/full_ico.png") no-repeat bottom right; } .global_icon.larger { height: 118px; width: 118px; } .icon_xls_l { background-position: 0 -855px !important; } .icon_pdf_l { background-position: -120px -735px !important; } .icon_doc_l { background-position: -282px -495px !important; } .icon_txt_l { background-position: -360px -735px !important; } .icon_zip_l { background-position: -120px -855px !important; } .icon_image_l { background-position: -120px -615px !important; } .icon_undefined_l { background-position: 0 -735px; } .attach .item { position: relative; cursor: pointer; width: 180px; height: 180px; border: 1px solid #d6d6d6; margin-bottom: 25px; margin-right: 25px; -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2); -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, .2); box-shadow: 2px 2px 8px rgba(0, 0, 0, .2); zoom: 1; } .attach .item .title { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; text-align: center; padding: 0 5px; color: #222; border-top: 1px solid #ccc; background-color: #fff; z-index: 10; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .attach .item .bg { position: absolute; width: 100%; height: 149px; line-height: 149px; left: 0; top: 0; overflow: hidden; text-align: center; vertical-align: middle; background-color: #f6f6f9; color: #999; } .attach .item .download { position: absolute; left: 0; top: 119px; width: 0; height: 30px; line-height: 30px; background: #090909; opacity: 0; text-align: center; z-index: 99; -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; } .attach .item:hover .download { width: 100%; opacity: .5; } .attach .download a { color: #fff; } .attach .bg .global_icon { margin: 20px auto; } /*process*/ .progress.progress-sm { height: 14px; margin-bottom: 8px; } .row.row-sm { margin-left: -5px; margin-right: -5px; } .row-sm [class*="col-"] { padding-left: 5px; padding-right: 5px; } /*data view*/ .condition { padding: 10px 15px; } .condition .form-group { margin-bottom: 0; } .condition .toggle { height: 30px; line-height: 30px; } .condition .toggle>a:hover { color: #f40; } .condition .more { height: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn-menu .btn-xs,.btn-menu .btn-group-xs>.btn { height: 26px; } .condition .more.open { margin-top: 10px; height: 26px; opacity: 1; } .condition .more label{ margin-left: 8px; } .condition .more .form-control{ width: 141px; } /*enterprise*/ .base-info { /*-webkit-box-shadow: 0 0 7px 0 rgba(119, 119, 119, 0.2); box-shadow: 0 0 7px 0 rgba(119, 119, 119, 0.2); border-bottom: 1px solid #d9d9d9;*/ margin-bottom: 10px; } .base-info .item { line-height: 26px; /*border-bottom: 1px dotted #e8e8e8;*/ padding: 5px 0; } .base-info .title { float: left; width: 78px; color: #999; font-weight: bold; } .base-info .content { float: left; white-space: nowrap; } .events { position: relative; margin: 5px 0 60px 148px; padding-top: 40px; width: 650px; } .events dd { position: relative; border-left: 1px solid #e1e3e6; padding-bottom: 45px; } .events dd:first-child { margin-top: -40px; padding-top: 40px; } .events dd:last-child { padding-bottom: 0; border-color: transparent; } .events dd .year,.events dd .date { position: absolute; left: -148px; top: 0; width: 120px; height: 25px; line-height: 25px; font-size: 16px; color: #9ea9c0; text-align: right; } .events dd .year { font-size: 24px; color: #56a022; } .events dd .year .character { font-size: 16px; margin-left: 2px; } .events dd:first-child .year { margin-top: 40px; } .events dd .icon { position: absolute; left: -18px; top: -5px; border: 5px solid #fff; width: 35px; height: 35px; border-radius: 8px; text-align: center; background: #e5e5e5; } .events dd .icon.year-icon { border-radius: 50%; } .events dd:first-child .icon { margin-top: 40px; } .events dd .icon i { line-height: 25px; font-size: 16px; color: #c2c2c2; } .events dd .event { padding-top: 12px; } .events dd .event .event_tit-wrapper { height: 25px; line-height: 25px; font-size: 16px; border-top: 1px solid #e1e3e6; } .events dd .event .event_tit-wrapper .event_tit { position: relative; top: -13px; margin-left: 35px; padding-left: 5px; background: #fff; } .events dd .event .event_cnt { margin: -6px 0 0 40px; font-size: 14px; color: #999; } .events dd .event a { color: #56a022; } .events dd .event { padding-top: 12px; } .table-default .header { background: #f5f5f5; border-left: 1px solid #ddd; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; -webkit-box-shadow: 0 0 7px 0 rgba(119, 119, 119, 0.2); box-shadow: 0 0 7px 0 rgba(119, 119, 119, 0.2); } .table-default .header>th { padding: 10px; text-align: center; } .table-bordered .header>th { border-right: 1px solid #ddd; } .table-bordered .header>th:hover { background: #e1e1e1; } .table-hover>tbody>tr:hover { background-color: #d0e9c6; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .file { color: #3a89d1; margin-right: 10px; } /*form valid*/ input.ng-invalid.ng-dirty,textarea.ng-invalid.ng-dirty { box-shadow: 0 0 2px #f00; border: #f00 1px solid; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: pointer; } .form-group { position: relative; } .form-group .tooltip.right.control-tooltip { top: 5px; left: 92%; } .form-group .tooltip.left.control-tooltip { top: 3px; right: 0; } .tooltip.control-tooltip .tooltip-inner { padding: 5px 10px; } /*ng-view*/ .view-slide-in.ng-enter { transition: all .5s ease; -webkit-transition:all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; position: relative; opacity: 0; top: 10px; left: 20px; } .view-slide-in.ng-enter.ng-enter-active { top: 0; left: 0; opacity: 1; } .view-slide-in.ng-leave.ng-leave-active{ top: 5px; left: 5px; opacity: 1; } .view-slide-in.ng-leave{ top: 0; left: 0; opacity: 0; } /*search*/ .search-advance { position: absolute; right: 35px; top: 5px; line-height: 20px; visibility: hidden; white-space: nowrap; cursor: pointer; } .search-advance.active,input[type="search"]:focus + .search-advance{ visibility: visible; } .has-feedback input[type="search"] { padding-right: 80px; } #searchContainer { width: 500px; transition: all 0.2s ease-in-out; } #searchContainer .block { padding-top: 15px; } #searchContainer .form-group { margin-bottom: 15px; } .warningLg { line-height: 40px; height: 40px; font-family: "Microsoft YaHei", "Hiragino Sans GB"; font-weight: 700; font-size: 17px; color:red; } .dropdown-tab{ width: 100%; height: 100%; position: fixed; z-index: 1; background: rgba(0, 0, 0, 0.2); left: 0; display: none; transition: display .2s ease-in; } .fixed-menu{ position: fixed; width: 100%; top: 0; z-index: 1000; } .dropdown-tab01{ width: 100%; position: absolute; background: #fff; box-shadow: 0 0 30px #888; font-family: "Microsoft YaHei", "微软雅黑"; transition: all .2s ease-in; } .dropdown-menu01{ width: 1100px; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .dropdown-tab .nav-pills>li{ width: 16%; text-align: left; line-height: 40px; } .dropdown-tab .nav-pills>li a{ padding: 0; font-size: 16px; color: #000; } .dropdown-tab .nav-pills>li a:hover{ color: #d32526; } .dropdown-tab .col-xs-2{ font-size: 14px; font-weight: bold; float: left; } .dropdown-tab .col-xs-2 img{ margin-bottom: 5px; } .dropdown-tab #dropdown-menu-sale img{ margin-top: 25%; } .dropdown-tab #dropdown-menu-purc img,.dropdown-tab #dropdown-menu-finance img,.dropdown-tab #dropdown-menu-report img{ margin-top: 0; vertical-align: middle; } .dropdown-tab #dropdown-menu-purc li,.dropdown-tab #dropdown-menu-finance li,.dropdown-tab #dropdown-menu-report li{ line-height: 60px; } .todo .todo-label em{ margin-right: 20px; } .todo .todo-content .col-xs-10{ margin-top:42px; } #change-company{ min-width: inherit; min-width: 222px; border: #ccc 1px solid; padding: 0; margin: 0; top: -100%; } #change-company:before{ width: 18px; height: 18px; border-top: #ccc 1px solid; border-left: #ccc 1px solid; background: #fff; content: ""; display: inline-block; position: absolute; top: 52px; left: -9px; transform: rotate(-45deg); box-shadow: -1px -1px 2px #ccc; z-index: -100; } #change-company .text-muted { line-height: 40px; padding: 0; margin: 0; padding-left: 10px; font-weight: inherit; } #change-company li{ padding-top: 0; } #change-company li a{ padding: 0; margin: 0; padding-left: 10px; line-height: 50px; border-bottom: #ccc 1px solid; padding-right: 10px; } .todo .list-unstyled{ display: inline-block; width: 100%; } .todo .todo-content:last-child{ border-bottom: none; } .feed-wrap .carousel-inner{ width: 246px; height: 600px; } .feed-wrap .carousel-inner .item img{ width: 246px; height: 568px; } .feed-wrap .carousel-indicators .active{ background: #050505; border: none; } .feed-wrap .carousel-indicators{ bottom: -10px; left: 125px; } .feed-wrap .carousel-indicators li{ background: #c2c2c2; width: 11px; height: 11px; margin: 3px; border-radius: 100%; border: none; } .pane-header img{ vertical-align: text-bottom; } .height6{ width: 100%; height: 0px; background: #333333; } .back-home{ width:100px; height: 30px; display: inline-block; background: #05acd1; font-size: 14px; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; float: right; bottom: 50px; position: relative; right: 90px; } #footer .margin-left{ margin-left: 8%; } .back-home:hover{ background: #3a89d1; text-decoration: none; } .data-wrap .todo{ margin-top: 0 !important; } #footer .col-sm-4 p{ font-size: 14px; line-height: 25px; padding: 0; margin: 0; } #footer .col-sm-4{ margin-top: 10px; } .modal-content{ margin-top: 90px; } .erweima-tk{ position: absolute; text-align: center; display: none; right: 160px; top: 30px; /*animation: slideDown .2s ease-in 1 normal both;*/ } .erweima-tk div{ width: 130px; height: 175px; background: #fff; margin-top: 28px; box-shadow: 0 0 2px #ccc; } .erweima-tk p{ text-align: center; font-size: 12px; padding-top: 10px; color: #323232; } /*账号切换 begin*/ .name-tk { position: absolute; text-align: left; display: none; right: 155px; top: 44px; /* animation: slideDown .2s ease-in 1 normal both; */ width: 250px; } .name-tk div{ margin-top: 10px; position: relative ; } .name-tk .user-message{ padding-left: 0; margin-bottom: 0; width: 250px; list-style: none; border: 1px solid #ccc; overflow: hidden; background: #fff; max-height: 550px; overflow-y: auto; } .name-tk .user-message li{ width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 50px; line-height: 50px; border-bottom: 1px solid #ccc; } .name-tk .user-message li:last-child { border-bottom: none; } .name-tk .user-message li:first-child a{ color:#d32526; } .name-tk .user-message li:first-child a span.red{ color:#d32526; } .name-tk .user-message li a{ padding-left: 10px; display: inline-block; width: 250px; height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .name-tk .user-message li.active a{ width: 250px; margin-top: 12px; line-height: 38px; background: #e8e8e8; } .name-tk .user-message li.active a span{ font-size: 13px; color: #000; } .name-tk .user-message li.active a span:first-child{ float: left; font-size: 13px; color: #d32526; width: 155px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .name-tk .user-message li a span:last-child { float: left; font-size: 13px; color: #999; } .name-tk div .cart { position: absolute; top: -28px; left: 85px; } .name-tk div .cart img{ width: 25px; height: 15px; } /*操作类型切换 begin*/ .user-tk { position: absolute; text-align: left; display: none; right: 0; top: 44px; /* animation: slideDown .2s ease-in 1 normal both; */ width: 150px; } .user-tk div{ margin-top: 10px; position: relative ; } .user-tk .user-message{ padding:0; margin-bottom: 0; list-style: none; box-shadow: 3px 3px 5px #ccc; overflow: hidden; background: #fff; } .user-tk .user-message li{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 35px; line-height: 35px; padding-left:15px; } .user-tk .user-message li a{ display: inline-block; height: 38px; overflow: hidden; } .user-tk .user-message li a:hover{ display: inline-block; height: 38px; overflow: hidden; color:#52a9fa; } .user-tk .user-message li:last-child{ padding:0; text-align: center; font-size: 14px; color: #ea6c6d; background: #f4f4f4; } .user-tk div .cart { position: absolute; top: -28px; left: 45px; } .user-tk div .cart img{ width: 25px; height: 15px; } /*账号切换 end*/ @-webkit-keyframes slideDown { from { -webkit-opacity:0; -moz-opacity:0; opacity:0; -webkit-transform:translate3d(0,-20%,0); -moz-transform:translate3d(0,-20%,0); -ms-transform:translate3d(0,-20%,0); -o-transform:translate3d(0,-20%,0); transform:translate3d(0,-20%,0) } to { -webkit-opacity:1; -moz-opacity:1; opacity:1; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } } input:-webkit-autofill { box-shadow: 0 0 0 1000px white inset !important;} .bule{ color: #3a89d1 !important; } #customer-tab .content{ width:930px; } .notice-dot{ position: relative; } .notice-dot em{ width: 8px; height: 8px; display: inline-block; background: #d32526; position: absolute; right: 0; top: 15px; border-radius: 100%; } /*公共详情*/ .pub-com_head { width: 100%; height: 40px; line-height: 44px; background: url("../img/approvalFlow/comm_bg01.png") no-repeat left; background-color: #f5f5f5; background-size: 100% 100%; } .pub-com_head span { margin-left: 20px; color: #000; font-size: 14px; } .pub-com_head .p-right{ float: right; } .pub-com_head .p-right a{ color: #3a89d1; font-size: 14px; margin-right: 20px; } .pub-com_head .p-right a:hover{ color: #d32526; text-decoration: underline; } .title-div { font-size: 14px; font-weight: 600; padding-left: 20px !important; height: 50px; padding-top: 11px; } .com_title01,.title-div{ border-bottom: 1px dashed #327ebe !important; } #order-detail-list{ font-size: 14px; } #order-detail-list .row{ width: 96%; margin: 0 auto; line-height: 30px; } #order-detail-list .title{ font-weight: inherit; } #order-detail-list .content{ color: #323232; } #order-detail-list .table-default .header { border: none; background: none; } #order-detail-list .table-default .header th{ border-bottom: none; font-weight: normal; color: #999; } #order-detail-list .table-default tbody tr{ background: none; } #order-detail-list .table-default tbody tr td{ vertical-align: middle; color: #323232; } #order-detail-list .table-default th,#order-detail-list .table-default td{ border-top: #ddd 1px dotted; } .scoroll{ max-height: 800px; overflow-y: scroll; overflow-x: hidden; display: inline-block; position: relative; } #order-detail-list .content-hide{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 560px; } .title-div .end { position: absolute; top: 10px; right: 0; line-height: 24px; padding-left: 15px; background: #fff; z-index: 2; } /*#order-detail-list .text-inverse{ width: 100%; display: inline-block; }*/ /*弹框搜索*/ #window-search .form-control{ height: 36px; line-height: 36px; border: #327ebe 1px solid; border-radius: 0px; font-size: 14px; } #window-search .input-group-addon{ width: 70px; height: 36px; display: inline-block; background: #327ebe; font-size: 16px; text-align: center; line-height: 36px; color: #fff !important; padding: 0; border: none; border-radius: 0; position: absolute; top: 0; right: 15px; } #order-detail-list .list-menu>li:before{ top: 15px; } .table-bordered{ border: none !important; } .order-table .header>th{ border-top: none !important; } .tender-table .header{ border-bottom: #e8e8e8 1px solid !important; } .blue{ color: #5078cb; } .red{ color: #f00; } /*不可以提交的时候背景为灰色*/ .dropdown-menu li td button{ border: none; } /* 日期按钮高度*/ .btn-ht34{ height: 34px !important; width: 34px !important; border: #b7b7b7 1px solid !important; } /*所有hover边框颜色*/ .sale-view .order-table>tbody:hover{ border: #d32526 2px solid !important; } /*.sale-view .order-table>tbody:hover tr:first-child td{ border-top: #d32526 1px solid !important; }*/ /*.sale-view .order-table>tbody{ border: #f00 2px solid !important; }*/ .order-table>tbody{ border: none !important; } /*.order-bd{ border-bottom: none !important; }*/ .btn-warning{ color: #5078cb; background-color: #fff; border-color: #5078cb; } .btn-warning:hover{ background: #3a89d1; border-color: #5078cb; } .modal-header{ padding: 10px !important; } .modal-header h3{ font-size: 14px; } .modal-header h3 i{ display: none; } .modal-header h3 span{ font-size: 14px; } /*disabled*/ .many-file-btn button:disabled, .bid-content>div>div.btn-bid>button:disabled, .tender-content>div>div.btn-publish>button:disabled, .tender-content>div>div.btn-save>button:disabled, .per-data ul li button.save:disabled, .purchase .save:disabled, .modal-footer button:disabled{ background: #999 !important; border: none !important; } .public-btn01{ border: 1px; width: 94px !important; height: 36px !important; line-height: 36px !important; font-size: 14px; display: inline-block; text-align: center; padding: 0; color: #fff; background: #5078cb; } .public-btn01:disabled { background: #999 !important; } input::-ms-clear{display:none;} input::-webkit-clear{display:none;} .modal-body .table-bordered{ border-top: #e8e8e8 1px solid !important; } /*ie修改*/ /*.tender-input01{ width: 150px !important; }*/ .enterprise-btn{ position: relative; } .enterprise-btn div{ position: absolute; top: 45px; left: 65px; } .enterprise-btn div a{ text-align: center; font-size: 14px; width: 110px; height: 30px; line-height: 30px; background: #ddb732; display: inline-block; color: #fff; border-radius: 5px; margin-top: 15px; position: relative; } .enterprise-btn div a em{ width: 10px; height: 10px; display: inline-block; background: #ea5a60; position: absolute; right: -5px; border-radius: 100%; top: -5px; } .enterprise-btn div a:hover{ text-decoration: none; background: #f6c20d; } /*所有列表筛选改动样式*/ #topSearch a{ width: 88px; height: 34px; display: inline-block; font-size: 14px; text-align: center; line-height: 34px; margin-right: 5px; } #topSearch a:hover,#topSearch a.active{ background: #5078cb; color: #fff; text-decoration: none; } .toggle p{ font-size: 14px; line-height: 40px; } .toggle p em{ font-size: 14px; color: #5078cb; font-style: inherit; } .result{ width: 110px; float: right; } .more-list{ margin-left: -15px; } .more-list .form-control{ border: #bfbfbf 1px solid; } .more-list .input-group-btn .btn{ border-color: #bfbfbf; } .btn-group button em{ font-style: inherit; } /*企业圈样式修改*/ .myReuest .add{ font-size: 16px; color: #5078cb; } .myReuest .add img{ margin-right: 5px; vertical-align: middle; } .myReuest{ padding-left: 0; } .myReuest p{ font-size: 14px; line-height: 40px; text-align: left; } .myReuest p em{ font-style: inherit; color: #5078cb; font-size: 14px; } .myReuest .col-xs-3{ text-align: right; line-height: 40px; } .wid_1170{ margin-left: -240px; width: 1170px; } .myReuest .col-xs-4{ padding-left: 0; } /* #myquest-public .block{ background: none; }*/ #myquest-public .group-container{ width: 100%; } #myquest-public table>tbody:last-child{ border-bottom: none !important; } #myquest-public table{ margin-bottom: 0; } #myquest-public .group-container .btn-group { width: 160px; border: none; height: 45px; } #myquest-public .group-container .btn-group .btn { border: none; font-size: 16px; } #myquest-public .group-container .btn-group .btn em { color: #d32526; font-style: inherit; } #myquest-public .group-container .btn-group .btn:hover { background: #fff; color: #d32526; } #myquest-public .group-container .btn-group .btn-info { color: #d32526; background: #fff; border: none; } #myquest-public .margin-bot{ margin-bottom: 10px; } #myquest-public .group-container{ /*height: 45px;*/ padding: 0; background: #fff; } #myquest-public #public .search-bg .input-group-addon{ width: 85px; } #myquest-public .customer-tab .customer-hd:first-child{ background: #fff; font-size: 16px; height: 40px; line-height: 40px; border-bottom: #ddd 1px solid; } #myquest-public .customer-tab .customer-hd span{ font-size: 16px; margin-left: 35px; } .text-left{ text-align: left !important; } #myquest-public .customer-tab .customer-bd{ background: #fff; line-height: 50px; position: relative; } #myquest-public .customer-tab tbody{ border-bottom: #f5f5f5 16px solid; } #myquest-public .customer-tab .customer-bd.first { line-height: 25px; font-size: 14px; padding-top: 10px; padding-bottom: 10px; } #myquest-public .customer-tab .customer-bd td{ text-align: left; } #myquest-public .customer-tab .customer-bd div{ margin-left: 20px; line-height: 30px; } #myquest-public .customer-tab .customer-bd div span{ font-size: 14px; } #myquest-public .customer-tab thead{ display: none; } #myquest-public .all-btn a{ width: 80px; height: 24px; line-height: 22px; border-radius: 4px; text-align: center; color: #327ebe; font-size: 14px; display: inline-block; margin: 0 auto; margin-left: 10px; border: #327ebe 1px solid; } #myquest-public .all-btn a.btn01{ /* background: #27b6da;*/ margin-bottom: 5px; } #myquest-public .all-btn a.btn02{ /*background: #327ebe;*/ border: #27b6da 1px solid; color: #27b6da; } #myquest-public .all-btn a:hover{ background: #5078cb; color: #fff; } .sreach-index{ background: #f5f5f5; text-align: center; width: 1170px; margin-left: -240px; } .sreach-index .form-control{ height: 36px; line-height: 36px; border: #327ebe 1px solid; border-radius: 0px; font-size: 14px; text-align: center; padding-right: 85px; } .sreach-index .row:first-child{ margin-top: 15%; margin-bottom: 35px; } .sreach-index .serach-btn{ width: 85px; height: 36px; display: inline-block; background: #327ebe; font-size: 16px; text-align: center; line-height: 36px; color: #fff; padding: 0; border: none; border-radius: 0; position: absolute; top: 0; right: 0; } .new-dot{ width: 10px; height: 10px; display: inline-block; background: #ea5a60; position: absolute; border-radius: 100%; top: 10px; } .left-nav>ul>li.active .new-dot,.left-nav>ul>li:hover .new-dot{ background: #ea5a60 !important; } .left-nav>ul>li a{ position: relative; } .left-nav>ul>li .new-dot{ left: 22px; } .view-slide-in .tab-active{ /*border-bottom: 1px solid #d32526 !important;*/ height: 45px; } .view-slide-in .tab-active .btn-group .btn-info{ border-bottom: 2px solid #d32526 !important; border-radius: 0 !important; } .no-record{ text-align: center; color: #666; border-top: #e8e8e8 1px dotted; line-height: 40px; border-bottom: #e8e8e8 1px dotted; } .tab-first{ width: 100%; background: #f5f5f5; height: 45px; margin-bottom: 15px; } .tab-first .row{ margin: 0; } .tab-first .row a{ width: 180px; display: inline-block; height: 45px; line-height: 45px; text-align: center; font-size: 18px; float: left; background: #eaeaea; border-top-right-radius: 10px; border-top-left-radius: 10px; margin-right: 5px; } .tab-first .row a.active{ background: #fff; border:#e8e8e8 1px solid; border-bottom: #fff 1px solid; } #myquest-public .group-container .btn-group .btn,#myrequest-btn .btn-group .btn{ width: 80px; text-align: center; height: 45px; line-height: 45px; padding: 0; margin-left: 26%; } #myquest-public .group-container .btn-group .style-btn, #myrequest-btn .btn-group .style-btn{ width: 150px; text-align: center; height: 45px; line-height: 45px; padding: 0; margin-left: 20%; } #myquest-public .group-container .btn-group .btn.btn-info,#myrequest-btn .btn-group .btn.btn-info{ border-bottom: #d32526 2px solid !important; border-radius: 0 !important; } #myquest-public .group-container .btn-group,.view-slide-in #myrequest-btn .btn-group{ width: 190px !important; } .order-table .product .text-muted{ word-break: break-all; } /*hover移上去2px 2017-05-09*/ .tender-list02 .comment-oder:hover,.tender-list dl dd:hover{ border: #d32526 2px solid !important; } /*2017-05-10*/ .unPrinted{ color: #5078cb !important; } .left-nav>ul>li:hover a{ background: #999; } .textmore{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} #order-detail-list .table-default .header{ box-shadow: none; } input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textarea:focus:invalid{ -moz-box-shadow: none; } .search-title{ font-size: 14px; line-height: 90px; font-weight: bold; margin:0 30px 0 5px; } .result-title{ font-size: 14px; line-height: 90px; text-align: left; } .result-title em{ color: #5078cb; font-size: 14px; } .pro-search .search { margin-top: 26px !important; } /*统一弹出框背景透明度*/ .bomb-box{ background: rgba(0,0,0,.5) !important; } .purchase .com_title01 a{ font-size: 14px; } .tender-content .tender-list02 dl dd:hover{ border: #d32526 2px solid; } .no-record-tab{ background: #fff; text-align: center; } .right tbody.no-record-tab{ border-bottom: 0 !important; } .no-record-tab tr{ height: 165px !important; } .no-record-tab tr td{ vertical-align: middle !important; } .no-record-tab tr td h3{ margin: 0; } .no-record-tab tr td h3 img{ vertical-align: sub; margin-right: 10px; } /*开关按钮*/ .checkbox{ width:54px; margin:0px auto; text-align: center; } .checkbox span{ width:54px; height: 26px; display: inline-block; border-radius: 18px; border: #e4e4e4 1px solid; background-color: #fff; cursor: pointer; position: relative; box-shadow: 1px 1px 5px #eee; transition: background-color .1s ease-out; } .checkbox span:after{ content: ""; position: absolute; width:22px; top:1px; left:0; height: 22px; line-height: 22px; background-color: #fff; border:#eee 1px solid; border-radius: 50%; box-shadow: -1px 2px 1px #999; transition: background-color .1s ease-out; color: #666; font-size: 12px; } .checkbox span.off{ background-color: #4bd562; transition: background-color .1s ease-in; border: #4bd562 1px solid; } .checkbox span.off:after{ content: ""; left: 29px; transition: left .1s ease-in; box-shadow: 1px 1px -1px #ccc; } .switch .checkbox{ padding-top: 6px; } .switch{ padding-left: 48px; line-height: 35px; } .switch span:first-child{ font-size: 14px; } #myquest-public .customer-tab .customer-hd .checkbox span{ /*margin-top: 5px;*/ } /*加入标准与非标标志*/ .order-hd td.hover-show{ position: relative; padding: 0 !important; } .hover-show a{ width: 100%; padding: 0; padding-right: 30px; display: inline-block; } .hover-show.bg01{ background: url(../img/icon/standard.png) no-repeat top right; background-position-y: -1px; } .hover-show.bg02{ background: url(../img/icon/no-standard.png) no-repeat top right; background-position-y: -1px; } /*分页样式统一调整*/ .ng-table-pager{ height: auto; padding: 25px 0; background: #fff; } .ng-table-pager .pagination{ height: 40px; margin-top: 10px; } .ng-table-pager .btn-default.active,.ng-table-pager .btn-default:hover,.ng-table-pager .pagination>.disabled>a,.ng-table-pager .pagination>li>a:hover{ color: #fff; background-color: #327ebe; border-color: #327ebe; } .ng-table-pager .pagination>.disabled>a{ box-shadow: none; } .ng-table-pager .pagination>li>a, .ng-table-pager .pagination>li>span{ font-size: 12px; color: #333; padding: 5px 10px; } .ng-table-pager .pagination>li:first-child.disabled>a,.ng-table-pager .pagination>li:nth-last-child(2).disabled>a{ color: #333; background-color: #fff; border: 1px solid #ddd; } .ng-table-pager .pagination>li:first-child a{ border-bottom-left-radius: 20px; border-top-left-radius: 20px; } .ng-table-pager .pagination>li:nth-last-child(2) a{ border-bottom-right-radius: 20px; border-top-right-radius: 20px; } .ng-table-pager .pagination>li.disabled>a[ng-switch-when="more"]{ color: #333; background-color: #fff; border: 1px solid #ddd; } /* 服务修改*/ /*.dropdown-tab{ display: inline-block !important; }*/ .dropdown-tab .content{ width: 1170px; margin: 0 auto; } .dropdown-tab .heed-tab{ width: 100%; height: 45px; line-height: 45px; border-bottom: #cfcfcf 1px solid; } .dropdown-tab .heed-tab ul{ width: 100%; height: 100%; -webkit-padding-start: 0; } .dropdown-tab .heed-tab ul li{ width: 116px; float: left; height: 45px; text-align: center; } .dropdown-tab .heed-tab ul li a{ display: inline-block; width: 100%; height: 100%; font-size: 16px; position: relative; } .dropdown-tab .heed-tab ul li a:after{ content: ''; position: absolute; width: 1px; height: 17px; top: 16px; right: 0; display: inline-block; background: #999999; } .dropdown-tab .heed-tab ul li:last-child a:after{ background: none; } .dropdown-tab .heed-tab ul li a em{ display: inline-block; width: 20px; height: 20px; margin-right: 8px; position: relative; top: 4px; } .dropdown-tab .heed-tab ul li a:hover{ text-decoration: none; color: #d8271c; } .dropdown-tab .heed-tab ul li a:hover{ cursor: pointer; } .dropdown-tab .heed-tab ul li a em.list01{ background: url("../img/icon/list01.png") no-repeat center; } .dropdown-tab .heed-tab ul li a em.list02{ background: url("../img/icon/list02.png") no-repeat center; } .dropdown-tab .heed-tab ul li a em.list03{ background: url("../img/icon/list03.png") no-repeat center; } .dropdown-tab .heed-tab ul li a em.list04{ background: url("../img/icon/list04.png") no-repeat center; } .dropdown-tab .heed-tab ul li.active a{ color: #d8271c; } .dropdown-tab .heed-tab ul li.active a em.list01,.dropdown-tab .heed-tab ul li:hover a em.list01{ background: url("../img/icon/list01-act.png") no-repeat center; } .dropdown-tab .heed-tab ul li.active a em.list02,.dropdown-tab .heed-tab ul li:hover a em.list02{ background: url("../img/icon/list02-act.png") no-repeat center; } .dropdown-tab .heed-tab ul li.active a em.list03,.dropdown-tab .heed-tab ul li:hover a em.list03{ background: url("../img/icon/list03-act.png") no-repeat center; } .dropdown-tab .heed-tab ul li.active a em.list04,.dropdown-tab .heed-tab ul li:hover a em.list04{ background: url("../img/icon/list04-act.png") no-repeat center; } .tab-list{ width: 100%; margin: 0 auto; padding: 30px 0; } .tab-list .tab{ display: none; } /*销售tab*/ .tab-list .tab01{ width: 1170px; height: 426px; background: url("../img/icon/list-bg01.png") no-repeat center; } .tab-list .tab a[href='']{ cursor: default !important; background: inherit !important; } .tab-list .tab01 div{ float: left; } .tab-list .tab01 .line01{ width: 70px; height: 426px; margin-left: 35px; } .tab-list .tab01 .line01 a{ width: 70px; height: 70px; padding: 16px 0; border-radius: 100%; } .tab-list .tab01 a{ font-size: 14px; color: #fff; text-align: center; display: inline-block; border-radius: 5px; /*background: #f47a86;*/ } .tab-list .tab01 a:hover{ text-decoration: none; background: #f47a86; } .tab-list .tab01 a.a01{ margin-top: 57px; } .tab-list .tab01 a.a02{ margin-top: 228px; } .tab-list .tab01 .line02{ width: 98px; height: 426px; margin-left: 75px; } .tab-list .tab01 .line02 a,.tab-list .tab01 .line03 a,.tab-list .tab01 .line04 a,.tab-list .tab01 .line05 a,.tab-list .tab01 .line06 a,.tab-list .tab01 .line07 a{ width: 98px; height: 26px; line-height: 26px; } .tab-list .tab01 a.a03{ margin-top: 0; } .tab-list .tab01 a.a04{ margin-top: 54px; } .tab-list .tab01 a.a05{ margin-top: 142px; } .tab-list .tab01 a.a06{ margin-top: 100px; margin-left: 2px; } .tab-list .tab01 .line03{ width: 98px; height: 426px; margin-left: 73px; } .tab-list .tab01 a.a07{ margin-top: 44px; } .tab-list .tab01 a.a08{ margin-top: 43px; height: 42px; line-height: inherit; } .tab-list .tab01 a.a09{ margin-top: 92px; } .tab-list .tab01 a.a10{ margin-top: 99px; position: relative; left: -2px; } .tab-list .tab01 .line04{ width: 98px; height: 426px; margin-left: 68px; } .tab-list .tab01 a.a11{ margin-top: 81px; } .tab-list .tab01 a.a12{ margin-top: 58px; } .tab-list .tab01 a.a13{ margin-top: 58px; } .tab-list .tab01 .line05{ width: 98px; height: 426px; margin-left: 74px; } .tab-list .tab01 a.a14{ margin-top: 36px; height: 42px; line-height: inherit; } .tab-list .tab01 a.a15{ margin-top: 43px; } .tab-list .tab01 a.a16{ margin-top: 52px; } .tab-list .tab01 .line06{ width: 98px; height: 426px; margin-left: 69px; } .tab-list .tab01 a.a17{ margin-top: 122px; } .tab-list .tab01 .line07{ width: 98px; height: 426px; margin-left: 74px; } .tab-list .tab01 a.a18{ margin-top: 44px; } .tab-list .tab01 a.a19{ margin-top: 53px; } .tab-list .tab01 a.a20{ margin-top: 52px; } /*采购tab*/ .tab-list .tab02{ width: 928px; height: 196px; background: url("../img/icon/list-bg02.png") no-repeat left; margin-left: 20px; margin-top: 50px; margin-bottom: 40px; } .tab-list .tab02 div{ float: left; } .tab-list .tab02 .line01{ width: 70px; height: 196px; margin-left: 1px; } .tab-list .tab02 .line01 a{ width: 70px; height: 70px; padding: 16px 0; border-radius: 100%; } .tab-list .tab02 a{ font-size: 14px; color: #fff; text-align: center; display: inline-block; border-radius: 5px; /*background: #f47a86;*/ } .tab-list .tab02 a:hover{ text-decoration: none; background: #f47a86; } .tab-list .tab02 a.a01{ margin-top: 14px; } .tab-list .tab02 .line02 a,.tab-list .tab02 .line03 a,.tab-list .tab02 .line04 a,.tab-list .tab02 .line05 a,.tab-list .tab02 .line06 a{ width: 98px; height: 26px; line-height: 26px; } .tab-list .tab02 .line02{ width: 98px; height: 196px; margin-left: 75px; } .tab-list .tab02 a.a02{ margin-top: 0; } .tab-list .tab02 a.a03{ margin-top: 56px; } .tab-list .tab02 a.a12{ margin-top: 62px; } .tab-list .tab02 .line03{ width: 98px; height: 196px; margin-left: 72px; } .tab-list .tab02 a.a04{ margin-top: 0; } .tab-list .tab02 a.a05{ margin-top: 55px; } .tab-list .tab02 .line04{ width: 98px; height: 196px; margin-left: 70px; } .tab-list .tab02 a.a06{ margin-top: 0; } .tab-list .tab02 a.a07{ margin-top: 56px; } .tab-list .tab02 a.a08{ margin-top: 62px; } .tab-list .tab02 .line05{ width: 98px; height: 196px; margin-left: 74px; } .tab-list .tab02 a.a09{ margin-top: 82px; } .tab-list .tab02 .line06{ width: 98px; height: 196px; margin-left: 76px; } .tab-list .tab02 a.a10{ margin-top: 43px; } .tab-list .tab02 a.a11{ margin-top: 54px; } /*企业圈tab*/ .tab-list .tab03{ width: 928px; height: 109px; background: url("../img/icon/list-bg03.png") no-repeat left; margin-left: 20px; margin-top: 50px; margin-bottom: 40px; } .tab-list .tab03 div{ float: left; } .tab-list .tab03 .line01{ width: 70px; height: 109px; margin-left: 1px; } .tab-list .tab03 .line01 a{ width: 70px; height: 70px; padding: 15px 0; border-radius: 100%; } .tab-list .tab03 a{ font-size: 14px; color: #fff; text-align: center; display: inline-block; border-radius: 5px; /*background: #f47a86;*/ } .tab-list .tab03 a:hover{ text-decoration: none; background: #f47a86; } .tab-list .tab03 a.a01{ margin-top: 17px; } .tab-list .tab03 .line02 a,.tab-list .tab03 .line03 a,.tab-list .tab03 .line04 a{ width: 98px; height: 26px; line-height: 26px; } .tab-list .tab03 .line02{ width: 98px; height: 109px; margin-left: 63px; } .tab-list .tab03 a.a02{ margin-top: 39px; } .tab-list .tab03 .line03{ width: 98px; height: 109px; margin-left: 81px; } .tab-list .tab03 a.a03{ margin-top: 0; } .tab-list .tab03 a.a04{ margin-top: 56px; } /*财务tab*/ .tab-list .tab04{ width: 1170px; height: 245px; background: url("../img/icon/list-bg04.png") no-repeat left; margin-top: 40px; margin-bottom: 40px; } .tab-list .tab04 div{ float: left; } .tab-list .tab04 .line01{ width: 70px; height: 245px; margin-left: 44px; } .tab-list .tab04 .line01 a{ width: 70px; height: 70px; line-height: 70px; border-radius: 100%; } .tab-list .tab04 a{ font-size: 14px; color: #fff; text-align: center; display: inline-block; border-radius: 5px; /*background: #f47a86;*/ } .tab-list .tab04 a:hover{ text-decoration: none; background: #f47a86; } .tab-list .tab04 a.a01{ margin-top: 0; } .tab-list .tab04 a.a02{ margin-top: 104px; } .tab-list .tab04 .line02 a,.tab-list .tab04 .line03 a,.tab-list .tab04 .line04 a{ width: 98px; height: 26px; line-height: 26px; } .tab-list .tab04 .line02{ width: 98px; height: 254px; margin-left: 75px; } .tab-list .tab04 a.a03{ margin-top: 24px; } .tab-list .tab04 a.a04{ margin-top: 148px; } .tab-list .tab04 .line03{ width: 98px; height: 254px; margin-left: 72px; } .tab-list .tab04 a.a05{ margin-top: 24px; } .tab-list .tab04 a.a06{ margin-top: 148px; } /*分页修改*/ .ng-table-pager{ } .ng-table-pager .pagination>.disabled>a{ box-shadow: none; } .ng-table-pager .pagination>li{ float: left; } .ng-table-pager .pagination>li a{ margin: 0 1px; box-shadow:0 0 3px #ccc inset; } .ng-table-pager .pagination>li .page-record{ } .ng-table-pager .pagination>li .page-record span{ font-size: 12px; margin: 0 12px; } .ng-table-pager .pagination>li .page-record span input{ width: 25px; height: 25px; border: #b8b8b8 1px solid; margin: 0 5px; text-align: center; } .ng-table-pager .pagination>li .page-record span button{ width: 48px; height: 26px; text-align: center; color: #fff; background: #327ebe; border: none; border-radius: 5px; margin: 0 5px; } .ng-table-pager .ng-table-counts{ display: none; } .ng-table-pager .pagination>li:first-child.disabled>a{ box-shadow:0 0 3px #ccc inset; } .ng-table-pager .pagination>li.disabled>a[ng-switch-when="more"]{ border: none; } .pagination>li>a, .pagination>li>span{ border: #ccc 1px solid; } .ng-table-pager .pagination>li button[disabled]{ cursor: not-allowed; } /*企业圈新修改*/ #myquest-public{ position: relative; } .com-tab-menu{ margin-top: 18px; } .com-tab-menu ul{ width: 100%; margin: 0 auto; } .com-tab-menu ul li{ float: left; height: 30px; list-style: none; position: relative; padding: 0 20px; } .com-tab-menu ul li.no-after:after{ display: none; } .com-tab-menu ul li:first-child{ padding-left: 0; } .com-tab-menu ul li:after{ content: ''; position: absolute; width: 1px; height: 16px; top: 8px; right: 0; display: inline-block; background: #999999; } .com-tab-menu ul li:last-child:after{ display: none; } .com-tab-menu ul li a{ width: 100%; height: 100%; display: inline-block; font-size: 16px; line-height: 30px; padding: 0 10px; } .com-tab-menu ul li a.add-btn{ width: 110px; height: 24px; line-height: 22px; border: #327ebe 1px solid; border-radius: 5px; color: #327ebe; font-size: 14px; text-align: center; padding: 0; margin-top: 6px; } .com-tab-menu ul li a.add-btn:hover,.com-tab-menu ul li a.add-btn.active{ background:#327ebe; color: #fff; border-bottom: none !important; } .com-tab-menu ul li a.active{ border-bottom: #d32526 2px solid!important; color:#d32526 ; } .form-input .form-group-sm .form-control{ height: 36px; line-height: 36px; border: #327ebe 1px solid; border-radius: 0px; font-size: 14px; } .form-input.search-bg .input-group-addon { width: 85px; height: 36px; display: inline-block; background: #327ebe; font-size: 16px; text-align: center; line-height: 36px; color: #fff; padding: 0; border: none; border-radius: 0; position: absolute; top: 0; right: 0; } .form-input.search-bg{ margin-top: 20px; margin-bottom: 15px; } .filter-list{ height: 30px; } .filter-list span{ color: #999; } .filter-list .input-select{ width: 110px; } .text-icon{ display: inline-block; padding: 2px 20px; font-size: 14px; transform: rotate(-10deg); border-radius: 5px; white-space: nowrap; text-align: center; color: #e07b7c; border: #e07b7c 1px solid; position: relative; line-height: inherit !important; position: absolute; right: 200px; } .form-input .col-xs-3{ font-size: 14px; } .form-input .col-xs-3 p{ margin: 0; line-height: 38px; } .form-input .col-xs-3 p em{ font-size: 14px; color: #327ebe; font-style: inherit; margin: 0 2px; } #myquest-public{ border: #e8e8e8 1px solid; border-top: none; } .tab-first{ position: relative; } .tab-first .row{ border-bottom: #e8e8e8 1px solid; height: 45px; } .tab-first .row:before{ content: ''; position: absolute; display: inline-block; height: 45px; width: 1px; background: #f5f5f5; left: -1px; top: 0; } .tab-first .row:after{ content: ''; position: absolute; display: inline-block; height: 45px; width: 1px; background: #f5f5f5; right: -1px; top: 0; } .line24{ line-height: 24px !important; } .height72{ height: 72px !important; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { background-color: #d8d4d4; border-radius: 5px; padding-left: 0 !important; } ::-webkit-scrollbar-thumb:hover { background-color: #b1abab; } /* 查看大图*/ .upload-pro .well{ padding: 0; width: 100px; height: 100px; position: relative; top: -110px; overflow: hidden; } .upload-pro .hover-show{ position: absolute; width: 100%; height: 100%; top: 100%; left: 0; background: rgba(0,0,0,.5); } .upload-pro .hover-show .delete{ padding: 0; width: 30px; height: 30px; float: right; text-align: center; line-height: 30px; } .upload-pro .hover-show .delete:hover{ cursor: pointer; } .upload-pro .hover-show .delete em{ color: #fff; font-size: 18px; margin-top: 10px; } .upload-pro .hover-show a{ display: inline-block; width: 100%; height: 70px; font-size: 14px; color: #fff; text-align: center; line-height:45px; padding-right: 0; } .upload-pro .hover-show a:hover{ cursor: pointer; } .upload-pro .hover-show a em{ margin-right: 5px; font-size: 16px; } .upload-pro .well:hover .hover-show{ top: 0; } /* 预览框 end */ #image-box .x-floating-wrap { position: fixed; z-index: 99998; background: #000; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; } #image-box .x-floating { position: fixed; z-index: 99999; width: 1200px; height: 600px; top: 50%; left: 50%; margin-left: -600px; margin-top: -300px; line-height: 560px; text-align: center; vertical-align: middle; } #image-box .x-floating img { margin: auto auto; max-width: 100% !important; max-height: 600px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } #image-box .x-close-wrap { position: fixed; top: 0; right: 0; z-index: 100000; width: 120px; height: 120px; margin: -60px -60px 0 0; border-radius: 100%; background: #000; opacity: .3 } #image-box .x-close-wrap a { position: absolute; left: 25px; bottom: 25px; font-size: 42px; color: #fff } #image-box .x-close-wrap:hover { opacity: .7 } a.order-detail { color: #327ebe !important; } /*新手引导*/ #mask{ display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: 0.5; } #searchTip{ display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 1000; } #searchTip div{ display: none; position: relative ; margin: 0 auto; width: 100%; height: 100%; } #searchTip div a{ display: inline-block; position: absolute; bottom: 20px; right: 20px; padding: 0; width: 105px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; font-size: 18px; color: #fff; cursor: pointer; background: #d32526; } #searchTip div span{ position: fixed; top: 5px; right: 10px; z-index: 100000; margin: -60px -60px 0 0; padding: 55px 0 0 24px; width: 120px; height: 120px; font-size: 47px; border-radius: 100%; background: #000; opacity: .3; } #searchTip div span:hover{ opacity: .7; color: #fff; } #searchTip div em.img{ display: inline-block; width: 100%; height: 100%; /*background: url('../img/guide/more00001.png');*/ } .stepA em.img{ background: url(../img/guide/more1.png) no-repeat center 0; } .stepB em.img{ background: url(../img/guide/more2.png) no-repeat center center; } .stepC em.img{ background: url(../img/guide/more3.png) no-repeat center center; }