@charset "UTF-8";
.common_container_title_h2 { font-family: "微软雅黑", "雅黑", "yahei", "黑体", "宋体"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; font-weight: bold; margin-bottom: 30px; }

.common_module_container { padding: 20px 0; }

.common_module_container:before, .common_module_container:after { content: " "; display: table; }

.common_module_container:after { clear: both; }

.common_side_menu { border: 1px #ddd solid; border-radius: 5px; padding-left: 20px; }

.common_side_menu > li { padding-left: 40px; border-bottom: 1px solid #ddd; }

.common_slide_trigger { display: inline-block; width: 60px; height: 22px; overflow: hidden; line-height: 22px; border-radius: 30px; background-color: #8c8c8c; z-index: 1; position: relative; cursor: pointer; }

.common_slide_trigger::selection { background-color: transparent; }

.common_slide_trigger::-webkit-selection { background-color: transparent; }

.common_slide_trigger::-moz-selection { background-color: transparent; }

.common_slide_trigger::-ms-selection { background-color: transparent; }

.common_slide_trigger::-o-selection { background-color: transparent; }

.common_slide_trigger::selection { background-color: transparent; }

.common_slide_trigger > div { height: 22px; width: 120px; position: absolute; z-index: 9; left: 0; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; }

.common_slide_trigger > div > i, .common_slide_trigger > div > div { display: inline-block; }

.common_slide_trigger > div > i { color: #fff; width: 34px; padding: 0 0 0 8px; }

.common_slide_trigger > div > div { width: 60px; border-radius: 30px; background-color: #6fba2c; }

.common_slide_trigger > div > div > span, .common_slide_trigger > div > div > i { display: inline-block; vertical-align: top; }

.common_slide_trigger > div > div > span { border: 1px #cccccc solid; height: 22px; width: 22px; overflow: hidden; border-radius: 30px; background-color: #fff; }

.common_slide_trigger > div > div > span > span { opacity: 0; -webkit-animation: 1s linear 0s normal none infinite degress360; -moz-animation: 1s linear 0s normal none infinite degress360; -ms-animation: 1s linear 0s normal none infinite degress360; -o-animation: 1s linear 0s normal none infinite degress360; animation: 1s linear 0s normal none infinite degress360; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; position: relative; top: 0; left: 4px; }

@-webkit-keyframes degress360 { from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); } }

@-moz-keyframes degress360 { from { -moz-transform: rotate(0deg); }
  to { -moz-transform: rotate(360deg); } }

@-o-keyframes degress360 { from { -o-transform: rotate(0deg); }
  to { -o-transform: rotate(360deg); } }

@keyframes degress360 { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

.common_slide_trigger > div > div > i { color: #fff; margin: 0 10px 0 0; }

.common_slide_trigger.common_on > div { left: -38px; }

.common_slide_trigger.common_on > div > div { background-color: #6fba2c; }

.common_slide_trigger.common_disabled { cursor: not-allowed; opacity: 0.6; }

.common_slide_trigger.common_inProgress { cursor: not-allowed; }

.common_slide_trigger.common_inProgress > div > div > span > span { opacity: 1; }

.common_menu_side_left { position: relative; padding-right: 4px; float: left; width: 154px; margin: 0 20px; }

.common_menu_side_left .common_menu_side_slider { height: 40px; width: 4px; background: #6fba2c; position: absolute; top: 0; right: 0; }

.common_menu_side_left .common_menu_side_content { border: 1px #ddd solid; border-radius: 5px; }

.common_menu_side_left .common_menu_side_content > li { background: no-repeat 2px center; cursor: pointer; font-size: 14px; padding-left: 30px; height: 40px; line-height: 40px; border-bottom: 1px solid #cdd7d1; color: #a2a6a9; display: block; margin-left: 20px; text-decoration: none; }

.common_menu_side_left .common_menu_side_content > li.common_menu_side_active { background-color: transparent; font-weight: 700; color: #666; overflow: hidden; }

.common_menu_side_left .common_menu_side_content > li.common_menu_side_hover { color: #000; }

.common_menu_side_right_container { margin: 0 20px 0 194px; }

.common_module_tags { border-bottom: 1px #d1d8e0 solid; height: 38px; }

.common_module_tags:before, .common_module_tags:after { content: " "; display: table; }

.common_module_tags:after { clear: both; }

.common_module_tags > li { float: left; position: relative; cursor: pointer; font-size: 14px; height: 38px; line-height: 38px; overflow: hidden; padding: 0 20px; color: #769cc3; border: 1px #fff solid; border-bottom-color: #d1d8e0; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; }

.common_module_tags > li.common_active { z-index: 99; color: #333333; background-color: #fff; border: 1px #d1d8e0 solid; border-bottom-color: #fff; border-radius: 5px 5px 0 0; }

.common_module_tags_content { padding-top: 30px; }

.common_table > thead th { background-color: #f2f2f2; }

.common_table > tbody > tr { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; }

.common_table > tbody > tr > .common_table_tips { padding: 30px; text-align: center; }

.common_table > tbody > tr:hover { background-color: #fafafa; }

.common_table_nowarp { width: 100%; overflow-x: auto; overflow-y: hidden; border: 1px #ddd solid; }

.common_table_nowarp > table { border: none; table-layout: inherit; width: 100% !important; max-width: 100% !important; }

.common_table_nowarp tr { border: none !important; }

.common_table_nowarp tr th, .common_table_nowarp tr td { border: 1px solid #cccccc !important; border-width: 0 1px 1px 0 !important; white-space: nowrap; }

.common_table_nowarp tr th:last-child, .common_table_nowarp tr td:last-child { border-right: none !important; }

.common_table_nowarp tbody tr:last-child th, .common_table_nowarp tbody tr:last-child td { border-bottom: none !important; }

.common_table_nowarp.nodata thead > tr { border-bottom: none; }

.common_table_container { margin-bottom: 30px; }

.common_table_center { margin: 0 auto; width: 95%; }

.common_table_title_h1, .common_table_edit_title_h1 { font-size: 14px; padding: 20px 5px; font-weight: bold; }

.common_table_edit_title_h1 { padding-top: 0; margin-bottom: 20px; }

.common_title_dashed { border-bottom: 1px dashed #999999; }

.common_table_list th, .common_table_list_noborder th, .common_table_th_textright th, .common_table_list td, .common_table_list_noborder td, .common_table_th_textright td { border-top: none !important; border-bottom: 1px solid #ddd; font-size: 14px; font_weight: normal; }

.common_table_list_noborder th, .common_table_list_noborder td { border: none !important; }

.common_table_th_textright th { text-align: right; }

.common_table_toolbar { width: 100%; }

.common_table_toolbar th, .common_table_toolbar td { padding: 0 5px; }

.common_table_toolbar th { vertical-align: middle; }

.common_table_toolbar .btn_group > .btn { padding: 5px 30px; }

.common_table_toolbar .form_control { margin-bottom: 10px; }

.common_table_toolbar .input_group { margin-bottom: 10px; }

.common_table_toolbar .input_group .form_control { margin-bottom: 0; }

.common_table_toolbar .calander .calander_input { width: 228px; }

.common_table_toolbar .calander .error { margin-bottom: 30px; }

.common_table_toolbar .calander .w5c-error { position: absolute; top: 100%; left: 0; right: 0; }

.common_table_tips { background-color: #fafafa; padding: 30px; text-align: center; }

.common_line_rotate_30deg { border-left: 1px #ddd solid; transform: rotate(30deg); color: #e6e6e6; width: 50px; height: 80px; margin: 0; padding: 0; }

.common_scaffolding_ring { width: 90px; height: 90px; border: 1px #ddd solid; border-radius: 1000px; text-align: center; }

.common_red { color: #ed706f; }

.common_yellow { color: #fdb855; }

.common_green { color: #6fba2c; }

.common_center { text-align: center; }

.common-margin-clear { margin: 0 !important; }

.smartAutoSelect { position: relative; width: 100%; z-index: 100; }

.smartAutoSelect > .arrow-down { border: 4px solid #ddd; border-color: #000 transparent transparent transparent; position: absolute; top: 15px; right: 8px; width: 0; height: 0; z-index: 101; }

.smartAutoSelect > .smartAuto-input-content { background-color: #f5f7f2; border: 1px #ddd solid; padding: 3px 0 0 5px; position: relative; }

.smartAutoSelect > .smartAuto-input-content .smartAuto-inpt, .smartAutoSelect > .smartAuto-input-content > span { line-height: 24px; font-size: 12px; }

.smartAutoSelect > .smartAuto-input-content > span { color: #fff; display: inline-block; padding: 0 24px 0 8px; margin: 0 5px 3px 0; background-color: #97a79a; border-radius: 5px; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; word-break: break-all; white-space: normal; position: relative; }

.smartAutoSelect > .smartAuto-input-content > span > .cross { cursor: pointer; display: inline-block; vertical-align: middle; position: absolute; top: 10px; right: 8px; width: 9px; height: 6px; background: no-repeat 0 0; background-image: url("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAMAAAAmGUT3AAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMA+i/wqOgJzQN0JqWaR6K2Iz032dNCcJ8T6X8AAAA4SURBVHheHcbFAcAwDANABWw5KaP237Rwr8PK40LnmYFs6bay4dWL0o5Pk2mOP4tXDYGJ1REj2wM2KQHMxINy6wAAAABJRU5ErkJggg=="); opacity: 0.85; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }

.smartAutoSelect > .smartAuto-input-content > span > .cross:hover { opacity: 1; }

.smartAutoSelect > .smartAuto-input-content > span > .glyphicon { margin-left: 8px; }

.smartAutoSelect > .smartAuto-input-content > span:hover { background-color: #6f8372; }

.smartAutoSelect > .smartAuto-input-content > span.shining { animation: smartAuto-shiningLink 1s 1 alternate; }

.smartAutoSelect > .smartAuto-input-content > div { margin: 0 5px 3px 0; display: inline-block; }

.smartAutoSelect > .smartAuto-input-content > div .smartAuto-inpt { width: 100%; padding: 0; margin: 0; border: none; background-color: transparent; }

.smartAutoSelect > .smartAuto-inpt-emulator-content { height: 1px; overflow: hidden; }

.smartAutoSelect > .smartAuto-inpt-emulator-content > .smartAuto-inpt-emulator { height: 1px; color: transparent; background-color: transparent; overflow: hidden; }

.smartAutoSelect > .smartAuto-select { display: none; padding: 5px; margin-top: -1px; background-color: #fff; height: 130px; border: 1px #ddd solid; position: absolute; left: 0; right: 0; z-index: 99; overflow: auto; }

.smartAutoSelect > .smartAuto-select > li { word-break: break-all; white-space: normal; position: relative; border-radius: 3px; padding: 5px 8px 5px 24px; margin-bottom: 3px; cursor: pointer; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; }

.smartAutoSelect > .smartAuto-select > li:last-child { margin-bottom: 0; }

.smartAutoSelect > .smartAuto-select > li > span { background: url("/lib/images/nscloud_checkbox_09.png") no-repeat 0 0; display: inline-block; width: 16px; height: 16px; position: absolute; left: 5px; top: 5px; }

.smartAutoSelect > .smartAuto-select > li.selected { background-color: #e9f4df; }

.smartAutoSelect > .smartAuto-select > li.selected > span { background-image: url("/lib/images/nscloud_checkbox_10.png"); display: inherit; }

@keyframes smartAuto-shiningLink { 0% { background-color: #97a79a; }
  25% { color: #fff;
    background-color: #ed706f; }
  50% { background-color: #97a79a; }
  75% { color: #fff;
    background-color: #ed706f; }
  to { background-color: #97a79a; } }

@keyframes smartAuto-tagScale { to { transform: scale(1, 1); } }

/** Created by Vincent on 2017/3/20. */
.common-service-status-list-bg, .common-service-status-list > li > .status-text > i, .common-service-status-list > li > .status-text > b, .common-service-status-list > li > .status-icon, .common-service-status-list > li > .contracts > p.mode-btn > i { background: url("/krosa/images/service/serviceConfig.png") no-repeat 0 0; }

.common-service-status-container { padding: 20px; }

.common-service-status-list:before, .common-service-status-list:after { content: " "; display: table; }

.common-service-status-list:after { clear: both; }

.common-service-status-list > li { width: 290px; box-sizing: border-box; padding: 33px 30px 0 30px; background-color: #fff; float: left; position: relative; }

.common-service-status-list > li > .top-line { position: absolute; top: 0; left: 0; right: 0; height: 3px; background-color: #fff; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; will-change: transition,background-color; }

.common-service-status-list > li > .status-text { position: absolute; display: inline-block; height: 24px; line-height: 24px; top: 56px; left: 195px; color: #fff; min-width: 36px; text-align: center; word-break: keep-all; white-space: nowrap; }

.common-service-status-list > li > .status-text > i, .common-service-status-list > li > .status-text > b { display: inline-block; height: 24px; width: 11px; overflow: hidden; position: absolute; top: 0; vertical-align: middle; }

.common-service-status-list > li > .status-text > i { left: -10px; }

.common-service-status-list > li > .status-text > b { right: -10px; }

.common-service-status-list > li > .status-icon { width: 70px; height: 70px; margin: 0 auto 15px auto; position: relative; }

.common-service-status-list > li > p { text-align: center; font-size: 16px; margin-bottom: 30px; position: relative; }

.common-service-status-list > li > p > strong { color: #D7534A; font-size: 16px; margin: 0 8px; }

.common-service-status-list > li > p > i { display: block; margin-top: 5px; position: absolute; text-align: center; top: 20px; left: 0; right: 0; }

.common-service-status-list > li > h4 { font-size: 14px; color: gray; margin-bottom: 8px; }

.common-service-status-list > li > .contracts { color: gray; margin: 0 -15px; padding: 0 15px; position: relative; margin-bottom: 20px; }

.common-service-status-list > li > .contracts > p { position: relative; }

.common-service-status-list > li > .contracts > p > span { font-size: 12px; display: block; margin-right: 0; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; overflow: hidden; min-width: 0; }

.common-service-status-list > li > .contracts > p > i { font-size: 12px; position: absolute; right: 0; top: 0; color: #3770be; }

.common-service-status-list > li > .contracts > p.mode-btn { cursor: pointer; }

.common-service-status-list > li > .contracts > p.mode-btn > span { margin-right: 30px; }

.common-service-status-list > li > .contracts > p.mode-btn > i { display: block; width: 18px; height: 18px; overflow: hidden; background-position: -384px 0; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; will-change: opacity; }

.common-service-status-list > li > .contracts > p.mode-btn:hover > i { opacity: 0.85; }

.common-service-status-list > li > .contracts > ul { position: absolute; display: none; padding: 5px 8px; left: 1px; right: 1px; margin: 5px 0 0 0; background-color: #fff; z-index: 30; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); max-height: 300px; overflow: auto; border: 1px solid #ddd; }

.common-service-status-list > li > .contracts > ul > li { text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; overflow: hidden; min-width: 0; padding: 8px 5px; border-bottom: 1px solid #ddd; }

.common-service-status-list > li > .contracts > ul > li:last-child { border: none; }

.common-service-status-list > li > .contracts.show-list > ul { display: block; }

.common-service-status-list > li > .orderList-service-btn-group { margin: 0 -30px; border-top: 1px solid #ddd; }

.common-service-status-list > li > .orderList-service-btn-group:before, .common-service-status-list > li > .orderList-service-btn-group:after { content: " "; display: table; }

.common-service-status-list > li > .orderList-service-btn-group:after { clear: both; }

.common-service-status-list > li > .orderList-service-btn-group a { float: left; display: block; box-sizing: border-box; padding: 19px 0 16px 0; width: 100%; border-bottom: 3px solid #fff; text-align: center; font-size: 14px; text-decoration: none; }

.common-service-status-list > li > .orderList-service-btn-group a:hover { color: #6c8399; background-color: #f4f4f4; font-weight: bold; border-bottom: 3px solid #6c8399; }

.common-service-status-list > li > .orderList-service-btn-group a.gray { color: #cccccc; }

.common-service-status-list > li > .orderList-service-btn-group a.gray:hover { font-weight: normal; background-color: transparent; border-bottom-color: #fff; }

.common-service-status-list > li > .orderList-service-btn-group.btn2 a, .common-service-status-list > li > .orderList-service-btn-group.btn3 a { border-right: 1px solid #ddd; }

.common-service-status-list > li > .orderList-service-btn-group.btn2 a:last-child, .common-service-status-list > li > .orderList-service-btn-group.btn3 a:last-child { border-right: none; }

.common-service-status-list > li > .orderList-service-btn-group.btn2 a { width: 50%; }

.common-service-status-list > li > .orderList-service-btn-group.btn3 a { width: 33.33%; }

.common-service-status-list > li > .orderList-service-btn-group.btn3 a:last-child { width: 33.34%; }

.common-service-status-list > li.status-willExpire:hover > .top-line { background-color: #e77817; }

.common-service-status-list > li.status-willExpire:hover > .status-icon { animation: common-service-status-willExpire 7s linear infinite; }

.common-service-status-list > li.status-willExpire > .status-text { background-color: #e77817; }

.common-service-status-list > li.status-willExpire > .status-text > i { background-position: -282px 0; }

.common-service-status-list > li.status-willExpire > .status-text > b { background-position: -303px 0; }

.common-service-status-list > li.status-willExpire > .status-icon { background-position: 0 0; }

.common-service-status-list > li.status-running:hover > .top-line { background-color: #6fba2c; }

.common-service-status-list > li.status-running:hover > .status-icon { animation: common-service-status-running 7s linear infinite; }

.common-service-status-list > li.status-running > .status-text { background-color: #6fba2c; }

.common-service-status-list > li.status-running > .status-text > i { background-position: -240px 0; }

.common-service-status-list > li.status-running > .status-text > b { background-position: -261px 0; }

.common-service-status-list > li.status-running > .status-icon { background-position: -80px 0; }

.common-service-status-list > li.status-expired:hover > .top-line { background-color: #da251d; }

.common-service-status-list > li.status-expired:hover > .status-icon { animation: common-service-status-expired 1s linear infinite; }

.common-service-status-list > li.status-expired > .status-text { background-color: #da251d; }

.common-service-status-list > li.status-expired > .status-text > i { background-position: -324px 0; }

.common-service-status-list > li.status-expired > .status-text > b { background-position: -345px 0; }

.common-service-status-list > li.status-expired > .status-icon { background-position: -160px 0; }

.common-service-status-list.form-order-list { margin-left: 1px; }

.common-service-status-list.form-order-list > li { margin-left: -1px; border: 1px solid #ddd; margin-bottom: 20px; }

.common-service-status-list.form-service { margin: -10px -15px 10px -15px; }

.common-service-status-list.form-service > li { margin: 10px 15px; }

.common-service-status-list.border-need > li { border: 1px solid #ddd; }

@keyframes common-service-status-running { 0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); } }

@keyframes common-service-status-willExpire { 0% { transform: rotate(0deg); }
  50% { transform: rotate(-360deg); }
  100% { transform: rotate(-360deg); } }

@keyframes common-service-status-expired { 0% { opacity: 1; }
  50% { opacity: 0.6; }
  100% { opacity: 1; } }

.common_noborder { border: none !important; }

/*# sourceMappingURL=maps/common.css.map */