/*
    包括所有页面的通用样式
    页头
    自定义样式
    自定义组件
*/

/*
    整个项目通用
*/
body {
    font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;
    background-color: #F9F9F9;
    min-width: 1024px;
}

.relative {
    position: relative;
}

.valignM {
    vertical-align: middle !important;;
}

.valignT {
    vertical-align: top !important;;
}

.panel {
    border: 1px solid #e7e7e7 !important;
}

.warnstar {
    color: #ff4100 !important;
    font-size: 14px;
}

.color-warn {
    color: #FFAF38 !important;
}

.color-success {
    color: #75C93F !important;
}

.color-danger {
    color: #FF503F !important;
}

.color-default {
    color: #383838 !important;
}

.fontWeightNormalAll label {
    font-weight: normal !important;
}

.fontWeightNormal {
    font-weight: normal !important;
}

.fontWeigh800 {
    font-weight: 800;
}

.fontWeigh600 {
    font-weight: 600;
}

.fontWeigh500 {
    font-weight: 500;
}

.text-left {
    text-align: left !important;
}

.alginLeftPadding-lg {
    padding-left: 40px;
    text-align: left !important;
}

.alginLeftPadding {
    padding-left: 28px;
    text-align: left !important;
}

.alginLeftPadding-md {
    padding-left: 24px;
    text-align: left !important;
}

