@charset "UTF-8";


/* header ***************************************************/
.header {
    margin: 0 auto;
    width: 100%;
    height: 90px;
    font-size: 12px;
    color: #333;
    background: #fff;
    clear: both;
    -webkit-box-shadow: 0px 0 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    z-index: 10
}

.header .wrap {
    margin: 0 auto;
    width: 1200px;
    height: 100%
}

.header .header-logo a {
    display: inline-block;
    line-height: 90px
}

.header .header-logo img {
    width: auto;
    height: 45px
}

.header .header-title {
    line-height: 20px;
    margin: 38px 0 0 20px;
    padding-left: 20px;
    font-size: 18px;
    color: #666;
    border-left: 1px solid #ddd
}

.header .header-info {
    padding-top: 25px
}

.header .header-info, .header .header-info a {
    font-size: 14px;
    color: #333;
    text-decoration: none
}

.header .header-info .header-character {
    margin-right: 30px;
    line-height: 42px
}

.header .dropdown {
    line-height: 30px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.header .dropdown .iconfont {
    font-size: 24px;
    margin-right: 6px;
    vertical-align: middle
}

.header .dropdown .dropdown-btn {
    display: block;
    min-width: 100px;
    height: 100%;
    padding: 0 5px;
    z-index: 2
}

.header .dropdown .glyphicon {
    margin-left: 3px;
    font-size: 10px
}

.header .dropdown .glyphicon-triangle-bottom {
    display: inline-block;
    transition: transform 0.2s, vertical-align 0.2s;
    -o-transition: transform 0.2s, vertical-align 0.2s;
    -ms-transition: transform 0.2s, vertical-align 0.2s;
    -moz-transition: transform 0.2s, vertical-align 0.2s;
    -webkit-transition: transform 0.2s, vertical-align 0.2s
}

.header .dropdown.open .glyphicon-triangle-bottom {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.header .dropdown .dropdown-menu {
    left: auto;
    right: -1px;
    padding: 10px 0 0 0;
    margin-top: -1px !important;
    min-width: 100px;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 4px;
    box-shadow: none !important;
    overflow: hidden
}

.header .dropdown .dropdown-menu li a {
    display: block;
    padding-left: 14px;
    line-height: 30px;
    font-size: 14px;
    color: #333
}

.header .dropdown .dropdown-menu li a:hover {
    background: #f1f1f1
}

.header .dropdown .dropdown-menu li .iconfont {
    margin-right: 13px;
    font-size: 16px;
    vertical-align: middle
}

.header .notice {
    position: relative;
    margin: 12px 20px 0 0
}

.header .notice i {
    font-size: 20px
}

.header .notice .point {
    position: absolute;
    left: 20px;
    top: -3px;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #fb9678
}

.header .notice .wave {
    position: absolute;
    left: 13px;
    top: -10px;
    height: 20px;
    width: 20px;
    border: 3px solid #fb9678;
    border-radius: 70px;
    -moz-animation: wave 1s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: wave 1s ease-out;
    -o-animation-iteration-count: infinite;
    -webkit-animation: wave 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    z-index: 10
}

@-moz-keyframes wave {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }
    25% {
        -moz-transform: scale(.1);
        opacity: .1
    }
    50% {
        -moz-transform: scale(.5);
        opacity: .3
    }
    75% {
        -moz-transform: scale(.8);
        opacity: .5
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }
    25% {
        -webkit-transform: scale(.1);
        opacity: .1
    }
    50% {
        -webkit-transform: scale(.5);
        opacity: .3
    }
    75% {
        -webkit-transform: scale(.8);
        opacity: .5
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}


/* footer */
.footer {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #e3e9eb;
    background: #fafafa;
    z-index: 8
}


/* company */
.company-cover {
    float: right;
    margin-right: 10px;
    width: 120px;
    text-align: center
}

.company-logo {
    width: 90px;
    height: 90px;
    padding: 5px;
    margin-bottom: -1px;
    border: 1px solid #ddd;
    text-align: center;
    background: #fff
}

.company-btn a {
    display: inline-block;
    margin-top: 15px;
    margin-right: 10px;
    padding: 3px 10px;
    line-height: 25px;
    font-size: 12px;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #4a82d9
}

.company-btn a:hover {
    color: #fff
}


/* body ****************************************************/
.viewFramework-body {
    margin: 50px auto 30px auto;
    width: 1200px
}


/* navbar *************************************************/
.viewFramework-navbar {
    float: left;
    width: 190px;
    background: #fff
}

.navbar-info {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    color: #fff;
    background: #f5951c
}

.navbar-info .cover {
    position: absolute;
    left: 45px;
    top: -30px
}

.navbar-info .cover img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #fff
}

.navbar-info .title {
    padding: 80px 10px 10px 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    overflow: hidden
}

.navbar {
    float: left;
    width: 100%;
    margin: 0;
    transition: all .3s;
    border: 0 !important;
    border-radius: 0 !important
}

.navbar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden
}

