html, body { padding: 0; margin: 0; background: #fff; font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif; min-width: 1200px; } input, textarea, select, button { font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, sans-serif; } .container{ width: 1200px; height: 100%; margin-right: auto; margin-left: auto; } .signup-header{ display: block; top: 0; left: 0; width: 100%; height: 60px; background-color: #373e46; } .signup-logo{ margin-top: 14px; } .sign-brand{ height: 213px; width: 100%; background: -moz-linear-gradient(top, #373e46 0%, #929292 100%); background: -webkit-linear-gradient(top, #373e46 0%,#929292 100%); background: -o-linear-gradient(top, #373e46 0%,#929292 100%); background: -ms-linear-gradient(top, #373e46 0%,#929292 100%); background: linear-gradient(to bottom, #373e46 0%,#929292 100%); padding-top: 124px; box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.15); } .sign-brand h2{ text-align: center; color: #fff; font-size: 32px; font-weight: normal; margin: 0; } .sign-brand h3{ text-align: center; color: #fff; font-size: 14px; font-weight: normal; opacity: 0.6; margin: 10px 0; } .signup-header-right{ margin-top: 18px; float: right; color: #FFFFFF; } .a-btn{ padding: 5px 10px; color: #fff; border: 1px solid #ddd; margin: 5px; text-decoration: none; } .a-btn:hover{ cursor: pointer; box-shadow: 0px 0px 3px 3px rgba(255, 255, 255, 0.5); } .signup-form{ position: relative; width: 835px; font-size: 14px; margin: 0 auto; top: -90px; padding: 45px 20px 20px; background: #fff; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.09); } .signup-form form{ width: 417px; margin: 0 auto; } .signup-form input{ height: 38px; width: 402px; padding-left: 10px; font-size: 14px; border: 1px solid #ccc; } .signup-form input.invalid{ box-shadow: 0 0 3px rgba(255, 100, 95, 0.9); border:1px solid transparent; } .signup-form input:focus{ outline: none; border-color: #ff7a18; } .signup-form input.verify-code{ width: 255px; } button.send-verify-code{ color: #51a0f0; background-color: #e8f5fd; width: 133px; height: 42px; border: none; font-size: 14px; margin-left: 10px; } button.send-verify-code[disabled]{ background-color: #ccc; color: #fff; } button.submit{ width: 416px; height: 42px; color: #fff; background-color: #ff7a18; border: none; font-size: 16px; cursor: pointer; } button.submit:hover{ box-shadow: 0 0 3px rgba(255, 122, 24, 0.9); } button.submit:focus{ outline: none; } label.invalid{ color: #f52431; font-size: 12px; margin-left: 10px; position: absolute; left: 418px; top: 12px; width: 200px; } .signup-form-item-content{ margin: 20px 0; position: relative; } .console-menu-fold{ height: 40px; color: #eee; text-align: center; line-height: 40px; background-color: #373d41; } .console-sidebar .console_branch{ color:#fff; font-weight: bold; font-size: 12px; height: 80px; text-align: center; padding-top: 20px; } li.console_index{ color: #fff; text-align: left; } .console-sidebar li.console_index >a{ padding-left: 15px; color: #fff; } .console-sidebar .console_menu{ color:#fff; font-weight: bold; font-size: 12px; height: 80px; text-align: center; padding-top: 20px; } .console-sidebar .console_menu>a{ padding-left: 30px; cursor: pointer; } .sidebar-collapse .console-sidebar .console_menu>a{ padding-left: 15px; } .main-sidebar.console-sidebar{ width:80px; background: #373737; -webkit-user-select: none; -moz-user-select: none; } .main-sidebar.console-sidebar .sidebar-menu a{ color: #fff; padding:0px 5px 0px 5px; font-size: 14px; } .skin-blue .main-header.console-header .navbar{ background-color: #2c2c2c; } .skin-blue .main-header.console-header .navbar-nav .gshmenu{ border: 0; font-size: 14px; } .skin-blue .main-header.console-header .navbar-nav .gshmenu-act{ border: 0; font-size: 14px; } .skin-blue .main-header.console-header .navbar-nav .gshmenu:after{ content: ''; position: absolute; right: 0; width: 1px; height: 30px; background-color: #fff; top: 10px; } .skin-blue .main-header.console-header .navbar-nav .gshmenu-act:after{ content: ''; position: absolute; right: 0; width: 1px; height: 30px; background-color: #fff; top: 10px; } .skin-blue .main-header.console-header .navbar-nav .gshmenu-act:before{ content: ''; position: absolute; right: 45%; bottom: 0; width: 0px; height: 0px; border: 7px solid rgba(0, 0, 0, 0); border-bottom-color: white; } .main-sidebar.console-sidebar .sidebar-menu>li:hover{ background-color: #2c2c2c; cursor: pointer; } .main-sidebar.console-sidebar .sidebar-menu>li.active{ background-color: #3d3d3d; } .main-sidebar.console-sidebar .sidebar-menu>li.active::after{ content: ''; position: absolute; right: 0; width: 18px; top: 30px; border: 10px solid rgba(0, 0, 0, 0); border-right-color: #eaeef3; } .main-sidebar.console-sidebar .sidebar-menu>li:hover>a, .main-sidebar.console-sidebar .sidebar-menu>li.active>a{ color: #fff; background: transparent; } .content-wrapper.console-content{ margin-left:80px; } .main-footer.console-footer{ margin-left:80px; } .sidebar-mini.sidebar-collapse .main-footer.console-footer{ margin-left:210px!important; } .main-header.console-header .navbar{ margin-left:0px; } .sidebar-collapse .main-header.console-header .navbar{ margin-left:0px; } .sidebar-collapse.sidebar-submenu .content-wrapper.console-content{ margin-left: 210px!important; } .menu-icon{ display: inline-block; zoom: 1; width: 16px; color: #8D99b0; vertical-align: middle; height: 16px; margin-right: 5px; } .console-wrapper .console-header>a.logo{ width:180px; } .main-sidebar.console-sidebar .sidebar-menu>li.all-menu-link:hover>a { color: #fff; background: transparent; border-left-color: transparent; } .wrapper.console-wrapper{ background-color: #fff; } .sub_menu_content{ width: 160px; position: absolute; left: 50px; top: 50px; height:100%; background-color: #3d3d3d; box-shadow: -10px 0px 10px 0px rgb(43, 43, 43); } .sub_menu_content.noside{ left: 0px; width: 210px; } .sub_menu{ list-style: none; color: #333; font-size: 12px; padding: 0px; } .sub_menu li{ color: #888; } .sub_menu li.has_c{ color: #fff; } .sub_menu li.active{ border-left: 4px solid #ffffff; background-color: #2c2c2c; } .sub_menu li.active a{ color: #FFF; } .sub_menu li a{ color: #eee; padding-left: 10px; height: 25px; line-height: 25px; cursor: pointer; } .sub_menu_content>ul.sub_menu>li{ padding-left:3px; line-height: 30px; } .sub_menu li{ padding-left:20px; } .sub_menu li.has_c.menu_open>i.fa-angle-down{ transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } .sub_menu li.has_c.menu_close>i.fa-angle-down{ transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .sub_menu li.has_c.menu_open ul{ display: block; } .sub_menu li.has_c a.menu_a{ padding-left: 0px; font-weight: bold; } .sub_menu li.has_c.menu_close ul{ display: none; } .sub_menu li.has_c li.has_c{ padding-left: 10px; } a.sub_menu_header{ height: 40px; line-height: 40px; color: #eee; text-align: center; display: block; background-color: #373737; } .console-sidebar .iconfont{ display: inline-block; } .all-menu{ line-height: 1.5em; position: absolute; top: 50px; left: 100%; height:100%; max-width: 0; overflow: hidden; background-color: #373737; -moz-transition: max-width 0.5s; -ms-transition: max-width 0.5s; -o-transition: max-width 0.5s; transition: max-width 0.5s; } ul.all-menu-ul{ width: 1200px; list-style: none; padding-left: 20px; } ul.all-menu-ul a{ color: #fff; font-size: 12px; } ul.all-menu-ul li.all-menu-li{ float: left; color: #8D99B0; min-width: 170px; margin: 0 10px; } ul.all-menu-ul li.all-menu-li:first-child{ margin-left: 0px; } ul.all-menu-ul li.all-menu-li>a{ padding: 10px 0px; display: block; border-bottom: 1px solid #eee; color: #eee; font-size: 14px; font-weight: bold; } ul.all-menu-sub-ul{ list-style: none; padding: 10px 10px 10px 0px; line-height: 30px; } ul.all-menu-sub-ul a{ color: #fff; font-size: 12px; cursor: pointer; } ul.all-menu-sub-ul a:hover{ color: #108CEE; } /*li.all-menu-sub-li i.fa-angle-down,i.fa-angle-right{*/ /*margin-left: -20px;*/ /*}*/ li.all-menu-sub-li.all-menu-has_c.all-menu_close > i.fa-angle-down{ transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); } li.all-menu-sub-li.all-menu-has_c.all-menu_open > i.fa-angle-down{ transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } li.all-menu-sub-li.all-menu-has_c.all-menu_close>ul.all-menu-sub-ul{ display: none; } li.all-menu-sub-li.all-menu-has_c.all-menu_open>ul.all-menu-sub-ul{ display: block; } li.all-menu-sub-li .all-menu-sub-ul{ padding-left: 10px; } .all-menu-sub-li a>i{ padding-right: 5px; } a.other-a { color: #fff; font-size: 14px; /*border-bottom: 1px solid #8D99B0;*/ width: 100px; display: block; font-weight: 600; } .pdr5{ padding-right:5px; } .pdr10{ padding-right:10px; } .pdl5{ padding-right:5px; } .pdl10{ padding-right:10px; } ul.console_sec_meun{ display: none; list-style: none; padding-left: 0px; font-weight: normal; background-color: #373d41; } ul.console_sec_meun>li{ padding: 10px 20px; } ul.console_sec_meun>li:hover{ background-color: #8D99B0; } .console_branch.has_sec>i.iconfont{ position: absolute; top:6px; z-index:9; } .console_branch.sec_menu_open>a>i.iconfont{ transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); webkit-transform: rotate(0deg); -o-transform: rotate(0deg); } .console_branch.sec_menu_close>a>i.iconfont{ transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .console_branch.sec_menu_open>ul.console_sec_meun{ display: block; } .console_branch.sec_menu_close>ul.console_sec_meun{ display: none; } .console_branch_a{ cursor: pointer; } .main-sidebar.console-sidebar .sidebar-menu a.console_branch_a.notopen{ color:#a0a0a0; } .with-border{ /*border-radius: 20px;*/ } .with-shadow{ box-shadow: 0px 0px 10px 4px rgba(189, 189, 189, 0.35); } .console_header_box { width: 100%; height: 140px; transition: all 0.5s ease; background-color: #fff; color: #333; font-size: 16px; } .console_order_box{ width: 100%; height: 400px; transition: all 0.5s ease; background-color: #fff; } .console_daib_box{ width: 100%; height: 400px; transition: all 0.5s ease; background-color: #fff; } .console_daib_box.with-half-top{ height: 200px; } .console_daib_box.with-half-bottom{ height: 184px; margin-top: 16px; } .console_yunz_box{ width: 100%; height: 300px; transition: all 0.5s ease; background-color: #fff; } .console_yingl_box{ width: 100%; height: 400px; transition: all 0.5s ease; background-color: #fff; } .console_new_product{ width: 100%; height: 300px; transition: all 0.5s ease; background-color: #fff; } .console_release_log{ width: 100%; height: 300px; transition: all 0.5s ease; background-color: #fff; } .gy-icon{ display: inline-block; width: 25px; height: 25px; } .gy-icon.icon-console{ background-image: url("../tms/img/console/icon-console.svg") ; background-size: 100% 100%; } .gy-icon.icon-crm{ background-image: url("../tms/img/console/icon-crm.svg") ; background-size: 100% 100%; } .gy-icon.icon-tower{ background-image: url("../tms/img/console/icon-tower.svg") ; background-size: 100% 100%; } .gy-icon.icon-manage{ background-image: url("../tms/img/console/icon-manage.svg") ; background-size: 100% 100%; } .gy-icon.icon-home{ background-image: url("../tms/img/console/icon-home-white.svg") ; background-size: 100% 100%; } .gy-icon.icon-home-orange{ background-image: url("../tms/img/console/icon-home-orange.svg") ; background-size: 100% 100%; } .gy-icon.icon-sss{ background-image: url("../tms/img/console/icon-sss-white.svg") ; background-size: 100% 100%; } .gy-icon.icon-sss-no{ background-image: url("../tms/img/console/icon-sss.svg") ; background-size: 100% 100%; } .gy-icon.icon-ghy{ background-image: url("../tms/img/console/icon-ghy-white.svg") ; background-size: 100% 100%; } .gy-icon.icon-ghy-no{ background-image: url("../tms/img/console/icon-ghy.svg") ; background-size: 100% 100%; } .gy-icon.icon-cred{ background-image: url("../tms/img/console/icon-cred-white.svg") ; background-size: 100% 100%; } .gy-icon.icon-cred-no{ background-image: url("../tms/img/console/icon-cred.svg") ; background-size: 100% 100%; } .gy-icon.icon-hwd{ background-image: url("../tms/img/console/icon-hwd-white.svg") ; background-size: 100% 100%; } .gy-icon.icon-hwd-no{ background-image: url("../tms/img/console/icon-hwd.svg") ; background-size: 100% 100%; } .gy-icon.icon-cwd{ background-image: url("../tms/img/console/icon-cwd-white.svg") ; background-size: 100% 100%; } .gy-icon.icon-cwd-no{ background-image: url("../tms/img/console/icon-cwd.svg") ; background-size: 100% 100%; } .gy-icon.icon-gsx{ background-image: url("../tms/img/console/icon-gsx.svg") ; background-size: 100% 100%; } .gy-icon.icon-common{ background-image: url("../tms/img/console/icon-common-white.svg") ; background-size: 100% 100%; } .gy-icon.icon-common-no{ background-image: url("../tms/img/console/icon-common.svg") ; background-size: 100% 100%; } .gy-icon.icon-humburger{ background-image: url("../tms/img/console/icon-hamburger-white.svg") ; background-size: 100% 100%; } .gy-icon.icon-console-nowrap{ background-image: url("../tms/img/console/icon-console-nowrap.svg") ; background-size: 100% 100%; } .a-console{ width: 180px; height: 50px; line-height: 50px; text-align: center; display: inline-block; color: #FFF; font-weight: bold; font-size: 18px; } .a-console:hover{ color: #fff; } .console-menu-hamburger{ display: inline-block; position: absolute; top: 13px; left: 200px; } .menu-icon{ position: absolute; width: 80px; /* margin: 0 auto; */ left: 0; } .menu-text{ position: absolute; width: 80px; left: 0; top: 30px; } .console-icon{ width: 40px; height: 40px; position: absolute; left: 5px; top: 5px; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header{ background-color: #3d3d3d; } .icon{ display: inline-block; width: 60px; height: 60px; } .icon.icon-replacement-plan{ background-image: url("../img/order/icon-replacement-plan.svg") ; background-size: 100% 100%; } .icon.icon-unfinished-waybill{ background-image: url("../img/order/icon-unfinished-waybill.svg") ; background-size: 100% 100%; } .icon.icon-operation-project{ background-image: url("../img/order/icon-operation-project.svg") ; background-size: 100% 100%; } .icon.icon-monthly-cost{ background-image: url("../img/order/icon-monthly-cost.svg") ; background-size: 100% 100%; } .icon.icon-unfinished-waybill{ background-image: url("../img/order/icon-unfinished-waybill.svg") ; background-size: 100% 100%; } .icon.icon-warning { background-image: url("../img/push/warning.svg"); background-size: 100% 100%; } .icon.icon-common { background-image: url("../img/push/common.svg"); background-size: 100% 100%; } .icon.icon-major { background-image: url("../img/push/major.svg"); background-size: 100% 100%; } /** *分页组件样式 修改 * **/ .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 2; color: #fff; cursor: default; background-color: #2c2c2c; border-color: #2c2c2c; } .pagination>li:first-child>a, .pagination>li:first-child>span{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } /** *nav tabs样式修改 ***/ .nav-tabs-custom > .nav-tabs > li.active { border-top-color: #2c2c2c; }