.alginLeftPadding-sm {
    padding-left: 12px;
    text-align: left !important;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.nav-tabs > li > a:hover {
    border-color: #ccc;
}

.onlyTipsLineTxt {
    color: RGBA(0, 0, 0, 0.45);
    margin: 5px 0;
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px !important;
}

.btn {
    padding: 5px 12px;
    font-size: 14px;
}

.btn.disabled {
    color: #A6A6A6;
    cursor: not-allowed;
}

label.btn {
    /*padding-bottom: 4px;*/
}

/*.btn.disabled,*/
/*.btn.disabled:hover,*/
/*.btn.disabled:active,*/
/*.btn.disabled:focus,*/
/*.btn[disabled],*/
/*.btn[disabled]:hover,*/
/*.btn[disabled]:active,*/
/*.btn[disabled]:focus {*/
/*color: #fff !important;*/
/*background-color: #ccc !important;*/
/*border-color: #ccc !important;*/
/*}*/

.btn .iconfont,
.btn .glyphicon {
    font-size: inherit;
    color: inherit;
}

.btn-default {
    color: #808080;
}

.btn:active,
.btn:focus {
    outline: none !important;
}

.btn-sm {
    padding: 1px 8px;
}

.btn-lg {
    padding: 9px 16px;
    font-size: 16px;
}

/* 通用按钮 **************************************************************/
.btn-primary {
    color: #fff;
    background-color: #2197D7;
    border-color: #2197D7;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus {
    color: #fff !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
}

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

.btn-primary:active,
.btn-primary:focus {
    background-color: #00476a;
    border-color: #00476a;
}

/* 线性按钮 *************************************************************************************/
.btn-line {
    color: #808080;
    background-color: #fff;
    border-color: #ccc;
}

.btn-line.disabled,
.btn-line.disabled:hover,
.btn-line.disabled:active,
.btn-line.disabled:focus,
.btn-line[disabled],
.btn-line[disabled]:hover,
.btn-line[disabled]:active,
.btn-line[disabled]:focus {
    color: #808080 !important;
    background-color: #e5e5e5 !important;
    border-color: #ccc !important;
}

.btn-line:hover {
    color: #fff !important;
    background-color: #036faa;
    border-color: #036faa;
}

.btn-line:active,
.btn-line:focus {
    color: #fff;
    background-color: #00476a;
    border-color: #00476a;
}

/* 菜单按钮 通用 **********************************************************************************/
.btn-menu.btn-sm {
    padding: 0;
}

.btn-menu.btn-sm .btn {
    padding: 1px 8px;
    font-size: 14px;
}

.btn-menu.btn-lg .btn {
    padding: 9px 16px;
    font-size: 16px;
}

.btn-menu > .btn {
    padding-right: 1px !important;
    border-right: none;
}

.btn-menu .dropdown-toggle {
    padding-left: 8px !important;
    border-left: none;
}

.btn-menu .dropdown-menu,
.btn-menu-line .dropdown-menu {
    box-shadow: 0px 2px 4px 0px rgba(166, 166, 166, 0.51);
}

.btn-menu .dropdown-menu a,
.btn-menu-line .dropdown-menu a {
    color: #383838;
    line-height: 30px;
    padding: 3px 16px;
}

.btn-menu .dropdown-menu a:hover,
.btn-menu-line .dropdown-menu a:hover {
    background-color: #E5F6FE;
}

/* 菜单按钮 线性 **********************************************************************************/
.btn-menu-line.btn-sm {
    padding: 0;
}

.btn-menu-line.btn-sm .btn {
    padding: 1px 8px;
    font-size: 14px;
}

.btn-menu-line.btn-lg .btn {
    padding: 9px 16px;
    font-size: 16px;
}

.btn-menu-line > .btn {
    padding-right: 1px !important;
    border-right: none;
}

.btn-menu-line .dropdown-toggle {
    padding-left: 8px !important;
    border-left: none;
}

/**********************************************************************************
    独立圆按钮 通用
*/
.btn-round {
    background-color: #3da8f5;
    height: 32px;
    line-height: 32px;
    padding: 0;
    width: 32px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 40px;
}

.btn-round:hover,
.btn-round:active,
.btn-round:focus {
    color: #FFFFFF;
}

.btn-round.btn-sm {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

.btn-round.btn-lg {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

/**********************************************************************************
    独立圆按钮 线性
*/
.btn-round-line {
    background-color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0;
    width: 32px;
    text-align: center;
    color: #808080;
    font-size: 14px;
    border-radius: 40px;
    border: 1px solid #cccccc;
}

.btn-round-line.btn-sm {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
}

.btn-round-line.btn-lg {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}

.btn-td-jia {
    width: 16px;
    height: 16px;
    padding: 0;
    line-height: 13px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0;
    vertical-align: unset;
}

.btn-export {
    color: #2097D7;
    border-color: transparent;
}

.btn-export:hover,
.btn-export:active,
.btn-export:focus {
    color: #2363b0 !important;
    border-color: transparent !important;
    background-color: #FFFFFF !important;
}

.btn-default-zd {
    color: #383838;
    border-color: #cccccc;
    border-radius: 4px;
}

.btn-default-zd .iconfont {
    color: #A6A6A6;
}

.btn-default-zd:hover,
.btn-default-zd:active,
.btn-default-zd:focus {
    color: #767676;
    border-color: #a7a7a7;
    outline: 1px solid #ccc;
    background-color: transparent;
}

.btn-default-zd-nob {
    color: #2197D7;
    border-color: transparent;
    border-radius: 4px;
    outline: none;
    background-color: transparent;
}

.btn-default-zd-nob.btn-sm,
.btn-default-zd.btn-sm {
    font-size: 14px;
}

.btn-default-zd-nob .iconfont {
    color: #2197D7;
}

.btn-default-zd-nob:hover,
.btn-default-zd-nob:active,
.btn-default-zd-nob:focus {
    color: #2197D7;
    outline: none;
    border-color: transparent;
    background-color: transparent;
}

.btn-default-zd-nob.zdyNum {
    padding-left: 7px;
    margin-top: -4px;
    margin-left: -6px;
}

.btn-default-zd-nob.zdyNum + .zdyNum {
    margin-left: -15px;
}

.btn-default-zd-dash {
    color: #666;
    border: 1px dashed #d9d9d9;
    outline: none;
    border-radius: 4px;
    background-color: transparent;
    padding: 4px 12px;
}

.btn-default-zd-dash .iconfont {
    color: #666;
}

.btn-default-zd-dash:hover,
.btn-default-zd-dash:active,
.btn-default-zd-dash:focus {
    color: #666;
    border-color: #d9d9d9;
    outline: none;
    background-color: transparent;
}

.clear.clear:before, .clear:after {
    content: '';
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

textarea {
    line-height: 22px !important;
    resize: vertical;
}

/* 超出省略号 **********************************************************************************/
.overflowPoints {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pointer {
    cursor: pointer;
}

.tooltip.top .tooltip-inner {
    max-width: 200px;
    padding: 5px 8px;
    color: #ffffff;
    text-align: center;
    background-color: #000000;
    border-radius: 4px;
}

.form-group {
    position: relative;
}

.form-control {
    height: 32px;
    line-height: 32px;
    color: #383838;
}

.form-control:focus {
    border-color: #40A9FF;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px RGBA(64, 169, 255, 1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px RGBA(64, 169, 255, 1);
}

.dateControl {
    position: relative;
    padding-right: 26px;
    letter-spacing: -0.5px !important;
    background: url("../images/dateIconBg.png") no-repeat right 12px top 50%;
}

.modal-backdrop.in {
    opacity: 0.2;
}

ul {
    padding-left: 0
}

li {
    list-style: none;
}

label {
    font-weight: normal;
}

.control-label .icon-xingxing {
    font-size: 12px;
    color: #FF4100;
}

/**********************************************************************************
    iconfont 通用css
*/
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

/*  nav 页头导航栏 **********************************************************************************/
.navbar {
    border-radius: 0;
    height: 60px;
}

.navbar-default {
    background-color: #036EA4;
    border: none;
    margin-bottom: 0;
}

.navbar-nav.navlist {
    margin-left: 40px;
}

.navbar-nav > li > a {
    line-height: 30px;
    line-height: 30px \9;
}

.navbar-brand {
    height: 60px;
    padding: 13px 15px 15px 29px;
}

.navbar-brand > img {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding: 3px 27px 3px 0;
    width: 187px;
    height: 36px;
}

.navbar-default .navbar-nav.userInfo > li {
    width: auto;
}

.navbar-default .navbar-nav.userInfo > li:hover .messageDropdown {
    display: block;
}

.navbar-default .navbar-nav.userInfo > li .form-control {
    border-color: transparent !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.navbar-default .navbar-nav.navlist > li {
    /*width: 80px;*/
    text-align: center;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    -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;
}

.navbar-default .navbar-nav.userInfo > li.xitongxiaoxi a {
    padding-top: 18px;
    padding-bottom: 11px;
    padding-left: 15px;
    padding-right: 19px;
    margin-left: 15px;
}

.navbar-default .navbar-nav.userInfo > li.dropdown a {
    line-height: 29px;
}

.navbar-default .navbar-nav.userInfo > li.dropdown a > .iconfont {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 8px;
}

.navbar-default .navbar-nav.userInfo > li.dropdown .dropdown-menu a .iconfont {
    font-size: 16px;
}

.navbar-default .navbar-nav.userInfo > li > a {
    font-size: 16px;
}

.navbar-default .navbar-nav.userInfo > li > a .icon-arow_down {
    font-size: 12px;
}

.navbar-default .navbar-nav.navlist > .active > a,
.navbar-default .navbar-nav.navlist > .active > a:hover,
.navbar-default .navbar-nav.navlist > .active > a:focus {
    color: #fff;
    background-color: #02415F;
}

.navbar-default .navbar-nav.navlist li a {

    background-color: #036EA4;
}

.navbar-default .navbar-nav.navlist > li > a:hover, .navbar-default .navbar-nav.navlist > li > a:focus {
    color: #ffffff;
    background-color: #02415F;
}

.navbar-default .navbar-nav.userInfo > li > a:hover, .navbar-default .navbar-nav.userInfo > li > a:focus {
    color: #ffffff;
}

.navbar-default .form-control {
    width: 150px;
    height: 36px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.1);
    padding-right: 35px;
    padding-left: 19px;
}

.navbar-default .form-control::-webkit-input-placeholder {
    color: #81CBFF;
}

.navbar-default .form-control::-moz-placeholder {
    color: #81CBFF;
}

.navbar-default .form-control:-ms-input-placeholder {
    color: #81CBFF;
}

.navbar-default .navbar-form {
    padding: 12px 0;
    margin: 0;
}

.navbar-default .navbar-form .form-group {
    position: relative;
}

.navbar-default .navbar-form .form-group .icon-sousuo {
    color: #ffffff;
    position: absolute;
    right: 16px;
    top: 8px;
    font-size: 14px;
    cursor: pointer;
}

.navbar-default .icon-xitongxiaoxi {
    font-size: 22px;
}

.navbar-default .icon-xitongxiaoxi + .badge {
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    line-height: 20px;
    line-height: 20px \9;
    background-color: #FF4F3E;
    position: absolute;
    right: 10px;
    top: 14px;
    font-size: 12px;
    font-family: HelveticaNeue;
    font-weight: normal;
}

#userHeadImg {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.navbar-default .navbar-nav.userInfo > .open > a,
.navbar-default .navbar-nav.userInfo > .open > a:hover,
.navbar-default .navbar-nav.userInfo > .open > a:focus {
    background-color: #036EA4;
    color: #fff;
}

/*user 下拉**********************************************************************************/
.navbar-nav.userInfo li > .dropdown-menu,
.navbar-nav.navlist {
    margin-top: 9px;
    right: -13px;
    width: 146px;
    padding: 0;
    border: none;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.18);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.18);
}

.navbar-nav.navlist {
    right: auto;
    left: 238px;
    display: block;
    width: auto;
    margin-top: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar-default .navbar-nav.userInfo > li.dropdown .dropdown-menu a {
    line-height: 34px;
}

.navbar-nav.userInfo li > .dropdown-menu li:first-child a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.navbar-nav.userInfo li > .dropdown-menu li:nth-last-of-type(2) a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.navbar-nav.userInfo li > .dropdown-menu li:last-child a {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.navbar-nav.userInfo li > .dropdown-menu li a,
.navbar-nav.navlist li a {
    background-color: #006699;
    border-bottom: 1px solid rgba(255, 255, 255, 0.192);
    color: #ffffff;
    height: 41px;
}

.navbar-nav.navlist li a {
    height: auto;
    border-bottom: none;
}

.navbar-nav.userInfo li > .dropdown-menu > li > a:hover,
.navbar-nav.userInfo li > .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #02415F;
}

.navbar-nav.userInfo li > .dropdown-menu > li.arrowUp,
.navbar-nav.navlist li.arrowUp {
    position: absolute;
    border-bottom: 6px solid #006699;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: -6px;
    left: 50%;
    margin-left: -5px;
}

.navbar-nav.navlist li.arrowUp {
    display: none;
}

.messageDropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: -90px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    width: 210px;
    margin-top: -2px;
    z-index: 1000;
}

.messageDropdown .item a {
    display: block;
    background-color: #FFFFFF;
    color: #383838;
    margin: 0 !important;
    height: 41px;
    line-height: 41px;
    padding: 0 0 0 20px !important;
    text-decoration: none;
}

.messageDropdown .item:first-child a {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.messageDropdown .item:last-of-type a {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.messageDropdown .item.active a,
.messageDropdown .item:hover a {
    background-color: #E6F7FF;
}

.messageDropdown .item .iconfont {
    display: inline-block;
    color: #3DA8F5;
    font-size: 14px;
    margin-right: 10px;
}

.messageDropdown .item .num {
    color: #2197D7;
}

.messageDropdown .arrow {
    position: absolute;
    background-color: #FFFFFF;
    transform: rotate(45deg);
    width: 9px;
    height: 9px;
    top: -5px;
    left: 146px;
    z-index: 1000;
}

.smallScreenMenu {
    display: none;
    color: #fff;
    background-color: #02415F;
    font-size: 22px;
    cursor: pointer;
    width: 102px;
    text-align: center;
    height: 60px;
    line-height: 30px;
    line-height: 30px \9;
    padding: 15px 15px;
}

.smallScreenMenu .icon-weibiaoti12 {
    font-size: 22px;
}

/* 导航栏响应式处理 **********************************************************************************/
@media (min-width: 1200px) {
    .navbar-nav.navlist {
        display: block !important;
    }
}

@media (max-width: 1200px) {
    .navbar-nav.navlist {
        display: none;
        position: absolute;
        z-index: 100;
        top: 100%;
        margin-left: -30px;
        margin-top: 9px;
        width: 146px;
        padding: 0;
        border: none;
        -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.18);
        -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.18);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.18);
    }

    .navbar-nav.navlist > li {
        float: none;
        width: 146px !important;
    }

    .navbar-nav.navlist li.arrowUp {
        display: block;
        width: 0 !important;
    }

    .navbar-nav.navlist li a {
        font-size: 14px;
        line-height: 11px;
        line-height: 11px \9;
    }

    .navbar-nav.navlist li.first a {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .navbar-nav.navlist li.last a {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .smallScreenMenu {
        display: inline-block;
    }
}

@media (min-width: 1400px) {
    .navbar-nav.navlist {
        margin-left: 100px;
    }

    .navbar-default .navbar-nav.userInfo > li.xitongxiaoxi a {
        margin-left: 33px;
    }

    .navbar-default .form-control {
        width: 214px;
    }

    .navbar-default .navbar-nav.navlist > li {
        /*width: 102px;*/
    }
}

/**********************************************************************************
    页面大标题
*/
.title-page {
    color: #383838;
    font-size: 24px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    line-height: 60px \9;
    padding-left: 14px;
    position: relative;
}

.title-page .title-sm {
    color: #2197D7;
    font-size: 12px;
    margin-left: 5px;
    position: relative;
    cursor: pointer;
    padding-right: 20px;
}

.title-page .title-sm:hover .tips {
    display: block;
}

.languageToggle {
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    right: 0;
    float: none;
}

.languageToggle a {
    color: #808080;
}

.languageToggle a.active {
    color: #2097D7;
}

/* 搜索条 **********************************************************************************/
.search-bar {
    height: 80px;
    line-height: 80px;
    line-height: 80px \9;
    background-color: #ffffff;
    margin-left: 9px;
    margin-right: 9px;
    border: 1px solid #e7e7e7;
}

.search-bar .form-control {
    color: #383838;
}

.search-bar .form-control {
    color: #383838;
}

.search-bar .form-contro {
    color: #383838;
}

.search-bar .form-control::-webkit-input-placeholder {
    color: #ccc;
}

.search-bar .form-control::-moz-placeholder {
    color: #ccc;
}

.search-bar .form-control:-ms-input-placeholder {
    color: #ccc;
}

.search-bar label {
    margin-bottom: 0;
    color: #383838;
    margin-left: 16px;
    margin-right: 8px;
}

.search-bar .form-group + .form-group label {
    margin-left: 24px;
}

.search-bar .form-group + .btn {
    margin-left: 24px;
}

.search-bar .form-control {
    width: 224px;
    height: 32px;
    line-height: 32px;
    line-height: 32px \9;
    padding-top: 0;
    padding-bottom: 0;
}

.btn-search {
    width: 74px;
    background-color: #2197D7;
    border-color: #2197D7;
}

.search-bar .btn-group .dropdown-toggle, .btn-search {
    padding-top: 5px;
    padding-bottom: 5px;
}

.search-bar .btn-group .dropdown-toggle {
    width: 153px;
}

/**********************************************************************************
    搜索栏 响应式处理
*/
@media (max-width: 1360px) {
    .search-bar.more .name {
        width: 215px !important;
    }

    .search-bar.more .date {
        width: 145px !important;
    }

    .search-bar.more .selectUI {
        width: 111px !important;
    }

    .search-bar.more .btn {
        margin-left: 30px;
    }

    .search-bar.more .form-group + .form-group label {
        margin-left: 5px;
    }
}

@media (max-width: 1200px) {
    .nav-tabs-primary {
        margin-left: 0 !important;
    }

    .navbar-brand {
        padding-left: 20px !important;
    }

    .title-page {
        padding-left: 5px !important;
    }

    .search-bar {
        margin-left: 0;
        margin-right: 0;
    }

    .search-bar label {
        /*margin-left: 0;*/
        /*margin-right: 0;*/
    }

    .search-bar .form-group + .form-group label {
        margin-left: 5px;
    }

    .search-bar.more .name {
        width: 148px !important;
    }

    .search-bar.more .date {
        width: 111px !important;
    }

    .search-bar.more .selectUI {
        width: 111px !important;
    }

    .search-bar.more .btn {
        margin-left: 3px;
    }

    .search-bar.more .form-group + .form-group label {
        margin-left: 0;
    }
}

/**********************************************************************************
    select UI
*/

.selectUI, .selectSearchUI {
    display: inline-block;
    width: 153px;
    height: 32px;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectUI.lg, .selectSearchUI.lg {
    width: 225px;
}

.warn .selectUI p,
.selectUI.warn p,
.warn .selectSearchUI p,
.selectSearchUI.warn p {
    border-color: #FF4F3E;
}

.selectUI p, .selectSearchUI p {
    height: 32px;
    line-height: 32px;
    color: #383838;
    border-radius: 4px;
    border: 1px solid #cccccc;
    padding-left: 12px;
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selectUI p[data-value="0"],
.selectSearchUI p[data-value="0"] {
    color: #cccccc;
}

.selectUI p::after,
.selectSearchUI p::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    top: 8px;
    right: 14px;
    position: absolute;
    transform: rotate(-46deg);
    transform-origin: center;
    transition: all .3s ease-in;
}

.selectUI ul,
.selectSearchUI ul {
    width: 100% !important;
    display: none;
    background: #FFFFFF;
    position: absolute;
    z-index: 2000;
    top: 100%;
    left: 0;
    max-height: 200px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    padding-left: 0;
    color: RGBA(0, 0, 0, 0.65);
}

.selectUI ul li,
.selectSearchUI ul li {
    width: 100% !important;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    list-style: none;
    margin: 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 4px;
}

.selectUI ul li.selected,
.selectSearchUI ul li.selected {
    background: #E6F7FF;
}

.selectUI ul li:hover,
.selectSearchUI ul li:hover {
    background: #E6F7FF;
}

.selectUI.open ul,
.selectSearchUI.open ul {
    display: block;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
}

.selectUI.open p::after,
.selectSearchUI.open p::after {
    transform: rotate(134deg);
    transition: all .3s ease-in;
    top: 14px;
}

.selectUI.open p,
.selectSearchUI.open p {
    border-color: #40A9FF;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px RGBA(64, 169, 255, 1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px RGBA(64, 169, 255, 1);
}

.selectSearchUI .input {
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
}

.selectSearchUI .input .iconfont {
    position: absolute;
    right: 10px;
    top: 1px;
    font-size: 14px;
    color: #cccccc;
}

.selectSearchUI .form-control {
    padding-right: 25px;
}

/**********************************************************************************
    数据表格 展示
*/

.item-list-table {
    margin: 16px 9px;
    background-color: #FFFFFF;
    padding: 24px 16px 0 16px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #e7e7e7;
}

.item-list-table.paging,
.item-list-table.statistic {
    padding-bottom: 27px;
}

.item-list-table .tableUtils {
    height: 32px;
    line-height: 32px;
}

.item-list-table .tableUtils .btn + .btn {
    margin-left: 16px;
}

.item-list-table .tableUtils .itemSum {
    color: #808080;
    font-size: 16px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    margin-left: 22px;
}

.item-list-table .tableUtils .btn-export {
    margin-right: 24px;
}

.item-list-table .table {
    margin: 24px 0 0 0;
}

.item-list-table .table table {
    width: 100%;
}

/* 表头的过滤弹窗 */
/*.item-list-table .table table .relative:hover .popoverToolArea {*/
/*display: block;*/
/*}*/

.item-list-table .table table .popoverToolArea {
    left: 95px;
}

.popoverToolArea {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 10px 0 10px 0;
    z-index: 3000;
}

.popoverToolArea .myRadioCheckedBox {
    color: #383838;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
}

.popoverToolArea .myRadioCheckedBox:hover,
.popoverToolArea .myRadioCheckedBox.active {
    color: #383838 !important;
    background-color: #E6F7FF;
}

.popoverToolArea .btns {
    margin-top: 17px;
    margin-right: 12px;
}

.item-list-table .table table {
    margin-bottom: -1px;
}

.item-list-table .table table th,
.item-list-table .table table td {
    vertical-align: middle;
    text-align: center;
}

.item-list-table .table table th {
    background-color: #2197D7;
    height: 40px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
}

.item-list-table .table table th:first-of-type {
    border-top-left-radius: 4px;
}

.item-list-table .table table th:last-of-type {
    border-top-right-radius: 4px;
}

.item-list-table .table table .noItem {
    padding-top: 65px;
    padding-bottom: 78px;
}

.item-list-table .table table .noItem p {
    margin-bottom: 24px;
    color: #383838;
}

.item-list-table .table table td {
    background-color: #FFFFFF;
    height: 50px;
    color: #383838;
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px solid #E8E8E8;
}
.item-list-table .table table td{word-break: break-all;}
.item-list-table.statistic .table table td,
.item-list-table.statistic .table table tbody tr td:first-child {
    border-left: 1px solid #e8e8e8;
}

.item-list-table .table table tbody tr:last-child td {
    /*border-bottom: none;*/
}

.item-list-table.paging .table table tbody tr:last-child td,
.item-list-table.statistic .table table tbody tr:last-child td {
    border-bottom: 1px solid #e8e8e8;
}

.item-list-table .table table td.lightblue {
    color: #2197D7;
}

.item-list-table .table table td[data-beginItemTips] {
    position: relative;
}

.item-list-table .table table td[data-beginItemTips]:hover .tips {
    display: block;
}

.item-list-table .table table tbody tr:nth-of-type(2n):hover td {
    background-color: #F5F5F5;
}

/**********************************************************************************
 详情小提示
*/

.tips {
    display: none;
    position: absolute;
    width: 200px;
    height: 90px;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #2097D7;
    color: #2097D7;
    z-index: 100;
    text-align: left;
    background-color: #FFFFFF;
}

.tips.top {
    top: -85px;
    left: -54px;
    /*transform: translateX(-100px);*/
}

.tips.right {
    top: -26px;
    left: 96%;
    display: none;
}

.tips > p {
    margin-bottom: 3px;
}

.tips > p:last-of-type {
    margin-bottom: 0;
}

.tips a {
    color: #2097D7;
}

.tips .arrow {
    position: absolute;
    background-color: #FFFFFF;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #2097D7;
    border-left: 1px solid #2097D7;
}

.tips.top .arrow {
    top: 84px;
    left: 50%;
    transform: translateX(-5px) rotate(-45deg);
}

.tips.right .arrow {
    top: 30px;
    left: -1px;
    transform: translateX(-5px) rotate(45deg);
}

.tips .icon-laba {
    color: #FF8900;
}

.modal-title .tips p {
    line-height: 20px;
    font-weight: normal;
    color: #2197D7;
}

/**********************************************************************************
    数据表格 响应式处理
*/
@media (max-width: 1200px) {
    .item-list-table {
        margin: 16px 0;
        padding: 24px 16px;
    }
}

/**********************************************************************************
   弹窗统一样式
*/
.modal-header,
.modal-body,
.modal-footer {
    padding-left: 20px;
}

.modal-body {
    padding-top: 24px;
    padding-bottom: 24px;
}

.modal-title {
    font-weight: 600;
}

.modal-dialog .modal-content {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
    border-color: transparent;
}

.modal-footer .btn {
    padding: 5px 18px;
}

.modal-footer .btn + .btn {
    color: #FFFFFF;
}

/**********************************************************************************
    新增来访者弹窗  两列输入
*/
.glyphicon-star.warn {
    color: #ff4100;
    font-size: 10px;
}

.searchBarLine {
    border-bottom: 1px solid #e5e5e5;;
}

.searchBarLine .input-group {
    width: 470px;
}

.searchBarLine .input-group-addon:first-of-type {
    background-color: #FFFFFF;
    /*border-color: transparent;*/
    /*border-radius: 0;*/
    color: #262626;
}

.searchBarLine .input-group-addon:last-of-type {
    background-color: #E5E5E5;
}

.searchBarLine .icon-sousuo {
    color: #808080;
}

.inputCols2 .form-group {
    width: 285px;
    margin-bottom: 15px;
    position: relative;
}

.inputCols2 .form-group.left {
    width: 270px;
}

.inputCols2 .form-group label {
    width: 87px;
    color: rgba(0, 0, 0, 0.85);
}

.inputCols2 .form-group.left label {
    width: 60px;
}

.inputCols2 .form-group .form-control.right {
    width: 136px;
}

.inputCols2 .form-group .year {
    display: inline-block;
    vertical-align: middle;
    color: #808080;
    margin-left: 13px;
}

.inputCols2 .form-group label .glyphicon-star.warn {
    font-size: 10px;
}

.inputCols2 .form-group .selectUI {
    width: 173px;
}

/* 必填项 警告 **********************************************************************************/
.form-group .warnTxt, .warn .warnTxt {
    display: none;
}

.form-group.warn .warnTxt, .warn .warnTxt {
    color: #FF4F3E;
    margin: 0;
    position: absolute;
    top: 100%;
    font-size: 10px;
    display: block;
}

.form-group.warn .form-control, .warn .form-control,
.form-group.warn .selectUI p，.warn .selectUI p {
    border-color: #FF4F3E;
}

.inputCols2 .form-group.warn .warnTxt, .warn .warnTxt {
    left: 90px;
}

.inputCols2 .form-group.left.warn .warnTxt, .warn .warnTxt {
    left: 64px;
}

/**********************************************************************************
    自定义 radio 和 CheckBox 组件
*/
.myRadioCheckedBox {
    display: inline-block;
    padding: 0 0 0 10px;
    position: relative;
    height: 32px;
    line-height: 32px;
    margin: 0;
    width: 62px !important;
    cursor: pointer;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.myRadioCheckedBox.icon {
    width: 32px !important;
}

.myRadioCheckedBox.lg {
    width: 90px !important;
}

.myRadioCheckedBox.lglg {
    width: 140px !important;
    margin-left: 0 !important;
}

.myRadioCheckedBox.lglglg {
    width: 170px !important;
    margin-left: 0 !important;
}

.myRadioCheckedBox.fluid {
    width: 100% !important;
}

.myRadioCheckedBox.fluid:hover {
    color: #2197D7;
}

.myRadioCheckedBox.fluid:hover .checkbox,
.myRadioCheckedBox.fluid:hover .radio {
    border-color: #2197D7;
}

.myRadioCheckedBox + .myRadioCheckedBox {
    margin-left: 24px;
}

.myRadioCheckedBox.fluid + .myRadioCheckedBox {
    margin-left: 0;
}

.myRadioCheckedBox input {
    display: none;
}

.myRadioCheckedBox .radio {
    background-clip: content-box;
}

.myRadioCheckedBox .radio,
.myRadioCheckedBox .checkbox {
    width: 16px;
    height: 16px;
    padding: 3px;
    display: inline-block;
    background-color: #FFFFFF;
    margin-right: 8px;
    border: 1px solid #D9D9D9;
    min-height: 10px;
    vertical-align: sub;
    margin-top: 0;
    margin-bottom: 0;
}

.myRadioCheckedBox .radio {
    border-radius: 100%;
}

.myRadioCheckedBox .checkbox {
    position: relative;
    border-radius: 2px;
}

.myRadioCheckedBox.blue .checkbox {
    background-color: #036FA4;
    border: 1px solid #036FA4;
}

.myRadioCheckedBox input:checked + .radio,
.myRadioCheckedBox input:checked + .checkbox,
.myRadioCheckedBox.checked .radio,
.myRadioCheckedBox.checked .checkbox {
    background-color: #2097D7;
    border-color: #2097D7;
}

.myRadioCheckedBox.blue input:checked + .checkbox {
    background-color: #036FA4;
    border-color: #036FA4;
}

.myRadioCheckedBox.disabled,
.myRadioCheckedBox.disabled .checkbox,
.myRadioCheckedBox.disabled .radio {
    background-color: #fff !important;
    border-color: #d9d9d9 !important;
    color: #d9d9d9 !important;
    cursor: not-allowed;
}

.myRadioCheckedBox:hover .radio,
.myRadioCheckedBox:hover .checkbox {
    border-color: #2097D7;
}

.myRadioCheckedBox:hover .checkbox {
    border-color: #036FA4;
}

/*.myRadioCheckedBox input:checked + .checkbox {*/
/*position: relative;*/
/*border-radius: 2px;*/
/*}*/

.myRadioCheckedBox input:checked + .checkbox:after,
.myRadioCheckedBox.checked .checkbox:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 5px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/**********************************************************************************
    预约详情弹窗
*/

.itemInfo ul {
    padding-left: 0;
    margin-bottom: 0;
}

.itemInfo .item {
    list-style: none;
    padding: 6px 5px;
    color: #262626;
}

.itemInfo .item .name,
.itemInfo .item .cont {
    display: inline-block;
    vertical-align: middle;
}

.itemInfo .item .name {
    width: 80px;
    margin-right: 12px;
    font-weight: 600;
}

.itemInfo .item .cont + .name {
    margin-left: 24px;
    width: auto;
}

/**********************************************************************************
    创建新预约 弹窗 单列输入框
*/
.inputCols .modal-dialog {
    width: 634px;
}

.inputCols .modal-dialog .modal-content {
    background: rgba(255, 255, 255, 1);
}

.inputCols .modal-body {
    padding: 24px;
}

.inputCols .control-label {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    color: #262626;
}

.inputCols .form-group {
    margin-left: 0;
    margin-right: 0;
}

.inputCols .form-group .selectUI {
    width: 224px;
    color: #383838;
    vertical-align: middle;
}

.inputCols .selectDate .form-control.date {
    width: 125px;
}

.inputCols .selectDate .form-control.time {
    width: 95px;
}

.inputCols .selectDate .selectUI {
    width: 100px;
}

.inputCols .warnTxt {
    left: 0;
}

.inputCols .col-sm-10,
.inputCols .col-sm-4,
.inputCols .col-sm-5,
.inputCols .col-sm-7,
.inputCols .col-sm-8,
.inputCols .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
}

.inputCols .col-sm-4 .selectUI {
    width: 160px;
}

.inputCols .col-sm-8 .selectUI {
    width: 190px;
}

.inputCols textarea {
    height: 80px;
}

/**********************************************************************************
    自定义切换页签
*/

.nav-tabs-primary {
    margin-left: 9px;
    border-bottom: 2px solid #2097D7;
    margin-bottom: 16px;
}

.nav-tabs-primary > li + li {
    margin-left: 8px;
}

.nav-tabs-primary {
    padding-bottom: 1px;
}

.nav-tabs-primary > li > a {
    color: #383838;
    border-color: #e7e7e7;
    margin-right: 0;
    width: 90px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    border-bottom: none;
    background-color: #fff;
    height: 38px;
}

.nav-tabs-primary > li.active > a,
.nav-tabs-primary > li.active > a:hover,
.nav-tabs-primary > li.active > a:focus {
    color: #fff;
    background-color: #2097D7;
    border-color: transparent;
    cursor: default;
    border-bottom: none;
}

/* 时间段面板 **********************************************************************************/
.timePlane {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 32px;
    line-height: 30px;
    padding-left: 10px;
    background-color: #F4F4F4;
    border-radius: 4px;
    color: #787878;
    border: 1px solid #D9D9D9;
    position: relative;
}

.timePlane .x {
    position: absolute;
    width: 20px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    right: 0;
    top: 0;
    font-size: 16px;
    cursor: pointer;
}

/**********************************************************************************
    下拉多选 带检索
*/
.selectMulUI {
    display: inline-block;
    width: 355px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectMulUI li {
    list-style: none;
    cursor: pointer;
    width: 100% !important;
    margin-bottom: 0 !important;
}

.selectMulUI li:hover,
.selectMulUI li.selected {
    background-color: #E5F6FE;
}

.selectMulUI ul {
    padding: 10px 3px;
    margin-bottom: 0;
    width: 100% !important;
}

.selectMulUI .dropdownBox {
    display: none;
    padding: 3px;
    border: 1px solid #D9D9D9;
    max-height: 300px;
    position: absolute;
    top: 100%;
    z-index: 2000;
    background-color: #fff;
    width: 100%;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
}

.selectMulUI.open .dropdownBox {
    display: block;
}

.selectMulUI .selectIContent {
    min-height: 32px;
    padding: 3px 26px 0 10px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 0;
}

/*.selectMulUI.open .selectIContent {*/
/*border-color: #40A9FF;*/
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px RGBA(64, 169, 255, 1);*/
/*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px RGBA(64, 169, 255, 1);*/
/*}*/

.selectMulUI .myRadioCheckedBox {
    width: 100% !important;
    padding-left: 0;
}

.selectMulUI .myRadioCheckedBox .checkbox {
    vertical-align: middle;
}

.selectMulUI li.selected .myRadioCheckedBox .checkbox {
    background-color: #2097D7;
    border-color: #2097D7;
}

.selectMulUI li.selected .myRadioCheckedBox .checkbox {
    position: relative;
    border-radius: 2px;
}

.selectMulUI li.selected .myRadioCheckedBox .checkbox:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 5px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.selectMulUI .search {
    position: relative;
}

.selectMulUI .search .form-control {
    padding-right: 25px;
    width: 100% !important;
}

.selectMulUI .icon-sousuo {
    color: RGBA(0, 0, 0, 0.25);
    position: absolute;
    right: 7px;
    top: 6px;
}

.selectMulUI .personPlane[data-value="0"] {
    border-color: transparent;
    background-color: #FFFFFF;
    padding-left: 0;
    color: #cccccc;
}

.selectMulUI .personPlane {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 24px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 20px;
    background-color: #F4F4F4;
    border-radius: 4px;
    color: #787878;
    border: 1px solid #D9D9D9;
    position: relative;
    margin-bottom: 3px;
    margin-right: 5px;
}

.selectMulUI .personPlane .x {
    position: absolute;
    width: 20px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    right: 0;
    top: 0;
    font-size: 16px;
    cursor: pointer;
}

.selectMulUI .selectIContent {
    position: relative;
}

.warn .selectMulUI .selectIContent,
.selectMulUI.warn .selectIContent {
    border-color: #FF4F3E;
}

.warn .selectMulUI .search .form-control,
.selectMulUI.warn .search .form-control {
    border-color: #ccc;
}

.selectMulUI .selectIContent::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    top: 50%;
    right: 5px;
    position: absolute;
    transform: rotate(-47deg) translateY(-10px);
    transition: transform 0.3s;
}

.selectMulUI.open .selectIContent::after {
    transform: rotate(135deg) translateY(0px);
    right: 10px;
}

/**********************************************************************************
    来访者基本信息面板
*/
.baseInfoPlane {
    margin-left: 10px;
    border: none;
}

.baseInfoPlane > .panel-heading {
    background-color: #FFFFFF;
    border-color: transparent;
    border-bottom-color: #e9e9e9;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 32px;
}

.baseInfoPlane .panel-heading .panel-title {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    border-left: 4px solid #2097D7;
    padding-left: 8px;
}

.baseInfoPlane .panel-body {
    padding: 24px 31px;
    color: #262626;
}

.baseInfoPlane .panel-body ul {
    width: 941px;
    margin-bottom: 0;
}

.baseInfoPlane .panel-body .horizontal {
    width: 100%;
}

.baseInfoPlane .panel-body .horizontal li {
    max-width: 1200px;
    width: 100%;
    float: none;
    margin-bottom: 40px;
}

.baseInfoPlane .panel-body .horizontal li.hline {
    height: 0;
    padding: 0;
    max-width: 100%;
    border-bottom: 1px solid #e9e9e9;
}

.baseInfoPlane .panel-body .horizontal {
    margin-top: 16px;
}

.baseInfoPlane .panel-body .horizontal li:last-child {
    margin-bottom: 10px;
}

.baseInfoPlane .panel-body li {
    width: 470px;
    float: left;
    margin-bottom: 15px;
    /*min-height: 32px;*/
}

/*.baseInfoPlane .panel-body .name,*/
/*.baseInfoPlane .panel-body .cont {*/
/*float: left;*/
/*}*/

.baseInfoPlane .panel-body .name {
    font-weight: 600;
    margin-right: 5px;
}

.baseInfoPlane .panel-body .cont {
    font-weight: 400;
}

.baseInfoPlane .panel-body .horizontal li .name {
    margin-left: 10px;
}

.baseInfoPlane .panel-body .horizontal li .cont {
    margin-left: 80px;
}

/* 基本信息模板 编辑状态 **********************************************************************************/
.baseInfoPlane.edit .panel-body .control-label,
.baseInfoPlane.editMore .panel-body .control-label {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    /*font-weight: 600;*/
}

.baseInfoPlane.edit .panel-body .form-control,
.baseInfoPlane.edit .panel-body .selectUI {
    width: 224px;
}

.baseInfoPlane.edit .panel-body .long .form-control {
    width: 694px;
}

.baseInfoPlane.edit .panel-body .form-group,
.baseInfoPlane.editMore .panel-body .form-group {
    margin-bottom: 0;
}

.baseInfoPlane .form-control::-webkit-input-placeholder {
    color: #ccc;
}

.baseInfoPlane .form-control::-moz-placeholder {
    color: #ccc;
}

.baseInfoPlane .form-control:-ms-input-placeholder {
    color: #ccc;
}

.baseInfoPlane.edit .panel-body li .tip,
.baseInfoPlane.editMore .panel-body li .tip {
    position: absolute;
    top: 6px;
    left: 250px;
    width: 600px;
    color: #808080;
}

.baseInfoPlane.editMore .form-group + .form-group {
    margin-top: 16px;
}

.baseInfoPlane.editMore .myRadioCheckedBox {
    padding-left: 0;
    margin-left: 0;
}

.baseInfoPlane.editMore .form-horizontal > .form-group {
    max-width: 1365px;
    width: 100%;
}

.baseInfoPlane.editMore .form-horizontal > .form-group > .control-label {
    width: 125px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.baseInfoPlane.editMore .form-horizontal > .form-group > div {
    margin-left: 144px;
    width: 100%;
    max-width: 1200px;
}

@media screen and (max-width: 1400px) {
    .baseInfoPlane.editMore .form-horizontal > .form-group > div {
        max-width: 1100px;
    }
}

@media screen and (max-width: 1300px) {
    .baseInfoPlane.editMore .form-horizontal > .form-group > div {
        max-width: 1000px;
    }
}

@media screen and (max-width: 1200px) {
    .baseInfoPlane.editMore .form-horizontal > .form-group > div {
        max-width: 900px;
    }

    .baseInfoPlane {
        margin-left: 0;
    }
}

@media screen and (max-width: 1100px) {
    .baseInfoPlane.editMore .form-horizontal > .form-group > div {
        max-width: 800px;
    }
}

@media screen and (max-width: 1000px) {
    .baseInfoPlane.editMore .form-horizontal > .form-group > div {
        max-width: 700px;
    }
}

@media screen and (max-width: 900px) {
    .baseInfoPlane.editMore .form-horizontal > .form-group > div {
        max-width: 500px;
    }
}

/**********************************************************************************
    培训经历
*/
.trainInfo .inputPanel {
    max-width: 1053px;
    height: 100px;
    background: rgba(245, 245, 245, 1);
    border-radius: 4px;
    border: 1px solid rgba(233, 233, 233, 1);
    padding: 14px;
    position: relative;
}

.trainInfo.has .inputPanel {
    height: 70px;
    padding: 10px 14px;
}

.trainInfo .inputPanel .form-group {
    margin-top: 0 !important;
}

.trainInfo.has .inputPanel .form-group + .form-group {
    margin-top: 5px !important;
}

.trainInfo .inputPanel .myRadioCheckedBox {
    color: #383838;
}

.trainInfo .inputPanel .name {
    margin-top: 8px !important;
}

.trainInfo .btn.update {
    margin-top: 8px;
    margin-left: 14px;
}

.trainInfo.has .btn-group {
    position: absolute;
    right: 14px;
    top: 10px;
}

.trainInfo.has .btn-group .btn {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    padding: 0 !important;
    border-radius: 2px;
}

.trainInfo.has .btn-group .btn .iconfont {
    color: #A6A6A6;
}

.trainInfo.has .btn-group .btn.add:hover {
    background-color: #2197D7;
}

.trainInfo.has .btn-group .btn.add:hover .iconfont {
    color: #FFFFFF;
}

.trainInfo.has .btn-group .btn.delete:hover {
    background-color: #FE503F;
}

.trainInfo.has .btn-group .btn.delete:hover .iconfont {
    color: #FFFFFF;
}

.trainInfo.has .btn-group .btn + .btn {
    margin-left: 16px;
}

/**********************************************************************************
    咨询概况时间轴 单侧
*/

.basicInfoList {
    margin-left: 9px;
}

@media (max-width: 1200px) {
    .basicInfoList {
        margin-left: 0;
    }
}

.basicInfoList .panel-heading {
    background-color: #FFFFFF;
    border-color: transparent;
    border-bottom-color: #e9e9e9;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 32px;
}

.basicInfoList .panel-heading .panel-title {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    border-left: 4px solid #2097D7;
    padding-left: 8px;
}

.basicInfoList .panel-body {
    padding: 24px 31px;
}

.timeAxisDivider {
    padding-left: 52px;
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
}

.timeAxisDivider .line {
    position: absolute;
    z-index: 50;
    width: 0;
    border-left: 1px solid #2197D7;
    left: 51px;
    top: 0;
    height: 100%;
}

.timeAxisDivider:last-of-type .line {
    top: -53px;
}

.timeAxisDivider .title {
    color: #2097D7;
    font-size: 20px;
    height: 61px;
    line-height: 38px;
    font-weight: 600;
    padding-left: 33px;
    position: relative;
    padding-bottom: 23px;
    cursor: pointer;
}

.timeAxisDivider .title .icon {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    color: #FFFFFF;
    background-color: #2197D7;
    font-size: 20px;
    box-shadow: 0px 4px 5px 0px rgba(33, 151, 215, 0.36);
    position: absolute;
    top: 0;
    left: -19px;
    z-index: 100;
    font-weight: normal;
}

.timeAxisDivider .title .icon:before {
    position: absolute;
    left: 9px;
    top: 1px;
}

.timeAxisDivider .item {
    font-size: 16px;
    color: #383838;
    padding-left: 20px;
    position: relative;
    padding-bottom: 0;
    height: 0;
    transition: height .3s ease, padding-bottom 0.3s;
}

.timeAxisDivider.open .item {
    height: 65px;
    padding-bottom: 16px;
}

.timeAxisDivider .item .round {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    border: 1px solid #2197D7;
    left: -5px;
    top: 7px;
    background-color: #FFFFFF;
    z-index: 200;
}

.timeAxisDivider .item p {
    margin-bottom: 5px;
}

.timeAxisDivider .item .date {
    margin-right: 8px;
}

.timeAxisDivider .item .name {
    margin-right: 16px;
    font-size: 14px;
}

.timeAxisDivider .item .time {
    color: #A6A6A6;
}

/* 时间轴 另一种字体加粗的样式组合 */
.timeAxisDivider2 {
    padding-left: 52px;
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
}

.timeAxisDivider2 .line {
    position: absolute;
    z-index: 50;
    width: 0;
    border-left: 1px solid #2197D7;
    left: 51px;
    top: 0;
    height: 100%;
}

.timeAxisDivider2:last-of-type .line {
    top: -57px;
}

.timeAxisDivider2 .title {
    color: #2097D7;
    font-size: 20px;
    height: 52px;
    line-height: 36px;
    font-weight: 600;
    padding-left: 33px;
    position: relative;
    padding-bottom: 16px;
    cursor: pointer;
}

.timeAxisDivider2 .title .icon {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    color: #FFFFFF;
    background-color: #2197D7;
    font-size: 20px;
    box-shadow: 0px 4px 5px 0px rgba(33, 151, 215, 0.36);
    position: absolute;
    top: 0;
    left: -19px;
    z-index: 100;
    font-weight: normal;
}

.timeAxisDivider2 .title .icon:before {
    position: absolute;
    left: 9px;
    top: 1px;
}

.timeAxisDivider2 .item {
    display: block;
    color: #383838;
    padding-left: 76px;
    padding-right: 16px;
    position: relative;
    padding-bottom: 0;
    height: 0;
    transition: height .3s ease, padding-bottom 0.3s;
}

.timeAxisDivider2.open .item {
    height: auto;
    padding-bottom: 16px;
}

.timeAxisDivider:last-child .item:last-child,
.timeAxisDivider2:last-child .item:last-child {
    padding-bottom: 0;
}

.timeAxisDivider2 .item .left {
    display: none;
}

.timeAxisDivider2.open .item .left {
    width: 50px;
    margin-right: 9px;
    position: absolute;
    top: 0;
    left: 10px;
    padding-top: 15px;
    display: block;
}

.timeAxisDivider2 .item .round {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 100%;
    border: 1px solid #2197D7;
    left: -5px;
    top: 20px;
    background-color: #FFFFFF;
    z-index: 200;
}

.timeAxisDivider2 .item .date,
.timeAxisDivider2 .item .time {
    text-align: right;
    margin-bottom: 0;
    line-height: 1;
}

.timeAxisDivider2 .item .date {
    font-weight: 600;
    color: #383838;
    font-size: 18px;
    margin-bottom: 4px;
}

.timeAxisDivider2 .item .time {
    color: #A6A6A6;
    font-size: 14px;
}

.timeAxisDivider2.open .item .right {
    width: 100%;
    border: 1px solid #2197D7;
    border-radius: 4px;
    padding: 16px 44px;
    position: relative;
}

.timeAxisDivider2.open .item .right:after {
    content: '';
    position: absolute;
    border-left: 1px solid #2197D7;
    border-bottom: 1px solid #2197D7;
    background-color: #fff;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    top: 22px;
    left: -5px;
}

.timeAxisDivider2.open .item .right,
.timeAxisDivider2.open .item .right .name,
.timeAxisDivider2.open .item .right:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.timeAxisDivider2.open .item .right,
.timeAxisDivider2.open .item .right:after {
    border-color: #E9E9E9;
}

.timeAxisDivider2.open .item .right .name {
    color: #383838;
    font-weight: 600;
}

.timeAxisDivider2.open .item .right .num {
    margin-bottom: 0;
}

.timeAxisDivider2.open .item .right .iconfont:nth-of-type(2) {
    margin-left: 40px;
}

.timeAxisDivider2.open .item .right:hover,
.timeAxisDivider2.open .item .right:hover:after {
    border-color: #2197D7;
}

.timeAxisDivider2.open .item .right:hover .name {
    color: #2197D7;
}

/**********************************************************************************
    confirm 弹窗
*/
.confirmModal .modal-dialog {
    width: 450px;
}

.confirmModal .modal-title {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.85);;
}

.confirmModal .modal-title .icon {
    transform: scale(1.5);
    margin-right: 16px;
}

.confirmModal .modal-body {
    padding-left: 60px;
    line-height: 22px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
}

.confirmModal .modal-body,
.confirmModal .modal-footer {
    padding-right: 32px;
}

.confirmModal .modal-header {
    padding-top: 32px;
    padding-bottom: 0;
}

.confirmModal .modal-header,
.confirmModal .modal-footer {
    border: none;
}

.confirmModal.confirmModal-error .btn-primary {
    color: #FF4F3E;
    background-color: #F5F5F5;
    border-color: #ccc;
}

.confirmModal.confirmModal-error .btn-primary:hover,
.confirmModal.confirmModal-error .btn-primary:active,
.confirmModal.confirmModal-error .btn-primary:focus {
    color: #e83d2d;
    background-color: #F5F5F5;
    border-color: #ccc;
    outline: 1px solid #ccc;
}

/**********************************************************************************
    来访登记表
*/
.visitorLogModal {
}

.visitorLogModal .modal-dialog {
    width: 1000px;
}

.visitorLogModal .form-inline .form-group {
    width: 45%;
    margin-bottom: 15px;
}

.visitorLogModal .form-inline .form-group label {
    width: 100px;
}

.visitorLogModal .form-inline .form-group .warnTxt {
    left: 103px;
}

.visitorLogModal .panel {
    margin-bottom: 0;
}

.visitorLogModal .panel,
.visitorLogModal .panel .panel-heading {
    border-color: #e9e9e9;
}

.visitorLogModal .panel .panel-heading {
    background-color: #FFFFFF;
    padding: 13px 16px;
}

.visitorLogModal .panel .panel-body {
    padding: 24px 16px 9px 16px;
}

.visitorLogModal .modal-body {
    padding: 24px 32px;
}

.visitorLogModal .panel .panel-title {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
    border-left: 4px solid #2097D7;
    padding-left: 8px;
}

.visitorLogModal .panel + .panel {
    margin-top: 16px;
}

.visitorLogModal .horizontal .panel-body {
    padding-left: 27px;
}

.visitorLogModal .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.visitorLogModal .form-horizontal label {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
}

.visitorLogModal .form-horizontal textarea {
    height: 60px;
    line-height: 22px;
}

.visitorLogModal .form-horizontal .myRadioCheckedBox + .myRadioCheckedBox {
    margin-left: 30px;
}

/**********************************************************************************
    数据列表 标题+多选+检索
*/
.dataList {
    margin-bottom: 0;
}

.dataList:first-of-type {
    margin-top: 16px;
}

.dataList li {
    padding-left: 36px;
    padding-right: 10px;
}

.dataList .title {
    color: rgba(255, 255, 255, 1);
    height: 40px;
    line-height: 40px;
    background-color: #2097D7;
    border-radius: 4px 4px 0px 0px;
}

.dataList .item {
    color: #383838;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dataList .item:last-of-type {
    border-bottom: none;
}

.dataList .item .myRadioCheckedBox {
    width: 100% !important;
    padding-left: 0;
}

/**********************************************************************************
  文件上传弹窗
*/
.updateFileModal .modal-body {
    padding-left: 18px;
    padding-right: 18px;
}

.updateFileModal .form-group {
    margin-left: 0;
    margin-right: 0;
    color: #464646;
}

.updateFileModal .control-label {
    padding-right: 0;
    text-align: left;
    padding-left: 10px;
}

.updateFileModal .form-group .txt {
    padding-top: 7px;
}

.updateFileModal .updateProgress {
    color: rgba(0, 0, 0, 0.45);
    line-height: 25px;
    padding-top: 7px;
}

.updateFileModal .updateProgress:hover {
    color: #2197D7;
}

.updateFileModal .updateProgress .btn.redo .iconfont {
    color: #464646;
}

.updateFileModal .updateProgress .filename {
    border-bottom: 2px solid transparent;
    min-width: 90px;
    display: inline-block;
    max-width: 200px;
    vertical-align: bottom;
    margin-left: 10px;
    margin-right: 20px;
    position: relative;
}

.updateFileModal .updateProgress .filename .line {
    position: absolute;
    width: 50%;
    height: 0;
    border-bottom: 2px solid #2197D7;
    bottom: 0;
    left: 0;
    transition: width 0.3s ease;
}

.updateFileModal .updateProgress.error .filename .line {
    border-bottom-color: #FE4104;
}

.updateFileModal .updateProgress .btn {
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 !important;
    text-align: center;
}

.updateFileModal .updateProgress:hover .btn.x {
    color: #FFFFFF;
    background-color: #ff503f;
}

/* 进度条演示，鼠标划入 **********************************************************************************/
.updateFileModal .updateProgress:hover .line {
    width: 100%;
}

/**********************************************************************************
    树形菜单
*/
.treeMenu {
    font-size: 14px;
}

.treeMenu .item-1 + .item-1 {
    margin-top: 10px;
}

.treeMenu .item-1 .myRadioCheckedBox.icon {
    color: #383838;
    vertical-align: middle;
}

.treeMenu .item-1 ul {
    padding-left: 24px;
}

.treeMenu .name {
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
}

/**********************************************************************************
    记录页
*/
.baseInfoPlane.record {

}

.baseInfoPlane.record .baseInfo {
    border-bottom: 1px solid #2097D7;
    padding-bottom: 0;
}

.baseInfoPlane.record .edit .control-label {
    text-align: left;
    color: #262626;
    padding-right: 0;
    padding-left: 0;
}

.baseInfoPlane.record .edit .form-group {
    margin-left: 0;
    margin-right: 0;
}

.baseInfoPlane.record .edit .form-group.input {
    max-width: 1428px;
    width: 100%;
}

/**********************************************************************************
    五星评级条
*/
.starCheckBar {
    line-height: 32px;
    cursor: pointer;
}

.starCheckBar .icon-xingxing {
    font-size: 20px;
    color: #cccccc;
}

.starCheckBar .icon-xingxing.active {
    color: #FFAF38;
}

.starCheckBar .icon-xingxing + .icon-xingxing {
    margin-left: 4px;
}

/*绑定 功能组**********************************************************************************/

.bdBar {
    float: right;
}

.bdBar.has {
    color: #75C93F;
}

.bdBar.no {
    color: #FF8901;
}

.bdBar svg {
    transform: scale(1.3);
    margin-right: 10px;
}

.bdBar .vline {
    color: RGBA(0, 0, 0, 0.85);
    font-weight: 700;
}

.bdBar .btn {
    padding-left: 0;
    padding-right: 0;
    color: #2197D7;
    font-size: 14px;
}

/*
    *****************************************************************************************
    *****************************************************************************************
    2018-08-25 新增
    *****************************************************************************************
    *****************************************************************************************
*/

/* 绑定 登录方式 和 安全  */

.bindLogType .modal-dialog {
    width: 483px;
}

.bindLogType .form-group:last-of-type {
    margin-bottom: 0;
}

.bindLogType p {
    color: #262626;
}

.bindLogType p:first-child {
    margin-bottom: 16px;
}

.bindLogType .mobile {
    margin-left: 11px;
}

.bindLogType .control-label {
    width: 70px;
}

.bindLogType .form-control {
    width: 146px;
}

.bindLogType .tip {
    color: #808080;
    margin-left: 24px;
}

.bindLogType .form-control::-webkit-input-placeholder {
    color: #cccccc;
}

.bindLogType .form-control::-moz-placeholder {
    color: #cccccc;
}

.bindLogType .form-control:-ms-input-placeholder {
    color: #cccccc;
}

.bindLogType .sendYAM {
    margin-left: 9px;
}

/*
    开关组件 input 选中时为开
*/
.mySwitchBox {
    width: 44px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    border-radius: 40px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.mySwitchBox > span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 40px;
    border: 1px solid #ccc;
}

.mySwitchBox > span,
.mySwitchBox .round {
    transition: all 0.5s ease;
}

.mySwitchBox .kai,
.mySwitchBox .guan {
    width: 50%;
    height: 100%;
    color: #262626;
}

.mySwitchBox .kai {
    display: none;
    float: left;
    padding-left: 8px;
    text-align: left;
}

.mySwitchBox .guan {
    display: block;
    float: right;
    padding-right: 8px;
    text-align: right;
}

.mySwitchBox .round {
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #ccc;
    border-radius: 100%;
    top: 2px;
    left: 2px;
}

.mySwitchBox input:checked + span .round {
    left: 24px;
    background-color: #eee;
}

.mySwitchBox input:checked + span {
    background-color: #3DA8F5;
    border: 1px solid #3DA8F5;
}

.mySwitchBox input:checked + span .kai,
.mySwitchBox input:checked + span .guan {
    color: #FFFFFF;
}

.mySwitchBox input:checked + span .kai {
    display: block;
}

.mySwitchBox input:checked + span .guan {
    display: none;
}

/*
    站内信 面板
*/
.baseInfoPlane.sitMessage {
    position: relative;
}

.baseInfoPlane.sitMessage .icon-down-trangle1 {
    position: absolute;
    right: 42px;
    top: 24px;
    font-size: 20px;
    color: #707070;
    cursor: pointer;
}

.baseInfoPlane.sitMessage .panel-body {
    padding: 28px 32px;
}

.baseInfoPlane.sitMessage .title {
    margin-top: 0;
    margin-bottom: 2px;
    font-weight: 600;
}

.baseInfoPlane.sitMessage .title .iconfont {
    color: #3DA8F5;
    font-size: 19px;
    margin-right: 13px;
    font-weight: normal;
    margin-top: -2px;
    vertical-align: middle;
}

.baseInfoPlane.sitMessage .title-sm,
.baseInfoPlane.sitMessage .content {
    padding-left: 33px;
}

.baseInfoPlane.sitMessage .title-sm {
    font-size: 12px;
    color: #A6A6A6;
    margin-bottom: 18px;
}

.baseInfoPlane.sitMessage .content {
    color: #383838;
    margin-bottom: 0;
}

.baseInfoPlane.sitMessage .content .visitor {
    color: #2197D7;
}

.baseInfoPlane.sitMessage .content .visitor.hoverTips {
    position: relative;
    padding-top: 10px;
    margin-top: -10px;
    cursor: pointer;
}

.baseInfoPlane.sitMessage .content .visitor.hoverTips .tips {
    display: none;
    color: #2097D7;
}

.baseInfoPlane.sitMessage .content .visitor.hoverTips:hover .tips {
    display: block;
}

.baseInfoPlane.sitMessage .content .visitor.hoverTips .tips.top {
    top: -90px;
}

.baseInfoPlane.sitMessage .content .visitor.hoverTips .tips .txtp:first-child {
    color: #383838;
}

.baseInfoPlane.sitMessage .content .visitor.hoverTips .tips .txtp {
    margin-bottom: 3px;
}

.baseInfoPlane.sitMessage .content .visitor.hoverTips .tips .txtp:last-of-type {
    margin-bottom: 0;
}

.baseInfoPlane.sitMessage .content .address {
    color: #2C9EDC;
}

.baseInfoPlane.sitMessage.readed .title,
.baseInfoPlane.sitMessage.readed .title .iconfont,
.baseInfoPlane.sitMessage.readed .title-sm,
.baseInfoPlane.sitMessage.readed .icon-down-trangle1,
.baseInfoPlane.sitMessage.readed .content {
    color: #808080;
}

.baseInfoPlane.sitMessage.readed .icon-down-trangle1 {
    transform: rotate(-90deg);
}

.item-list-table .tableUtils .title {
    color: #383838;
    font-weight: 600;
    margin-top: 0px;
}

.item-list-table .tableUtils .title .num {
    color: #2197D7;
}

.color2197D7 {
    color: #2197D7 !important;
}

.nextTodoTips {
    color: #383838;
}

.nextTodoTips .title {
    font-weight: 600;
    margin-bottom: 8px;
}

.nextTodoTips .title:first-child {
    margin-top: 4px;
}

.nextTodoTips .cont + .title {
    margin-top: 35px;
}

.nextTodoTips .cont:last-of-type {
    margin-bottom: 0;
}

.nextTodoTips .form-control {
    width: 37px;
    height: 24px;
    text-align: center;
    padding: 0;
    display: inline;
}

.nextTodoTips .form-group {
    margin-bottom: 0;
}

/***************************************************************************************************************
    危机部分
*/
.inlne {
    display: inline !important;
}

.inlineblock {
    display: inline-block !important;
}

a {
    cursor: pointer;
}

.color2097D7 {
    color: #2097D7 !important;
}

.colorA6A6A6 {
    color: #A6A6A6 !important;
}

.color808080 {
    color: #808080 !important;
}

.color383838 {
    color: #383838 !important;
}

.colorFFAF38 {
    color: #FFAF38 !important;
}

.th-icon .iconfont {
    font-size: 12px;
    margin-left: 3px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -1px;
}

.font12 {
    font-size: 12px !important;
}

.font14 {
    font-size: 14px !important;
}

.font16 {
    font-size: 16px !important;
}

.font18 {
    font-size: 18px !important;
}

.font20 {
    font-size: 20px !important;
}

.round {
}

.round.default {
    color: rgba(0, 0, 0, 0.25);
}

.round.warn {
    color: #FAAD14;
}

.round.success {
    color: #52C41A;
}

.round.danger {
    color: #FF4F3E;
}

.round.info {
    color: #2197D7;
}

.round.round-sm {
    font-size: 12px;
}

.star1 .iconfont,
.star2 .iconfont,
.star3 .iconfont,
.star4 .iconfont,
.star5 .iconfont {
    display: none;
}

.star1 .iconfont:nth-of-type(-n+1) {
    display: inline;
}

.star2 .iconfont:nth-of-type(-n+2) {
    display: inline;
}

.star3 .iconfont:nth-of-type(-n+3) {
    display: inline;
}

.star4 .iconfont:nth-of-type(-n+4) {
    display: inline;
}

.star5 .iconfont:nth-of-type(-n+5) {
    display: inline;
}

.input-group.droplist {
    margin-left: 40px;
    width: 469px;
}

.input-group.droplist .arrow {
    position: absolute;
    left: 5px;
    top: 10px;
    display: inline;
    height: 20px;
    line-height: normal;
}

.input-group.droplist .arrow .iconfont {
    font-size: 12px;
    color: #808080;
}

.input-group.droplist .form-control {
    padding-left: 25px;
}

.input-group.droplist .input-group-addon {
    width: 40px;
    background-color: #2197D7;
    border-color: #2197D7;
}

.input-group.droplist .input-group-addon .iconfont {
    color: #FFFFFF;
}

/*
    统计 分类 列表
*/
.colListPanel {
    margin-bottom: 16px;
    margin-right: 10px;
    margin-left: 10px;
}

@media (max-width: 1200px) {
    .colListPanel {
        margin-left: 0;
        margin-right: 0;
    }
}

.colList {
    padding: 3px 20px;
    margin: 0;
}

.colList .col {
    float: left;
    text-align: center;
    width: 90px;
}

.colList .col + .col {
    margin-left: 155px;
}

.colList .col .title {
    color: #383838;
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 12px;
}

.colList .col .item a {
    display: block;
    width: 90px;
    height: 24px;
    line-height: 24px;
    background-color: #fff;
    color: #2197D7;
    padding: 0 12px;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
}

.colList .col .item + .item {
    margin-top: 7px;
}

.colList .col .item a:hover,
.colList .col .item.active a {
    background-color: #2197D7;
    color: #FFFFFF;
    text-decoration: none;
}

/*
    多行检索栏
*/
.search-bar.moreline {
    height: auto;
    line-height: normal;
    padding: 23px 40px;
}

.search-bar.moreline .title {
    font-size: 18px;
    color: #383838;
    font-weight: 600;
    margin-bottom: 16px;
}

.search-bar.moreline .form-group + .form-group label {
    margin-left: 13px;
}

.search-bar.moreline .form-group + .btn {
    margin-left: 54px;
}

.search-bar.moreline .btn + .btn {
    margin-left: 22px;
}

.search-bar.moreline .rowline {
    margin-top: 8px;
}

.search-bar.moreline .form-control,
.search-bar.moreline .selectUI {
    width: 215px;
}

.search-bar.moreline .selectUI.area {
    width: 240px;
}

.search-bar.moreline label {
    width: 72px;
    text-align: right;
    margin-left: 0;
    margin-right: 5px;
}

.search-bar.basestatistic label {
    width: 95px;
}

.search-bar.moreline.ceping form {
    margin-left: -22px;
}

.search-bar.moreline.ceping label {
    width: 95px;
}

.search-bar.moreline .selectUI + .selectUI,
.search-bar.moreline .selectUI + .form-control {
    margin-left: 5px;
}

.responseDiv {
    display: block !important;
    margin-top: 34px;
}

.responseDiv label {
    margin-left: 0 !important;
}

@media (min-width: 1500px) {
    .responseDiv {
        display: inline-block !important;
        margin-top: 0;
    }

    .responseDiv label {
        margin-left: 13px !important;
    }
}

.moreline.sm .btns {
    display: block !important;
    margin-top: 8px;
    margin-left: 82px;
}

.search-bar.moreline.sm .form-control,
.search-bar.moreline.sm .selectUI {
    width: 192px;
}

.search-bar.moreline.sm.ceping .form-control,
.search-bar.moreline.sm.ceping .selectUI {
    width: 215px;
}

@media (max-width: 1251px) {
    .search-bar.moreline.sm.ceping .btns {
        margin-left: 200px !important;
        display: inline-block !important;
        margin-top: 0;
    }
}

@media (max-width: 1040px) {
    .moreline.sm label {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}

@media (min-width: 1250px) {
    .moreline.sm .btns {
        display: inline-block !important;
        margin-top: 0;
        margin-left: 54px;
    }

    .search-bar.moreline.sm .form-control,
    .search-bar.moreline.sm .selectUI {
        width: 214px;
    }
}

@media (min-width: 1040px) {
    .search-bar.moreline.sm .form-control,
    .search-bar.moreline.sm .selectUI {
        width: 215px;
    }
}

/*
    三级标题行
*/
.titlebar {
    padding-left: 24px;
}

.titlebar .title,
.titlebar .title-md {
    font-size: 18px;
}

.titlebar .title {
    font-weight: 600;
    color: #383838;
}

.titlebar .title-md {
    font-weight: 500;
    color: #808080;
    margin-left: 24px;
}

.titlebar .title-sm {
    font-weight: normal;
    color: #808080;
    margin-left: 32px;
}

/*
    按钮切换签 组
*/

.btn-group.tab .btn:hover,
.btn-group.tab .btn:active,
.btn-group.tab .btn.active,
.btn-group.tab .btn:focus {
    background-color: #2197D7;
    color: #FFFFFF;
    border-color: #2197D7;
}

.btn-group.tab .btn {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*   信息图表滑过后的弹窗提示   */

.xiaoxiTips {
    position: relative;
}

.xiaoxiTips:hover .hoverTxtTips {
    display: block;
}

.hoverTxtTips {
    display: none;
    position: absolute;
    padding: 10px 16px;
    width: 160px;
    height: 70px;
    background-color: #fff;
    border: 1px solid #2097D7;
    border-radius: 4px;
    z-index: 2000;
}

.hoverTxtTips.top {
    top: -73px;
    left: -36px;
}

.hoverTxtTips .arrow {
    position: absolute;
    background-color: #FFFFFF;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #2097D7;
    border-left: 1px solid #2097D7;
}

.hoverTxtTips.top .arrow {
    top: 100%;
    left: 27%;
    transform: translate(-6px, -4px) rotate(-45deg);
}

/*****************************************************************************************************************************
    编号范围的选择下拉组件
*/
.selectNumberRangeUI * {
    padding: 0;
    margin: 0;
}

.selectNumberRangeUI {
    display: inline-block;
    vertical-align: middle;
    width: 192px;
    height: 32px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectNumberRangeUI.sm {
    width: 150px;
}

.selectNumberRangeUI.lg {
    width: 215px;
}

.selectNumberRangeUI .selectTxt {
    height: 32px;
    line-height: 32px;
    padding: 0 32px 0 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #FFFFFF;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selectNumberRangeUI .selectTxt[data-value=''] {
    color: #cccccc;
}

.selectNumberRangeUI.open .selectTxt {
    border-color: #40A9FF;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px RGBA(64, 169, 255, 1);
}

.selectNumberRangeUI .iconfont {
    position: absolute;
    right: 7px;
    top: 5px;
    font-size: 22px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.25);
}

.selectNumberRangeUI .dropdowns {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    width: 192px;
    max-height: 300px;
    overflow: hidden auto;
    margin-top: 3px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.selectNumberRangeUI.open .dropdowns {
    display: block;
}

.selectNumberRangeUI .dropdowns .customRange {
    padding: 0 12px;
    height: 31px;
    line-height: 31px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.selectNumberRangeUI .dropdowns .customRange:active,
.selectNumberRangeUI .dropdowns .customRange:focus {
    outline: none;
    box-shadow: none;
}

.selectNumberRangeUI .dropdowns .numlist {
    width: 50%;
    box-sizing: border-box;
}

.selectNumberRangeUI .dropdowns .begin {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
}

.selectNumberRangeUI .dropdowns .numlist .item {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    background-color: #FFFFFF;
    color: RGBA(0, 0, 0, 0.65);
    font-weight: normal;
    cursor: pointer;
}

.selectNumberRangeUI .dropdowns .numlist .item:hover,
.selectNumberRangeUI .dropdowns .numlist .item:active,
.selectNumberRangeUI .dropdowns .numlist .item.active {
    background-color: #E6F7FF;
    color: RGBA(0, 0, 0, 0.65);
    font-weight: 600;
}

/*
    鼠标滑过的弹出框，样式重置
*/

.popover {
    border: 1px solid #2097D7;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    color: #383838;
    font-size: 14px;
    line-height: 22px;
    padding: 12px 15px;
    max-width: 400px;
}

.popover-content {
    padding: 0;
}

.popover-content p {
    margin-bottom: 0;
}

.popover.right > .arrow {
    border-right-color: #2097D7 !important;
}

.popover.left > .arrow {
    border-left-color: #2097D7 !important;
}

.popover.top > .arrow {
    border-top-color: #2097D7 !important;
}

.popover.bottom > .arrow {
    border-bottom-color: #2097D7 !important;
}

/*
    更加精细的检索组合 选择类型 下拉结果
*/
.selectClassToSearchUI {
    width: 470px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 40px 0 26px;
    background-color: rgba(255, 255, 255, 1);
}

.selectClassToSearchUI .typeSelect {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 26px;
    width: auto;
    height: 32px;
    line-height: 30px;
    cursor: pointer;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.selectClassToSearchUI .typeSelect:after,
.selectClassToSearchUI .typeSelect:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 5px;
    height: 0;
    border-top: 1px solid #cccccc;
    z-index: 0;
}

.selectClassToSearchUI .typeSelect:after {
    top: -1px;
}

.selectClassToSearchUI .typeSelect:before {
    bottom: -1px;
}

.selectClassToSearchUI .typeSelect .iconfont {
    font-size: 10px;
    color: rgba(0, 0, 0, 0.25);
    margin-left: 9px;
    margin-right: 4px;
}

.selectClassToSearchUI .typeSelect .typeSelectDropdown {
    display: none;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: auto;
    min-width: 140px;
    background-color: #FFFFFF;
    z-index: 3000;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    overflow: hidden;
}

.selectClassToSearchUI .typeSelect:hover .typeSelectDropdown {
    display: block;
}

.selectClassToSearchUI .typeSelect .typeSelectDropdown .item {
    list-style: none;
    text-align: center;
    line-height: 32px;
}

.selectClassToSearchUI .typeSelect .typeSelectDropdown .item.active,
.selectClassToSearchUI .typeSelect .typeSelectDropdown .item:hover {
    background-color: #f5f5f5;
}

.selectClassToSearchUI .form-control {
    width: 100% !important;
    display: block;
    border-left: none;
    border-right: none;
    border-radius: 0;
    margin-left: 5px;
    padding-left: 5px;
}

.selectClassToSearchUI .search {
    position: absolute;
    right: 0;
    top: 0;
    height: 32px;
    line-height: 32px;
    width: 40px;
    text-align: center;
    background-color: #2197D7;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
}

.selectClassToSearchUI .search:active {
    background-color: #23527c;
}

.selectClassToSearchUI .search .iconfont {
    color: #FFFFFF;
    font-size: 16px;
}

/*.selectClassToSearchUI .form-control:focus ~ .selectClassInputDrop {*/
/*display: block;*/
/*}*/

.selectClassToSearchUI .selectClassInputDrop {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 2654;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background-color: #FFFFFF;
    line-height: 32px;
    padding: 10px;
}

.selectClassToSearchUI .selectClassInputDrop .searchItem {
    padding: 0 8px;
    height: 26px;
    line-height: 25px;
    background-color: #f5f5f5;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    text-overflow: ellipsis;
    display: inline-block;
}

.selectClassToSearchUI .selectClassInputDrop .searchItem + .searchItem {
    margin-left: 10px;
}

.selectClassToSearchUI .selectClassInputDrop .searchItem .iconfont {
    cursor: pointer;
    font-size: 10px;
    color: #808080;
    margin-left: 10px;
}

.baseInfoPlane.cepingAddNew .rowline {
    margin-top: 15px;
}

.baseInfoPlane.cepingAddNew .form-control {
    width: 240px;
}

.baseInfoPlane.cepingAddNew .selectMulUI {
    width: 530px;
}

.baseInfoPlane.cepingAddNew2 .panel-body {
    padding-top: 9px;
}

.baseInfoPlane.cepingAddNew2 .form-group,
.baseInfoPlane.cepingAddNew2 .submit {
    margin-top: 15px;
}

.baseInfoPlane.cepingAddNew2 .br {
    display: block;
}

.baseInfoPlane.cepingAddNew2 label {
    width: 70px;
    text-align: center;
}

.baseInfoPlane.cepingAddNew2 .selectUI {
    width: 240px;
}

.baseInfoPlane.cepingAddNew2 .selectUI.year {
    width: 100px;
}

.baseInfoPlane.cepingAddNew2 .submit {
    margin-left: 540px;
}

@media (min-width: 1350px) {
    .baseInfoPlane.cepingAddNew2 .br {
        display: none;
    }

    .baseInfoPlane.cepingAddNew2 .submit {
        margin-left: 32px;
    }
}

/*
    新增测评计划
*/
.addCePingPlanModal .form-inline .control-label,
.addCePingPlanModal .form-inline .txt {
    display: inline-block;
    line-height: 32px;
    padding: 0;
    vertical-align: top;
    color: #2C2C2C;
}

.addCePingPlanModal .form-inline .control-label {
    font-weight: 600;
}

.addCePingPlanModal .form-inline .txt {
    width: 350px;
}

/*
    检索框 因子设置 添加
*/
.yinziBox {
    display: inline-block;
    vertical-align: top;
    height: 125px;
    overflow-y: auto;
}

.yinziBox .form-group {
    margin-bottom: 8px;
    display: block;
}

.yinziBox .selectUI {
    width: 80px !important;
}

.yinziBox .selectUI > p {
    padding-left: 6px;
}

.yinziBox label {
    margin-left: 13px !important;
}

.yinziBox .selectUI + .selectUI {
    margin-left: 2px;
}

.yinziBox .btn {
    padding: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 2px;
}

.yinziBox .btn + .btn {
    margin-left: 5px !important;
}

.yinziBox .btn.delete {
    margin-left: 14px;
}

.yinziBox .btn.delete:hover {
    background-color: #FF4100;
}

.yinziBox .btn.delete:hover .iconfont {
    color: #FFFFFF;
}

.yinziBox .btn.add:hover {
    background-color: #2197D7;
}

.yinziBox .btn.add:hover .iconfont {
    color: #FFFFFF;
}

/*
    原始答卷
*/
.originalAnswerModal .modal-dialog {
    padding-left: 24px;
    padding-right: 24px;
}

.originalAnswerModal .modal-body {
    padding-top: 15px;
}

.originalAnswer {
}

.originalAnswer .title {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #FFFFFF;
    padding-left: 16px;
    margin-bottom: 8px;
    font-weight: 600;
    background-color: #2197D7;
}

.originalAnswer .userInfo {
    margin: 0;
    padding: 0 16px;
    margin-bottom: 24px;
}

.originalAnswer .userInfo li {
    list-style: none;
    float: left;
    width: 33%;
    color: #383838;
    margin-top: 8px;
}

.originalAnswer .userInfo .name {
    font-weight: 600;
}

.originalAnswer .ansewrArea {
    margin-top: 24px;
    padding-left: 16px;
}

.originalAnswer .ansewrArea .questionItem + .questionItem {
    border-top: 1px solid #e5e5e5;
    padding-top: 24px;
}

.originalAnswer .ansewrArea .questionItem {
    padding-bottom: 14px;
}

.originalAnswer .ansewrArea .questionItem .question {
    color: #383838;
    font-weight: 600;
    margin-bottom: 12px;
}

.originalAnswer .ansewrArea .questionItem.imgType .question img {
    vertical-align: top;
    width: 230px;
}

.originalAnswer .ansewrArea .questionItem .selectItem ul {
    margin-bottom: 0;
}

.originalAnswer .ansewrArea .questionItem.imgType .selectItem {
    padding-left: 22px;
}

.originalAnswer .ansewrArea .questionItem .selectItem {
    padding-left: 16px;
    margin-top: 14px;
}

.originalAnswer .ansewrArea .questionItem.imgType .selectItem li {
    display: inline-block;
    vertical-align: middle;
    width: 190px;
    height: 132px;
    line-height: 132px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(229, 229, 229, 1);
    padding-left: 20px;
    margin-top: 0;
}

.originalAnswer .ansewrArea .questionItem.imgType .selectItem li + li {
    margin-left: 24px;
}

.originalAnswer .ansewrArea .questionItem.imgType .selectItem li img {
    vertical-align: middle;
    width: 105px;
}

.originalAnswer .ansewrArea .questionItem .selectItem .myRadioCheckedBox {
    padding-left: 0;
    height: auto;
}

.originalAnswer .ansewrArea .questionItem .selectItem li + li {
    margin-top: 12px;
}

/*
    访谈人员 表单
*/
.interviewer .panel-body {
    color: rgba(0, 0, 0, 0.85);
    /*padding-bottom: 10px;*/
}

.interviewer .itemTitle {
    margin: 8px 0;
}

/*
    签字栏
*/
.logNameBar {
    height: 64px;
    line-height: 64px;
    background: rgba(229, 229, 229, 1);
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.85);
    padding-left: 22px;
    padding-right: 32px;
}

.logNameBar:hover .myRadioCheckedBox {
    color: rgba(0, 0, 0, 0.85);
}

/*
    签字栏说明栏
*/

.logTips {
    color: #808080;
    margin-top: 16px;
}

.logTips .iconfont {
    margin-right: 10px;
}

/*
    信息面板 警告类型
*/

.panelDanger {
    background: rgba(245, 245, 245, 1);
    border-radius: 4px;
    border: 1px solid rgba(233, 233, 233, 1);
    padding: 18px 23px 2px 23px;
}

.panelDanger .item {
    width: 470px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 16px;
    color: #383838;
}

.panelDanger .item .name {
    font-weight: 600;
}

.panelDanger .item .info {
    color: #2197D7;
}

/*
    危机上报信息栏
*/
.upDangerBar {
    padding-left: 3px;
}

.upDangerBar .iconfont {
    color: #2197D7;
    font-size: 14px;
    margin-right: 10px;
}

.upDangerBar .txt {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.85);
}

.upDangerBar .txt + .iconfont {
    margin-left: 57px;
}

/*
    横向输入栏 水平排列
*/
.inputInlineBar {
    background: rgba(245, 245, 245, 1);
    border-radius: 4px;
    border: 1px solid rgba(233, 233, 233, 1);
    padding: 24px 40px;
    position: relative;
}

.inputInlineBar + .inputInlineBar {
    margin-top: 8px;
}

.inputInlineBar:after {
    content: '';
    clear: both;
    display: block;
}

.inputInlineBar .form-group {
    width: 270px;
    vertical-align: middle;
    margin-bottom: 0;
    float: left;
}

.inputInlineBar label,
.inputInlineBar .form-control {
    display: inline-block;
    vertical-align: middle;
}

.inputInlineBar label {
    width: 80px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0;
}

.inputInlineBar .form-control {
    width: 140px;
}

.inputInlineBar .btn {
    position: absolute;
    top: 12px;
    right: 12px;
    padding-left: 8px;
    padding-right: 8px;
}

.inputInlineBar .btn,
.inputInlineBar .btn .iconfont {
    transition: all 0.3s;
}

.inputInlineBar .btn:hover,
.inputInlineBar .btn:active,
.inputInlineBar .btn:focus {
    background-color: #FF503F;
}

.inputInlineBar .btn:hover .iconfont,
.inputInlineBar .btn:active .iconfont,
.inputInlineBar .btn:focus .iconfont {
    color: #FFFFFF;
}

/*
  自定义问题类型
 */

.customQuestionType .select,
.customQuestionType .form-control {
    display: inline-block;
    vertical-align: middle;
}

.customQuestionType .form-control {
    width: 224px;
}

.customQuestionType .btn {
    margin-left: 30px;
}

.customQuestionType .btn + .btn {
    margin-left: 14px;
}

.baseInfoPlane.editMore.smlabel .form-horizontal > .form-group > .control-label {
    width: 90px;
}

.baseInfoPlane.editMore.smlabel .form-horizontal > .form-group > div {
    margin-left: 90px;
}

/*
    动态添加设置项的组合
*/
.addConsultItem {
    width: 350px;
    margin-left: 10px;
    margin-top: 10px;
}

.addConsultItem .btn {
    padding: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 2px;
}

.addConsultItem .btn + .btn {
    margin-left: 5px !important;
}

.addConsultItem .btn.delete {
    margin-left: 14px;
}

.addConsultItem .btn.delete:hover {
    background-color: #FF4100;
}

.addConsultItem .btn.delete:hover .iconfont {
    color: #FFFFFF;
}

.addConsultItem .btn.add:hover {
    background-color: #2197D7;
}

.addConsultItem .btn.add:hover .iconfont {
    color: #FFFFFF;
}

/*
    小时分钟的选择组件
*/

.selectHoursMinutesUI * {
    padding: 0;
    margin: 0;
}

.selectHoursMinutesUI {
    display: inline-block;
    vertical-align: middle;
    width: 112px;
    height: 32px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectHoursMinutesUI .selectTxt {
    height: 32px;
    line-height: 32px;
    padding: 0 32px 0 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #FFFFFF;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selectHoursMinutesUI .selectTxt[data-value=''] {
    color: #cccccc;
}

.selectHoursMinutesUI.open .selectTxt {
    border-color: #40A9FF;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px RGBA(64, 169, 255, 1);
}

.selectHoursMinutesUI .iconfont {
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 7px;
    top: 1px;
    font-size: 14px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.45);
}

.selectHoursMinutesUI .dropdowns {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 100%;
    left: 0;
    width: 112px;
    max-height: 300px;
    overflow: hidden auto;
    margin-top: 3px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.selectHoursMinutesUI.open .dropdowns {
    display: block;
}

.selectHoursMinutesUI .dropdowns .title {
    text-align: center;
    height: 32px;
    line-height: 31px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.selectHoursMinutesUI .dropdowns .numlist {
    width: 56px;
    box-sizing: border-box;
}

.selectHoursMinutesUI .dropdowns .begin {
    border-right: 1px solid rgba(0, 0, 0, 0.09);
}

.selectHoursMinutesUI .dropdowns .end {
    position: absolute;
    top: 32px;
    left: 56px;
}

.selectHoursMinutesUI .dropdowns .numlist .item {
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    background-color: #FFFFFF;
    color: RGBA(0, 0, 0, 0.65);
    font-weight: normal;
    cursor: pointer;
}

.selectHoursMinutesUI .dropdowns .numlist .item:hover,
.selectHoursMinutesUI .dropdowns .numlist .item:active,
.selectHoursMinutesUI .dropdowns .numlist .item.active {
    background-color: #E6F7FF;
    color: RGBA(0, 0, 0, 0.65);
    font-weight: 600;
}