.navbar li i {
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
    vertical-align: middle
}

.navbar li a {
    display: block;
    padding-left: 20px;
    font-size: 16px;
    color: #666;
    line-height: 50px;
    text-decoration: none
}

.navbar .item ul {
    padding: 5px 0;
    display: none
}

.navbar .item li a {
    padding-left: 50px;
    font-size: 14px;
    color: #999;
    line-height: 40px
}

.navbar .item.on ul {
    display: block;
    background: #fff
}

.navbar .item.on a, .navbar .item:hover a {
    color: #fff;
    background: #f5951c url(../images/navbar_arrow.png) no-repeat no-repeat right center
}

.navbar .item.on li a {
    color: #888;
    background: #fff
}

.navbar .item.on li a:hover, .navbar .item.on li a.active {
    color: #f5951c
}


/* .product */
.viewFramework-product {
    margin-left: 190px;
    margin-right: -15px !important
}

.viewFramework-product-body {
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease
}


/* scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2)
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .3)
}


/* container */
.container {
    width: 100%;
    padding-bottom: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}


/* console-head */

/* console-title */
.console-title {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #fff
}

.console-title h2 {
    display: inline-block;
    line-height: 25px;
    margin: 0;
    font-size: 16px;
    color: #666
}

.console-title .btn {
    padding: 5px 8px;
    font-size: 12px;
    color: #777
}

.console-title .btn-grayBg {
    color: #333;
    border: 1px solid #ccc;
    background-color: #f5f5f5
}

.console-title .btn-grayBg:hover {
    background-color: #fff
}


/* console-search */
.console-search {
    float: left;
    width: 100%;
    padding: 15px 0;
    margin-bottom: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #fff
}

.console-search dl {
    margin-bottom: 0;
    background: #fff;
    box-sizing: content-box;
    overflow: hidden
}

.console-search dt {
    float: left;
    padding: 6px 2px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    text-align: right;
    box-sizing: content-box;
    overflow: hidden
}

.console-search dd {
    float: left;
    padding: 6px 2px;
    font-size: 12px;
    line-height: 30px;
    overflow: hidden
}

.console-search .wp_box {
    padding: 0 !important;
    box-sizing: content-box
}

.console-search .search-btn {
    padding: 10px 0 5px 0;
    margin-top: 10px;
    border-top: 1px solid #eee;
    text-align: center
}

.console-search .search-btn .btn {
    margin: 0 10px;
    padding: 8px 15px;
    border-radius: 20px
}

.console-search .search-btn .fa {
    font-size: 14px
}

.console-search input, .console-search select {
    width: 150px;
    padding: 2px 7px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    border: 1px solid #e3e9eb;
    box-sizing: content-box
}

.console-search select {
    width: 160px;
    padding: 2px
}

.console-search .Wdate {
    width: 85px
}

.console-search .Wdate-step {
    padding: 0 2px
}

.console-search .form-control {
    display: inherit !important
}


/* console-content */
.console-content {
    float: left;
    width: 100%;
    min-height: 600px;
    padding: 15px;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box
}

.console-content .console-btn {
    margin-bottom: 10px;
    text-align: right
}

.console-content .console-btn .btn {
    margin-left: 5px;
    padding: 5px 10px;
    border-radius: 20px
}

.console-content .console-btn .fa {
    font-size: 12px
}

.console-content .Wdate {
    width: 155px;
    padding: 2px 7px;
    height: 25px;
    line-height: 25px;
    box-sizing: content-box
}

/* scroll-bar-table */
.console-table {
    float: left;
    width: 100%;
    overflow-x: auto
}

.console-table h2 {
    margin: 0;
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    background: #d8eafa
}

.console-table table {
    margin: 0 0 5px 0
}

.console-table th, .console-table td {
    white-space: nowrap
}

@media screen and (min-width: 0\0
) and (min-resolution: .001dpcm) {
    .console-table {
        overflow-x: hidden
    }
}

.console-table.Scroll {
    overflow-x: hidden
}

.search-none {
    padding: 100px 0;
    font-size: 16px;
    color: #999;
    text-align: center
}

.search-none .fa {
    margin-right: 10px;
    font-size: 20px
}


/* 选项卡 */
.console-tab {
    padding: 15px 15px 0 15px;
    background: #fff;
    overflow: hidden
}

.nav-tabs {
    display: inline-block;
    margin: 10px 0;
    border-bottom: none
}

.nav-tabs > li > a {
    margin-right: 10px;
    padding: 7px 15px;
    font-size: 14px;
    color: #666;
    border-radius: 20px;
    background: #f3f7f9
}

.nav-tabs > li > a:hover, /* { border-color:#f3f7f9; background:#f3f7f9}*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #fff;
    border-color: #f5951c;
    background: #f5951c
}

/*.nav-tabs {  width:100%; margin:10px 0; border-bottom:2px solid #eee}
	.nav-tabs > li > a { margin-right:10px; padding:10px 20px; font-size:14px; color:#666; border-radius:none; border-left:none !important; border-right:none !important; border-top:none !important; background:#fff}
	.nav-tabs > li > a:hover { border-bottom:2px solid #3e8ef7; background:none}
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus { color:#3e8ef7; border-bottom:2px solid #3e8ef7} */

.nav-pills li a, .nav-pills li a:focus, .nav-pills li button, .nav-pills li button:focus {
    height: 32px;
    line-height: 20px;
    padding: 6px 12px;
    margin-left: 2px;
    color: #666;
    border-radius: 0;
    border: 1px solid #D9DEE4;
    background-color: #D9DEE4
}

.nav-pills li a:hover, .nav-pills li a:focus:hover, .nav-pills li button:hover, .nav-pills li button:focus:hover {
    color: #444;
    border: 1px solid #D9DEE4;
    background-color: #DCE2E7
}

.nav-pills li.active a, .nav-pills li.active a:hover, .nav-pills li.active a:focus, .nav-pills li.active button, .nav-pills li.active button:hover, .nav-pills li.active button:focus {
    color: #fff;
    border: 1px solid #546478;
    background-color: #546478
}

/*.sub-tabs { width:100%; border-bottom:2px solid #eee}
	.sub-tabs > li > a { border:none !important; border-bottom:1px solid #eee}
	.sub-tabs > li > a:hover { color:#000}
	.sub-tabs > li.active > a,
	.sub-tabs > li.active > a:hover,
	.sub-tabs > li.active > a:focus { font-weight:bold; color:#3e8ef7; border-bottom-color:#3e8ef7 !important; background:#fff !important}*/


/* table */
.table {
    border-top: 1px solid #e4e7ea;
    background: #fff
}

.table > thead > tr > th {
    padding: 12px 15px;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    border-bottom: 1px solid #e4e7ea;
    background: #f4f6f9
}

.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 12px 15px;
    font-size: 12px;
    color: #666;
    border-bottom: 1px solid #e4e7ea
}

/*.table-hover tbody tr:hover td { background-color:#f4f6f9}
	.table tr:last-child td { border-bottom:none !important}*/
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff
}

/* table 操作 */
.table .handle a {
    color: #3e8ef7
}

.table .handle a.a-disabled {
    color: #ccc;
    text-decoration: none;
    cursor: not-allowed
}

.table .break {
    width: 200px;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

/* btn */
.btn {
    margin-right: 5px;
    padding: 6px 15px;
    font-size: 12px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    -webkit-font-smoothing: subpixel-antialiased;
    transition: all 0.2s ease-in-out;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none
}

.btn:active,
.btn.active {
    -webkit-box-shadow: none;
    box-shadow: none
}

/*.btn-default { color:#333; border:1px solid #e8e8e8; background-color:#fff}
.btn-default:hover { color:#fff; border:1px solid #5ba5f2; background-color:#3e8ef7}*/
.btn-default {
    color: #212529;
    border-color: #e4eaec;
    box-shadow: none;
    background-color: #e4eaec
}

.btn-default:hover {
    color: #fff;
    border: 1px solid #f5951c;
    background-color: #f5951c
}

.btn-primary {
    color: #fff;
    border-color: #f5951c;
    box-shadow: none;
    background-color: #f5951c
}

.btn-primary:hover {
    border-color: #f8a032;
    background-color: #f8a032
}


/* btn */
.btn-grayBg {
    color: #333;
    border: 1px solid #e3e3e3;
    background-color: #fff
}

.btn-grayBg:hover {
    background-color: #f2f7ff
}

.btn-grayBg .glyphicon, .btn-grayBg span {
    color: #333
}

.btn-grayBg:hover span, .btn-grayBg:hover .glyphicon {
    color: #333
}

.btn-sereachBg {
    color: #fff;
    background-color: #f5951c
}

.btn-sereachBg:hover, .btn-sereachBg:focus, .btn-sereachBg.focus {
    color: #fff
}

.btn-success {
    color: #fff;
    border: 1px solid #57a235;
    background-color: #4db118
}

.btn-success:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-success:focus {
    color: #fff;
    border: 1px solid #57a235;
    background-color: #4db118;
    outline: none
}

.btn-success:hover {
    color: #fff;
    border: 1px solid #57bc20;
    background-color: #57bc20
}

.btn-warning {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn-warning:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-warning:focus {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none
}

.btn-warning:hover {
    color: #fff;
    border: 1px solid #ffa200;
    background-color: #ffa200
}

.btn-danger {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn-danger:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn-danger:focus {
    color: #333;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none
}

.btn-danger:hover {
    color: #fff;
    border: 1px solid #f25721;
    background-color: #f25721
}

.btn-link {
    color: #06C;
    text-shadow: none;
    border: none
}

.btn-link:hover {
    color: #039
}


.console-title .nav-pills {
    display: inline-block;
    vertical-align: bottom
}

.console-title .nav-pills li a, .console-title .nav-pills li a:focus,
.console-title .nav-pills li button, .console-title .nav-pills li button:focus {
    padding: 6px 6px
}


/* 内页 */
.inner-page {
    width: 100%;
    zoom: 1;
    clear: both
}

.inner-page dl {
    display: table;
    padding: 15px 0;
    margin: 0;
    font-size: 12px;
    border-bottom: 1px solid #edf0f2
}

.inner-page dt {
    display: inline-block;
    width: 180px;
    padding-right: 10px;
    vertical-align: middle;
    display: table-cell;
    text-align: right;
    color: #333;
    line-height: 30px
}

.inner-page dd {
    margin: 0;
    color: #888;
    line-height: 30px
}

.inner-page dd label {
    margin-bottom: 0 !important
}

.inner-page .inner-file {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.inner-page .inner-file li {
    float: left;
    margin-right: 20px;
    text-align: center;
    list-style: none
}


/* pagination */
.table-pagin-container {
    margin: 10px 0 30px 0
}

.table-pagin-container:before, .table-pagin-container:after {
    display: table;
    content: " "
}

.table-pagin-container:after {
    clear: both
}

.table-pagin-container {
    *zoom: 1 /*IE/7/6*/
}

.pagination {
    vertical-align: middle
}

.pagination li a, .pagination li span {
    height: 32px;
    line-height: 20px;
    font-family: Verdana;
    font-size: 14px;
    color: #333;
    border-color: #ccc;
    cursor: pointer
}

.pagination li a:hover {
    color: #fff;
    border-color: #3e8ef7;
    background-color: #3e8ef7
}

.pagination li span {
    color: #999
}

.pagination li span:hover {
    background: none
}

.pagination li:first-child > a, .pagination li:first-child > span, .pagination li:last-child > a, .pagination li:last-child > span {
    border-radius: 0
}

.pagination li.active a, .pagination li.active span, .pagination li.active a:hover, .pagination li.active span:hover {
    border: 1px solid #3e8ef7;
    background-color: #3e8ef7
}

.pagination-info {
    display: inline-block;
    padding: 0 16px;
    color: #666;
    display: -moz-inline-stack;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}


/* 附件图片 */
.data-upload .imgWp {
    position: relative
}

.data-upload .list-width {
    float: left;
    padding: 10px 30px 10px 0
}

.data-upload .list-cover {
    display: inline-block;
    width: 202px;
    height: 102px;
    border: 1px solid #dedede
}

.data-upload .thumbnail {
    margin-bottom: 0
}

.data-upload img {
    width: 200px;
    height: 100px
}

.data-upload .addimg {
    width: 200px;
    height: 100px;
    border: 1px solid #dedede;
    background: url('../images/addImg.png') no-repeat center center;
    cursor: pointer
}

.data-upload .addimg input[type="file"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 100px;
    cursor: pointer;
    font-size: 80px;
    opacity: 0.01;
    filter: alpha(opacity=1)
}

input[type="file"]:focus {
    outline: none
}


/* modal */
.modal-dialog {
    width: 35%
}

.dialog800 .modal-dialog {
    width: 1000px
}

.modal-dialog {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    height: -webkit-calc(100% - 70px);
    height: calc(100% - 70px);
}

.modal-header {
    padding: 12px 20px;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #f8f8f8 !important
}

.modal-header .modal-title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0
}

.modal-header .close {
    font-weight: 400
}

.modal-footer {
    padding: 6px 20px 20px;
    border-top: none
}

.modal-content {
    border: none;
    box-shadow: 1px 1px 40px rgba(0, 0, 0, .15);
    overflow-y: auto;
}

.modal-body {
    overflow: hidden
}

.modal, .modal-open {
    overflow: auto;
    overflow-y: auto
}


/* common */
body, html {
    color: #666;
    background: #f4f6f9
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft YaHei"
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

a {
    color: #3e8ef7
}

a:hover {
    color: #3292e1;
    text-decoration: none;
    cursor: pointer
}

a:focus {
    outline: none
}

.fl {
    float: left
}

.fr {
    float: right
}

.vt {
    vertical-align: top !important
}

.vm {
    vertical-align: middle !important
}


.gray3 {
    color: #333 !important
}

.gray6 {
    color: #666 !important
}

.gray9 {
    color: #999 !important
}

label {
    font-size: 100%;
    font-weight: normal
}

.nowrap {
    white-space: nowrap
}

.breakall {
    word-break: break-all;
    word-wrap: break-word
}

input, button, select, textarea {
    outline: none;
    border-radius: 3px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
}

input::-ms-clear {
    display: none
}

input[type="radio"], input[type="checkbox"] {
    vertical-align: middle;
    /*margin-top: 2px;*/
    margin-top: 1px
}

textarea {
    resize: none
}

textarea[readonly] {
    background-color: #fff !important
}

input:hover, select:hover {
    border-color: #838fa3
}

input:focus, select:focus {
    border-color: #3e8ef7
}


.p10 {
    padding: 10px
}

.p20 {
    padding: 20px
}

.p30 {
    padding: 30px
}

.p40 {
    padding: 40px
}

.p50 {
    padding: 50px
}

.p60 {
    padding: 60px
}

.p70 {
    padding: 70px
}

.pt10 {
    padding-top: 10px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pt60 {
    padding-top: 60px
}

.pt70 {
    padding-top: 70px
}

.pb10 {
    padding-bottom: 10px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.pb70 {
    padding-bottom: 70px
}

.pl10 {
    padding-left: 10px
}

.pl20 {
    padding-left: 20px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pl50 {
    padding-left: 50px
}

.pl60 {
    padding-left: 60px
}

.pl70 {
    padding-left: 70px
}

.pr10 {
    padding-right: 10px
}

.pr20 {
    padding-right: 20px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.pr50 {
    padding-right: 50px
}

.pr60 {
    padding-right: 60px
}

.pr70 {
    padding-right: 70px
}

.m10 {
    margin: 10px
}

.m20 {
    margin: 20px
}

.m30 {
    margin: 30px
}

.m40 {
    margin: 40px
}

.m50 {
    margin: 50px
}

.m60 {
    margin: 60px
}

.m70 {
    margin: 70px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt70 {
    margin-top: 70px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.ml60 {
    margin-left: 60px
}

.ml70 {
    margin-left: 70px
}

.ml100 {
    margin-left: 100px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.mr70 {
    margin-right: 70px
}


.inline-block {
    display: inline-block !important;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

.partition {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    padding: 0px 4px
}

.no-data {
    padding: 24px 0px;
    text-align: center;
    color: #666
}


[class^="icon-"], [class*=" icon-"] {
    font-family: 'aliyun-console-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* alert */
.alert {
    padding: 6px 12px;
    line-height: 18px;
    margin-bottom: 6px;
    border-radius: 0
}

.alert ul {
    padding-left: 16px
}

.alert .close {
    margin-top: -5px
}

.alert-success {
    color: #090;
    border-color: #C7DDB9;
    background-color: #F2FFEA
}

.alert-success .alert-link {
    color: #063;
    font-weight: normal
}

.alert-info {
    color: #555;
    border-color: #ddd;
    background-color: #F9F9F9
}

.alert-info .alert-link {
    color: #06C;
    font-weight: normal
}

.alert-warning {
    color: #f68300;
    border-color: #FBECCB;
    background-color: #FCF8E2
}

.alert-warning .alert-link {
    color: #c50;
    font-weight: normal
}

.alert-danger {
    color: #ee2117;
    border-color: #F1ACAC;
    background-color: #fff6F2
}

.alert-danger .alert-link {
    color: #b00;
    font-weight: normal
}


/* selector */
.selector {
    width: 100%;
    height: 140px;
    border: 1px solid #999;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto
}

.selector .selector-list {
    list-style: none;
    margin: 0px;
    padding: 0px
}

.selector .selector-list .selector-item {
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #ddd;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-indent: 8px;
    overflow: hidden
}

.selector .selector-list .selector-item:hover {
    color: #06C;
    background-color: #fafcff;
    cursor: pointer
}

.selector .selector-list .selector-item.active {
    color: #fff;
    background-color: #37C
}

.selector .selector-list .selector-item.disabled {
    color: #aaa;
    cursor: not-allowed;
    background-color: #fafafa
}

.selector .selector-msg {
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #999;
}

.selector.selector-status-error .selector-msg {
    cursor: pointer
}

.selector.selector-status-hasmore .selector-msg {
    cursor: pointer
}


/* feedback */
.feedback .thanks {
    position: relative;
    top: -9px;
    margin-left: 15px;
    font-size: 16px;
    color: #000
}

.feedback .feedback-close {
    display: inline-block;
    float: right;
    font-size: 18px;
    cursor: pointer
}

.feedback .feedback-check {
    font-size: 30px;
    color: #65ce00
}

.feedback-container .feedback-trigger {
    display: inline-block;
    padding: 4px 4px 1px 1px;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    background-color: #3d5061;
    cursor: pointer
}

.feedback-container .feedback-trigger .feedback-trigger-text {
    display: inline-block;
    padding: 0;
    height: 16px;
    width: 0;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    overflow: hidden
}

.feedback-container .feedback-trigger .feedback-trigger-icon {
    padding: 0;
    display: inline-block;
    font-size: 15px
}


.tooltip {
    word-break: break-all
}

.popover .popover-inner {
    padding: 8px
}

.popover .popover-inner .popover-content {
    padding: 0
}


/*提示*/
.pop-con {
    position: absolute;
    margin: -38px 0 0 0;
    font-size: 12px;
    text-align: left;
    z-index: 1000
}

.pop-con .pop-pic {
    position: absolute;
    left: 10px;
    width: 8px;
    height: 8px;
    margin-top: 27px;
    background: url("../images/icon_arrow.png") no-repeat 0 2px;
    display: block;
    z-index: 1200
}

.pop-con .pop-info {
    left: -17px;
    top: 27px;
    padding: 2px 10px;
    line-height: 24px;
    white-space: nowrap;
    border: 1px solid #fd9d34;
    background: #fff
}


.text-muted {
    color: #999 !important
}

.text-muted:hover {
    color: #999 !important
}

.text-info {
    color: #69C !important
}

.text-info:hover {
    color: #69C !important
}

.text-primary {
    color: #09C !important
}

.text-primary:hover {
    color: #09C !important
}

.text-success {
    color: #090 !important
}

.text-success:hover {
    color: #090 !important
}

.text-warning {
    color: #F90 !important
}

.text-warning:hover {
    color: #F90 !important
}

.text-danger {
    color: #F00 !important
}

.text-danger:hover {
    color: #F00 !important
}

.text-explode {
    color: #CCC !important;
    font-weight: normal !important;
    margin: 0px 3px !important
}

.text-size-14 {
    font-size: 14px !important
}

.text-size-16 {
    font-size: 16px !important
}

.text-size-20 {
    font-size: 20px !important
}


.text-size-24 {
    font-size: 24px !important
}

.text-size-32 {
    font-size: 32px !important
}

.text-size-48 {
    font-size: 48px !important
}

.text-size-64 {
    font-size: 64px !important
}


.btn-lg {
    font-size: 14px;
    padding: 12px 20px;
    height: 40px;
    line-height: 16px
}

.btn-sm {
    font-size: 12px;
    padding: 4px 12px;
    height: 24px;
    line-height: 14px
}

.btn-xs {
    font-size: 12px;
    padding: 2px 8px;
    height: 20px;
    line-height: 14px
}

.btn.disabled, .btn[disabled] {
    text-shadow: none;
    filter: none;
    opacity: 1;
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn.disabled:active, .btn[disabled]:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn.disabled:focus, .btn[disabled]:focus {
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
    outline: none
}

.btn.disabled:hover, .btn[disabled]:hover {
    color: #bbb;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.btn.btn-link.disabled, .btn.btn-link[disabled] {
    border: none;
    background: transparent none
}

.btn.btn-primary.disabled, .btn.btn-primary[disabled] {
    color: #eee;
    text-shadow: none;
    filter: none;
    opacity: 1;
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc
}

.btn.btn-primary.disabled:active, .btn.btn-primary[disabled]:active {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125)
}

.btn.btn-primary.disabled:focus, .btn.btn-primary[disabled]:focus {
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc;
    outline: none
}

.btn.btn-primary.disabled:hover, .btn.btn-primary[disabled]:hover {
    color: #fff;
    border: 1px solid #ccc;
    background-color: #ccc
}

.btn-default-active, .btn-default-active:hover, .btn-default-active:focus {
    color: #fff;
    border: 1px solid #485260;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
    background-color: #525d6d;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #525d6d), color-stop(100%, #525d6d));
    background: -webkit-linear-gradient(top, #525d6d, #525d6d);
    background: -moz-linear-gradient(top, #525d6d, #525d6d);
    background: -o-linear-gradient(top, #525d6d, #525d6d);
    background: linear-gradient(top, #525d6d, #525d6d)
}

.btn-toinstlist {
    border: 1px solid #bbb;
    color: #666;
    text-shadow: none;
    vertical-align: middle;
    margin-top: 7px
}

.btn-toinstlist .icon-toinstlist {
    width: 12px;
    height: 12px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background: url(images/toinstlist.png) center 1px no-repeat
}

.table-header {
    display: table;
    border: 1px solid #e1e6eb;
    width: 100%;
    margin-bottom: -1px;
    padding: 8px;
    line-height: 32px;
    z-index: 1
}

.table-header + .table {
    margin-top: 0
}


.form-group {
    margin-top: 20px;
    margin-bottom: 16px
}

.help-block {
    margin: 4px 0px
}

.form-control {
    height: 32px;
    border-radius: 0px;
    padding: 6px;
    -webkit-transition: none;
    transition: none;
    font-size: 12px
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control[size], .form-control[cols], .form-control.autosize {
    width: auto
}

.form-control.inline {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #090
}

.has-success .form-control, input.ng-valid.ng-dirty, textarea.ng-valid.ng-dirty {
    border-color: #090
}

.has-success .form-control:focus, input.ng-valid.ng-dirty:focus, textarea.ng-valid.ng-dirty:focus {
    border-color: #2A0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #F90
}

.has-warning .form-control {
    border-color: #F90
}

.has-warning .form-control:focus {
    border-color: #FA0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #E40
}

.has-error .form-control, input.ng-invalid.ng-dirty, textarea.ng-invalid.ng-dirty {
    border-color: #E40
}

.has-error .form-control:focus, input.ng-invalid.ng-dirty:focus, textarea.ng-invalid.ng-dirty:focus {
    border-color: #F30;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    color: #999
}

label.control-label {
    font-size: 12px;
    font-weight: normal;
    color: #666
}

.form-inline .form-group {
    margin: 4px 8px 4px 0
}

.form-inline .form-control {
    width: auto
}

.form-inline .input-group-btn {
    width: auto
}

select.input-lg, .input-lg {
    height: 40px
}

select.input-sm, .input-sm {
    height: 24px
}


/* animate */
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-transform-name: fadeInRight;
    -ms-transform-name: fadeInRight;
    animation-name: fadeInRight
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 100
}


/* zoom */
img[data-action="zoom"] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in
}

img.zoom-img {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out
}

.zoom-img, .zoom-img-wrap {
    position: relative;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    z-index: 666
}

.zoom-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
    background: #fff;
    z-index: 420
}

.zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=0)";
    opacity: 0
}

.zoom-overlay-open, .zoom-overlay-transitioning {
    cursor: default
}


/* bootstrap-dialog.min */
.bootstrap-dialog .bootstrap-dialog-title {
    display: inline-block;
    font-size: 16px;
    color: #333
}

.bootstrap-dialog .bootstrap-dialog-message {
    font-size: 14px
}

.bootstrap-dialog .bootstrap-dialog-button-icon {
    margin-right: 3px
}

.bootstrap-dialog .bootstrap-dialog-close-button {
    float: right;
    font-size: 20px;
    opacity: .9;
    filter: alpha(opacity=90)
}

.bootstrap-dialog .bootstrap-dialog-close-button:hover {
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100)
}

.bootstrap-dialog.type-default .modal-header {
    background-color: #fff
}

.bootstrap-dialog.type-default .bootstrap-dialog-title {
    color: #333
}

.bootstrap-dialog.type-info .modal-header {
    background-color: #5bc0de
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: #f5f5f5
}

.bootstrap-dialog.type-success .modal-header {
    background-color: #5cb85c
}

.bootstrap-dialog.type-warning .modal-header {
    background-color: #f0ad4e
}

.bootstrap-dialog.type-danger .modal-header {
    background-color: #d9534f
}

.bootstrap-dialog.size-large .bootstrap-dialog-title {
    font-size: 24px
}

.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
    font-size: 30px
}

.bootstrap-dialog.size-large .bootstrap-dialog-message {
    font-size: 18px
}

.bootstrap-dialog .icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }
    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }
    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}


/* bootstrap-datetimepicker */
.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

.datetimepicker-inline {
    width: 220px
}

.datetimepicker.datetimepicker-rtl {
    direction: rtl
}

.datetimepicker.datetimepicker-rtl table tr td span {
    float: right
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
    left: 0;
    top: 0
}

[class*=" datetimepicker-dropdown"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute
}

[class*=" datetimepicker-dropdown"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute
}

[class*=" datetimepicker-dropdown-top"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cccccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0
}

[class*=" datetimepicker-dropdown-top"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-bottom: 0
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right: 6px
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right: 7px
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left: 7px
}

.datetimepicker-dropdown-top-left:before {
    right: 6px;
    bottom: -7px
}

.datetimepicker-dropdown-top-left:after {
    right: 7px;
    bottom: -6px
}

.datetimepicker-dropdown-top-right:before {
    left: 6px;
    bottom: -7px
}

.datetimepicker-dropdown-top-right:after {
    left: 7px;
    bottom: -6px
}

.datetimepicker > div {
    display: none
}

.datetimepicker.minutes div.datetimepicker-minutes {
    display: block
}

.datetimepicker.hours div.datetimepicker-hours {
    display: block
}

.datetimepicker.days div.datetimepicker-days {
    display: block
}

.datetimepicker.months div.datetimepicker-months {
    display: block
}

.datetimepicker.years div.datetimepicker-years {
    display: block
}

.datetimepicker table {
    margin: 0
}

.datetimepicker td,
.datetimepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
    background-color: transparent
}

.datetimepicker table tr td.minute:hover {
    background: #eeeeee;
    cursor: pointer
}

.datetimepicker table tr td.hour:hover {
    background: #eeeeee;
    cursor: pointer
}

.datetimepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
    color: #999999
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
    background-color: #003399
}

.datetimepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.datetimepicker .datetimepicker-hours span {
    height: 26px;
    line-height: 26px
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
    width: 14.6%
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
    margin-bottom: inherit;
    line-height: 30px
}

.datetimepicker .datetimepicker-minutes span {
    height: 26px;
    line-height: 26px
}

.datetimepicker table tr td span:hover {
    background: #eeeeee
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #003399
}

.datetimepicker table tr td span.old {
    color: #999999
}

.datetimepicker th.switch {
    width: 145px
}

.datetimepicker th span.glyphicon {
    pointer-events: none
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot th {
    cursor: pointer
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot th:hover {
    background: #eeeeee
}

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
    cursor: pointer;
    width: 14px;
    height: 14px
}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}


.add_icon, .cur_icon {
    width: 27px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer
}

.add_icon {
    background: url(../images/icon_add.png) no-repeat
}

.cur_icon {
    background: url(../images/icon_less.png) no-repeat
}

.warm_hint {
    line-height: 18px;
}

.indexToDo-container {
    display: flex;
    background: #fff;
    /*height: 80 px;*/
    font-size: 14px;
    /*color: #333;*/
}

.indexTodo-item {
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.indexTodo-num {
    color: #f5951c;
    font-size: 26px;
}

.indexTodo-text {
    color: #333;
    margin-top: 4px;
}

.indexTodo-item:hover {
    text-decoration: none;
    background-color: #f4f6f9;
}

.workbench-total-alert {
    border-radius: 35%;
    height: 18px;
    width: 20px;
    display: inline-block;
    background: #f30303;
}

.workbench-total-sub-alert {
    display: block;
    color: #FFFFFF;
    height: 18px;
    line-height: 20px;
    text-align: center;
    font-size: 10px
}

.indexToDo-container li a {
    color: #666;
    background: #fff;
}

textarea {
    resize: auto;
}