/*!
 * MCD AM System Tab Style - Custom CSS Style
 */
body{
    position: relative;
    min-height: 100%;
    /*background: #f3f3f3 url(../images/bg.png) top center no-repeat;*/
    font-family: 'Microsoft YaHei',"San Francisco", Helvetica,Arial, sans-serif;
    line-height: 21px;
    color: #484848;
}
pre, xmp, plaintext, listing{
    font-family: 'Microsoft YaHei',"San Francisco", Helvetica,Arial, sans-serif;
}
.font-calibri {
    font-family: 'Microsoft YaHei',"San Francisco", Helvetica,Arial, sans-serif;
}
.col-xs-6 {
    width:60%;
    margin-left:18%
}
ul, li {
    list-style: none;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

a:focus, a:active {
    outline: none;
    text-decoration: none;
}
input[type=text]::-ms-clear{
    display:none;
}
.mb40 {
    margin-bottom: 40px;
}

.mb20 {
    margin-bottom: 20px;
}

.pb60 {
    padding-bottom: 60px;
}

.form-control:focus {
    border-color: #ffc000;
    box-shadow: 0 0 8px rgba(240, 173, 78, 0.6)
}

.approve-flag {
    background: #45bfaa;
}

.reject-flag {
    background: #f15944;
}

.proceed-flag {
    background: #fdbe0f;
}

.view-flag {
    background: #adadad;
}

.bg-f5f5f5 {
    background: #F5F5F5 !important;
}

.bg-fcfcfc {
    background: #fcfcfc;
}

.bg-blue {
    background: #70BDE3;
}

.bg-green {
    background: #59B200;
}

.bg-orange {
    background: #f99607;
}

.bg-red {
    background: #ED5638;
    color: #fff;
}

.bg-yellow {
    background: #F9AB00;
    color: #fff;
}

.bg-e9e9e9 {
    background: #E9E9E9;
    color: #fff;
}

.bg-grey {
    background: #dfdbdb;
}

.bg-so-grey {
    background: #cccccc;
}

.bg-white {
    background: #fff !important;
}

html .bg-ddd {
    background: #ddd;
    color: #555;
}

.position-relative {
    position: relative !important;
}

html .bg-ddd:hover {
    background: #ddd;
    color: #555;
}

.text-blue {
    color: #70BDE3;
}

.text-999 {
    color: #999;
}

.text-666 {
    color: #666;
}

.text-orange {
    color: #f99607;
}

.text-red {
    color: #ED5638;
}

.text-italic {
    font-style: italic !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-big {
    font-size: 1.4em;
    line-height: 1.4em;
}

.text-yellow {
    color: #F9AB00;
}

.text-grey {
    color: #dfdbdb;
}

.text-so-grey {
    color: #cccccc;
}

.text-ddd {
    color: #ddd;
}

.text-white {
    color: #fff;
}

.footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 20px 30px;
    background: #fff;
    color: #858585;
    font-size: 12px;
}

/* preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e4e7ea;
    z-index: 10000;
}

#status {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    font-size: 32px;
}

/*button setting*/
.btn-mcd {
    color: #fff;
}

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

.btn-smso {
    font-size: 12px;
    padding: 3px 10px !important;
    line-height: 1;
}

.btn-mcd.btn-sm {
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.btn-mcd.btn-sm-b {
    font-size: 13px;
    border-radius: 0;
    padding: 3px 7px;
    vertical-align: middle;
    line-height: 1;
    line-height: 20px;
}

.btn-mcd.btn-sm-c {
    font-size: 12px;
    height: 26px;
    min-width: 26px;
    border-radius: 2px;
    padding: 0 5px;
    color: #484848;
    border: 1px #CFCFCF solid;
    background: #DBDBDB;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF /*{a-bup-background-start}*/), to(#F3F3F3 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#FFFFFF /*{a-bup-background-start}*/, #F3F3F3 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(#FFFFFF /*{a-bup-background-start}*/, #F3F3F3 /*{a-bup-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient(#FFFFFF /*{a-bup-background-start}*/, #F3F3F3 /*{a-bup-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient(#FFFFFF /*{a-bup-background-start}*/, #F3F3F3 /*{a-bup-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient(#FFFFFF /*{a-bup-background-start}*/, #F3F3F3 /*{a-bup-background-end}*/);
}

.btn-mcd.btn-sm-c .text-blue {
    color: #53A8DD;
}

.btn-mcd.btn-sm-c:hover {
    border: 1px #DBDBDB solid;
    background: #DADADA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4 /*{a-bup-background-start}*/), to(#F3F3F3 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#f4f4f4 /*{a-bup-background-start}*/, #F3F3F3 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(#f4f4f4 /*{a-bup-background-start}*/, #F3F3F3 /*{a-bup-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient(#f4f4f4 /*{a-bup-background-start}*/, #F3F3F3 /*{a-bup-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient(#f4f4f4 /*{a-bup-background-start}*/, #F3F3F3 /*{a-bup-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient(#f4f4f4 /*{a-bup-background-start}*/, #F3F3F3 /*{a-bup-background-end}*/);
}

.btn-mcd.btn-sm-c:active {
    border: 1px #DBDBDB solid;
    background: #DADADA;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF /*{a-bup-background-start}*/), to(#DADADA /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#FFFFFF /*{a-bup-background-start}*/, #DADADA /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(#FFFFFF /*{a-bup-background-start}*/, #DADADA /*{a-bup-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient(#FFFFFF /*{a-bup-background-start}*/, #DADADA /*{a-bup-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient(#FFFFFF /*{a-bup-background-start}*/, #DADADA /*{a-bup-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient(#FFFFFF /*{a-bup-background-start}*/, #DADADA /*{a-bup-background-end}*/);
}

.btn-mcd.btn-sm-b i {
    font-size: 16px;
    float: left;
    margin-right: 5px;
    line-height: 18px;
    margin-top: 1px;
}

.btn-mcd.btn-smer {
    font-size: 12px;
    padding: 4px;
    line-height: 1;
}

.btn-mcd.btn-smnobg {
    font-size: 12px;
    line-height: 1;
    padding: 0 5px;
}

.btn-mcd.btn-smnobg.mar-l-5 {
    margin-left: 0;
}

.btn-mcd.btn-smnobg + .btn-smnobg {
    /*margin-left: 3px;*/
}

.btn-mcd.btn-smnobg i {
    display: block;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
}

.btn-mcd.btn-lg {
    font-size: 18px;
}

html .btn.btn-table {
    border: transparent;
    background-color: transparent;
    padding: 0;
    font-size: 12px;
}

html .table .btn.btn-table {
    color: #70BDE3;
}

html .table a {
    color: #70BDE3;
}

html .table a:hover {
    color: #ff6900;
}

html a .btn.btn-table {
    border: transparent;
    background-color: transparent;
    padding: 0;
    color: #70BDE3;
    font-size: 12px;
}

/*checkbox*/
.ckbox-dashed {
    position: relative;
}

.ckbox-dashed label {
    cursor: pointer;
    padding-left: 5px;
    font-weight: normal;
    font-size: 14px;
}

.ckbox-dashed input[type="checkbox"] {
    opacity: 0;
}

.ckbox-dashed label:before {
    background: none;
    border: 1px dashed #6a6a6a;
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 16px;
}

.ckbox-dashed label:after {
    position: absolute;
    left: 1px;
    top: 4px;
    display: inline-block;
    line-height: 1;
    content: "\f00c";
    font-family: FontAwesome;
    visibility: hidden;
}

.ckbox-dashed input[type="checkbox"]:checked + label:after {
    visibility: visible;
}

.ckbox-solid {
    position: relative;
}

.ckbox-solid label {
    position: relative;
    margin: 0;
    width: 100%;
    line-height: 28px;
    border: 1px solid #d3d3d3;
    font-weight: normal;
    background: #fff;
    cursor: pointer;
}

.ckbox-solid input[type="checkbox"] {
    position: absolute;
    left: 0;
    opacity: 0;
}

.ckbox-solid label .ckbox-addon {
    position: relative;
    float: left;
    margin: -1px 15px -1px -1px;
    width: 30px;
    height: 30px;
    background: #ff7936;
    text-align: center;
}

.ckbox-solid label:before {
    position: absolute;
    z-index: 2;
    left: 8.5px;
    top: 8.5px;
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
}

.ckbox-solid label:after {
    position: absolute;
    left: 8px;
    top: 4px;
    display: inline-block;
    content: "\f00c";
    font-family: FontAwesome;
    color: #fff;
    line-height: 1;
    font-size: 18px;
    visibility: hidden;
}

.ckbox-solid input[type="checkbox"]:checked + label:after {
    visibility: visible;
}

.ckbox-solid input[type="checkbox"]:checked + label .ckbox-addon {
    background: #ea3802;
}

/*rotate*/
.grid-rotate .front {
    position: relative;
    z-index: 1;
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transition: transform .6s ease;
    -webkit-transition: transform .6s ease;
    -moz-transition: transform .6s ease;
}

.grid-rotate .reverse {
    z-index: 0;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
}

.grid-rotate:hover .front {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    z-index: 0;
}

.grid-rotate:hover .reverse {
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    z-index: 1;
}

/***** LOGIN PAGE ***/
/********************/
.loginpanel {
    position: relative;
    margin: 5% auto;
    max-width: 600px;
}

.loginbox {
    background: #fff;
    border-radius: 5px;
}

.login-logo {
    position: absolute;
    z-index: 2;
    left: 25%;
    top: 0;
    width: 40px;
    height: 35px;
    background: url(../images/logo.png) no-repeat;
    background-size: contain;
}
/*********Jasmine Yang 2018.05.28 Modify the home page********/
.login-bg {
    margin-top: 0px;
    background: url(../Images/login/bg.jpg) no-repeat;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.login-title {
    margin-top: 45px;
    margin-bottom: 50px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    font-size:32px;
}
input.login-input-el {
        border: 0;
        position: relative;
        top: -49px;
        height: 48px;
        outline: none;
        background-color: transparent;
    }
@media screen and (max-width: 568px) {
    .login-box {
        background: url(../Images/login/bg2.png) no-repeat;
        max-width: 587px;
        padding-top: 20%;
    }

    .login-content {
        margin: 2% auto;
        width: 98%;
    }

    .login-title {
        font-size: 17px;
    }

    .btn-login {
        width: 98%;
    }

    img.login-icon {
        margin-top: 4%;
        margin-left: -84%;
        position: absolute;
    }

    img.login-input-pic {
        width: 96%;
    }

    input.login-input-el {
        left: 2px;
        width: 79%;
        outline: none;
        top: -94%;
        height: 91%;
    }

    button#btnLogin {
        width: 83%;
    }

    .login-link {
        margin-right: -248px;
    }

    .login-right {
        margin-left: 50%;
    }

    .login-input {
        float: left;
        height: 25px;
        margin-top: -25px;
    }
    .homepanel {
        min-height: 625px;
    }
    .pull-right-h {
        float: none !important;
    }
    .col-sm-3-h {
        width: 32.33% !important;
        display: inline-block;
    }
}
@media screen and (max-width: 768px)and (min-width: 569px){
     .login-box {
        background: url(../Images/login/bg2.png) no-repeat;
        max-width: 587px;
        padding-top: 3%;
    }
    .login-content {
        margin: 2% auto;
        width: 55%;
    }
    .login-title {
        font-size: 17px;
    }
    .btn-login{
        width: 98%;
    }
    img.login-icon{
        margin-top: 4%;
        margin-left: -84%;
        position: absolute;
    }
    img.login-input-pic{
        width:96%;
    }
    input.login-input-el {
        left: 2px;
        width: 79%;
        outline: none;
        top: -94%;
        height: 91%;
    }
    button#btnLogin{
        width:83%;
    }
    .login-link {
        margin-right: -248px;
    }
    .login-right{
        margin-left: 31%;
    }
    .login-input {
        width: 100%;
        height: 25px;
        margin-bottom: 15px;
    }
    .homepanel {
        min-height: 625px;
    }
    .pull-right-h {
        float: none !important;
    }
    .col-sm-3-h {
        width: 32.33% !important;
        display: inline-block;
    }
}
@media screen and (max-width: 1000px) and (min-width: 769px) {
    .login-box {
        background: url(../Images/login/bg2.png) no-repeat;
        max-width: 587px;
        padding-top: 3%;
        margin: 5% auto;
    }
    .login-content {
        width: 445px;
        margin: 2% auto;
    }
    .btn-login{
        width: 98%;
    }
    img.login-icon{
        margin-top: 12px;
        margin-left: -325px;
        position: absolute;
    }
    input.login-input-el {
        left: 5px;
        width: 65%;
        height: 48px;
        outline: none;
    }
    button#btnLogin{
        width:83%;
    }
    .login-link {
        margin-right: -248px;
    }
    .login-right{
        margin-left: 231px;
    }
    .login-footer {
        padding: 20px 30px;
    }
    .homepanel {
        height: 625px;
    }
    .pull-right-h {
        float: right !important;
    }
}
@media screen and (min-width: 1001px) {
    .login-box {
        background: url(../Images/login/bg1.png) no-repeat;
        max-width: 1041px;
        margin: 5% auto;
    }
    .login-content {
        width: 445px;
        margin-left: 595px;
    }
    img.login-icon{  
        float: left;
        margin-top: -35px;
        margin-left: 10px;
    }  
    input.login-input-el {
        width: 79%;
    }
    .login-link{
        float: right;
    }
    .login-right{
        margin-left: 200px;
    }
    .login-footer {
        padding: 20px 30px;
    }
    .homepanel {
        height: 625px;
    }
    .pull-right-h {
        float: right !important;
    }
}
.login-box {
    width: 100%;
    height: 75%;
    position: relative;
}
.login-content {
    text-align: center;
    
    padding-bottom: 8%;
    background-color: #fff;
    padding: 5%;
}


.login-input {
    width: 100%;
    height: 50px;
    margin-bottom: 25px;
}

.login-right {
    background: url(../Images/login/right.png) no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    margin-top: -31px;
}
.login-link{
    margin-bottom: 45px;
}
.login-forget{
    border-bottom: 1px solid #777;
}
.login-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #858585;
    font-size: 12px;
}

/****************/
.society-btn {
    padding: 0;
    margin-bottom: 25px;
    list-style: none;
}

.society-btn li {
    margin-top: 10px;
}

.society-btn .btn {
    text-align: left;
    font-size: 12px;
}

.society-btn .btn i {
    width: 12px;
}

.society-btn .btn span {
    display: inline-block;
    min-width: 90px;
    margin-left: 5px;
    text-align: center;
}

.btn-login {
    width: 100%;
    background: #f8484a;
    border-color: #e31819;
    color: #fff;
    font-size: 18px;
    padding: 8px;
}

.btn-login:hover,
.btn-login:focus {
    color: #fff;
    background: #df2106;
}

.loginpanel .row {
    margin: 0;
}

.loginbox > div:first-child {
    padding: 60px 80px 50px;
    /*border-right: 1px solid #f5f5f5;*/
    /*background: url(../images/login-left.png) 0 bottom no-repeat;*/
}

.loginbox > div:last-child {
    padding: 60px 65px 50px 55px;
    /*background: url(../images/login-right.png) right center no-repeat;*/
}

.loginpanel h3 {
    margin: 0;
    color: #000;
}

.loginpanel p {
    font-size: 13px;
}

.loginpanel .form-group label {
    width: 100%;
    color: #050505;
    font-weight: normal;
}

.loginpanel .form-group label a {
    float: right;
    color: #c00900;
    font-size: 11px;
    text-decoration: underline;
}

.bottom-text {
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

.bottom-text i {
    float: left;
    margin-right: 10px;
    font-size: 24px;
}

.loginpanel .form-group label.error {
    color: #c00900;
}

.loginpanel .form-group label.error:empty {
    display: none !important;
}

/***** PORTAL PAGE ***/
/********************/
.portalpanel {
    margin: 5% auto;
    max-width: 922px;
    position: relative;
}

.portal-grid {
    position: relative;
    float: left;
    border: 4px solid transparent;
    width: 33.3333%;
    overflow: hidden;
}

.portal-grid img {
    width: 100%;
}

.vote {
    position: absolute;
    width: 100%;
    bottom: 5%;
    text-align: center;
}

.vote a {
    display: inline-block;
    margin: 0 10%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: relative;
}

.vote a s {
    display: block;
    vertical-align: middle;
    width: 60px;
    height: 36px;
    background: #fff;
    position: relative;
    border-radius: 3px;
}

.vote a s:before {
    content: "";
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 18px solid #fff;
    left: 0px;
    top: -17px;
}

.vote a s:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 18px solid #fff;
    bottom: -17px;
    left: 0px;

}

.vote a i {
    position: relative;
    display: block;
    margin-top: -36px;
    margin-bottom: 20px;
    font-size: 38px;
    color: #a31715;
}

.vote a:hover s {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.vote a.disable {
    color: #f3b904;
}

.vote a.disable s {
    background: #f3b904;
}

.vote a.disable s:before {
    border-bottom-color: #f3b904;
}

.vote a.disable s:after {
    border-top-color: #f3b904;
}

.vote a span.vote-state {
    position: absolute;
    z-index: 2;
    display: block;
    width: 100%;
    color: #ffc000;
    top: 50%;
    left: 0;
    opacity: 0;
    transition: all 1s ease;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
}

.vote a.disable .vote-state {
    opacity: 1;
    top: -60%;
    left: 70%;
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
}

.gird-newstitle {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    background: #552813;
    text-align: right;
    color: #fff;
    font-size: 26px;
}

.gird-newstitle h3 {
    display: inline-block;
    margin: 12px 0;
    padding-right: 10px;
    font-size: 28px;
    text-transform: uppercase;
}

.portal-grid .carousel-indicators {
    top: 55px;
    left: auto;
    right: 10%;
    text-align: right;
}

.portal-grid .carousel-indicators li {
    margin: 0;
    width: 12px;
    height: 12px;
    border: none;
    background: #feecd8;
}

.portal-grid .carousel-indicators li.active {
    width: 12px;
    height: 12px;
    border: none;
    background: #f7c001;
}

/*carousel-sliderTop*/
.slideTop .carousel-inner > .item {
    -webkit-transition: .6s ease-in-out top;
    -o-transition: .6s ease-in-out top;
    transition: .6s ease-in-out top;
}

.slideTop .carousel-inner > .active {
    top: 0;
    left: auto;
}

.slideTop .carousel-inner > .next {
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
}

.slideTop .carousel-inner > .left {
    top: 100%;
}

.slideTop .carousel-inner > .active.left {
    top: -100%;
}

.slideTop .carousel-inner > .next.left {
    top: 0;
}

.grid-article {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    min-height: 285px;
    background: #fff;
}

.grid-article li {
    padding: 12px 20px;
}

.grid-article li span {
    font-size: 1.3em;
    margin-right: 15px;
}

.grid-article li:not(.more) a {
    font-size: 18px;
    color: #4a1d06;
}

.grid-article li:not(.more) a:hover {
    text-decoration: underline;
}

.grid-article li.more {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 54px;
    background: #e2e2e2;
    text-align: right;
}

.grid-article li.more a {
    font-size: 20px;
    text-decoration: underline;
}

.grid-help li:not(.more) {
    float: left;
    padding: 0;
    width: 50%;
}

.grid-help li:not(.more) a {
    opacity: .85;
}

.grid-help li:not(.more) a:hover {
    opacity: 1;
}

/*background switch*/
.sliderbg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.sliderbg li {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.sliderbg li.active {
    opacity: 1;
}

/***** HEADER PANEL ***/
/**********************/
.headerpanel {
    position: relative;
    min-height: 56px;
    /*background: #FFF;*/
    background: #0a4188;
    border-bottom: 1px solid #ddd;
    padding-left: 64px;
}

.logopanel {
    /*float: left;*/
}

.nav-header {
    float: left;
    margin-left: 40px;
}

.nav-header > li > a {
    padding: 0 25px;
    color: #fff;
    font-size: 15px;
    line-height: 56px;
    border-radius: 0;
}

.nav-header > li > a:hover,
.nav-header > li > a:focus {
    background: #57050a;
    color: #fff;
}

.header-right {
    float: right;
    padding-right: 20px;
}

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

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

.headermenu > li {
    display: inline-block;
    float: left;
    position: relative;
}

.findmenu {
    position: relative;
    width: 205px;
    height: 56px;
    padding-right: 15px;
    display: table-cell;
    vertical-align: middle;
}

html body .findmenu > a, html body .findmenu > a:hover {
    display: inline-block;
    height: 34px;
    width: 100%;
    text-indent: 15px;
    line-height: 34px;
    background: #ffc000;
    color: #fff;
}

.dropdown-find {
    position: absolute;
    top: 44px;
    padding: 0;
    width: 190px;
    list-style: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border: 0;
    border-radius: 0;
    display: none;
}

.dropdown-find li a {
    display: block;
    padding: 0 15px;
    line-height: 36px;
}

.dropdown-find li a i {
    color: #f99400;
}

.dropdown-find li a:hover,
.dropdown-find li.active a,
.dropdown-find li.active a:hover {
    background: #ffb310;
    color: #fff;
}

.tp-icon {
    height: 56px;
    padding: 0 10px;
    border: none;
    background: none;
    color: #ffb310;
}
.tp-icon-mq {
    height: 56px;
    padding: 0 10px;
    border: none;
    background: none;
    color: #fff;
}

.tp-icon:hover,
.tp-icon:active,
.tp-icon:focus {
    color: #ffd107;
}

.tp-icon .badge {
    position: absolute;
    -webkit-text-size-adjust: none;
    font-size: 10px;
    padding: 2px 5px;
    line-height: 13px;
    right: 2px;
    top: 10px;
}

.search {
    position: relative;
    height: 56px;
    vertical-align: middle;
    display: table-cell;
    color: #fff;
}

.search i {
    position: absolute;
    top: 21px;
    left: 10px;
}

.search input {
    background: #ffc000;
    border: none;
    color: #fff;
    border-radius: 0;
    width: 32px;
    cursor: pointer;
    opacity: 0;
}

.search input:focus {
    width: 180px;
    opacity: 1;
    padding-left: 30px;
    box-shadow: none;
    cursor: text;
}

/*dropdown menu*/
.nav-header .open > a, .nav-header .open > a:hover, .nav-header .open > a:focus {
    background: #57050a;
}

.headerpanel a, .headerpanel a:hover, .headerpanel a:focus {
    color: #fff;
}

.dropdown-grid {
    margin: 0;
    padding: 0;
    /*width: 285px;*/
    /*2019-3-28--朱猛修改--顶部样式*/
    /*width: 200px;*/
    background: #0a4188;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 0;
}

.dropdown-grid li a {
    height: 100%;
    text-align: center;
    white-space: normal;
    padding:15px;
}

.dropdown-grid li a i.fa {
    font-size: 22px;
}

.dropdown-grid li a span.text {
    display: block;
    font-size: 12px;
}

.dropdown-menu-head {
    border: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    padding: 0 10px 10px;
    background: #e6e6e6;
    font-size: 13px;
}

.dropdown-menu-head.pull-right {
    right: -20px;
}

.dropdown-menu-head:after {
    border-bottom: 10px solid #e6e6e6;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    display: inline-block;
    right: 27px;
    position: absolute;
    top: -10px;
}

.dropdown-menu-head .title {
    color: #0f0501;
}

.dropdown-menu-head .more {
    margin-top: 5px;
    text-align: right;
}

.dropdown-menu-head .more a {
    font-size: 12px;
    text-decoration: underline;
}

.a-link {
    color: #70BDE3 !important;
}

.a-to-link {
    font-weight:bold;
    padding-left:10px;
    color: #0000CC !important;
}

.dropdown-list {
    list-style: none;
    padding: 0;
    background: #fff;
}

.dropdown-list li a {
    color: #333;
}

.dropdown-list.user {
    margin: 0 -10px -10px -10px;
    background: none;
}

.dropdown-list.user li a {
    display: block;
    padding: 7px 10px;
}

.dropdown-list.user li a:hover {
    background: #ffc000;
    color: #fff;
}

.dropdown-list.inbox {
    width: 295px;
}

.dropdown-list.inbox li {
    border-bottom: 1px solid #e8e8e8;
    margin: 0 15px;
    padding: 15px 0 10px;
}

.dropdown-list.inbox li:last-child {
    border-bottom: none;
}

.dropdown-list.inbox li a {
    display: block;
}

.dropdown-list.inbox li a .photo img {
    float: left;
    height: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 2px;
}

.dropdown-list.inbox li a .subject {
    display: block;
}

.dropdown-list.inbox li a .subject .from {
    font-size: 12px;
    font-weight: 600;
}

.dropdown-list.inbox li a .subject .time {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    right: 20px;
}

.dropdown-list.inbox li a .message {
    display: block;
    font-size: 11px;
}

.dropdown-list.noti {
    width: 235px;
}

.dropdown-list.noti li {
    border-bottom: 1px solid #e8e8e8;
}

.dropdown-list.noti li a {
    display: block;
    width: 100%;
    padding: 15px 0;
}

.dropdown-list.noti li a .alert-icon {
    margin-left: 15px;
    border-radius: 100%;
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    color: #fff;
}

.dropdown-list.noti li a .noti-info {
    margin: 0 10px;
}

.overflowauto {
    overflow: auto;
}

.overflowauto-x {
    overflow-x: auto;
}

.overflowauto-y {
    overflow-y: auto;
}

.overflowhidden {
    overflow-y: hidden;
}

.dropdown-list.task {
    width: 365px;
    max-height: 511px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dropdown-list.task li {
    clear: both;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    display: none;
    background: rgba(245, 245, 245, .3);
}

.dropdown-list.task li:before,
.dropdown-list.task li:after {
    content: "";
    clear: both;
    display: table;
}

.dropdown-list.task li .photo img {
    float: left;
    height: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 2px;
}

.dropdown-list.task li .desc h5 {
    margin: 0;
    color: #313131;
    font-size: 12px;
}

.dropdown-list.task li .desc p {
    color: #939494;
    font-size: 11px;
    margin: 0;
}

.dropdown-list.task li .date {
    float: right;
    color: #909090;
    font-size: 10px;
    width: 20%;
}

.dropdown-list.task li .collspan-info {
    clear: both;
    height: 0;
    overflow: hidden;
}

.dropdown-list.task li .summary {
    padding: 15px 0 5px 0;
    font-size: 12px;
    line-height: 16px;
}

.dropdown-list.task li .check-group {
    margin-bottom: 5px;
    overflow: hidden;
}

.dropdown-list.task li .check-group .btn {
    float: left;
    margin-right: 10px;
    border-radius: 0;
}

.dropdown-list.task li .check-group .btn:last-child {
    margin-right: 0;
}

.dropdown-list.task li:hover {
    background: #f5f5f5;
}

.dropdown-list.task li:hover .desc p {
    color: #fb9400;
}

.dropdown-list.task li:hover .collspan-info {
    height: 127px;
}

/*.tab-checkbox{
	list-style: none;
	padding: 0;
	margin-top: 10px;
}
.tab-checkbox li{
	float: left;
	width: 20%;
}*/
.tab-filter {
    margin: 10px 0;
}

.tab-filter .filter {
    display: inline-block;
    padding: 3px 10px;
    text-align: center;
    width: 18.8888%;
    background: rgba(255, 255, 255, .65);
    cursor: pointer;
}

.tab-filter .filter:hover,
.tab-filter .filter.active {
    background: #fff;
}
.pmt-main-content{
    position:relative;
}
/***** LEFT PANEL *****/
/**********************/
.leftpanel {
    width: 207px;
    height: calc(100% - 56px);
    height:-moz-calc(100% - 56px);
    height:-webkit-calc(100% - 56px);
    position: absolute;
    left: 0;
    top:56px;
    z-index: 100;
    background: #600005 url(../images/leftpanelbg.png) bottom center no-repeat;
}
.leftpanelinner {
    position: relative;
    padding: 10px 0;
    height:100%;
}

.pmt-leftpanel .leftpanelinner {
    padding: 0;
}

.pmt-leftpanel .pmt-leftpanel-btn {
    width: 64px;
    height: 64px;
    text-align: center;
    display: inline-table;
    vertical-align: middle;
    line-height: 64px;
    color: #fff;
    cursor: pointer;
}

.pmt-leftpanel .pmt-leftpanel-btn:hover {
    background-color: #E34627;
    color: #fff;
}

.pmt-leftpanel .pmt-leftpanel-btn i {
    display: inline-table;
    vertical-align: middle;
    margin-top: -5px;
}

.menutoggle {
    position: absolute;
    z-index: 2;
    right: -14px;
    top: 10px;
    width: 28px;
    height: 28px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    background: #feb310;
    border-radius: 28px;
    box-shadow: 0 1px 1px #a18282;
    cursor: pointer;
}

.nav-mcd > li > a {
    position: relative;
    padding: 0 0 0 25px;
    color: #fff;
    font-size: 13px;
    line-height: 40px;
    border-radius: 0;
    background: none;
}

.nav-mcd .children {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-mcd .children > li > a {
    display: block;
    padding-left: 60px;
    color: #fff;
    line-height: 35px;
}

.nav-mcd > li > a:focus {
    background: none;
}

.nav-mcd li a:hover,
.nav-mcd li.nav-active > a,
.nav-mcd li.nav-active > a:hover {
    background: rgba(255, 0, 0, .12);
}

/*leftpanel collapsed*/
.leftpanel-collapsed .leftpanel {
    width: 64px;
}

.leftpanel-collapsed .nav-mcd li .children {
    display: none;
}

.leftpanel-collapsed .nav-mcd > li > a > span:last-child {
    display: none;
    position: absolute;
    left: 64px;
    top: 0;
    z-index: 1;
    padding: 10px 10px 10px 5px;
    min-width: 204px;
    text-align: left;
}

.leftpanel-collapsed .nav-mcd > li > a {
    padding: 10px 0;
    text-align: center;
}

.leftpanel-collapsed .nav-mcd > li > a > i.fa {
    font-size: 20px;
}

.leftpanel-collapsed .nav-mcd .children {
    min-width: 204px;
    padding-bottom: 20px;
}

html body .leftpanel-collapsed .nav-mcd .children > li > a {
    padding-left: 30px;
    color: #fff;
}


/***** MAIN PANEL *****/
/**********************/
.mainpanel {
    margin-left: 207px;
    position: relative;
}

.leftpanel-collapsed .mainpanel {
    margin-left: 64px;
}

.breadcrumb-panel {
    padding-top: 15px;
    padding-left: 40px;
    padding-right: 25px;
}

.breadcrumb-panel .breadcrumb {
    padding: 0;
    margin: 0;
    background: none;
    font-size: 12px;
}

.breadcrumb-panel .breadcrumb a {
    color: #6c6c6c;
}

.breadcrumb-panel .breadcrumb > li {
    color: #2d2d2d;
}

.breadcrumb-panel .breadcrumb > li + li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #6c6c6c;
}

.goback {
    float: right;
    color: #484848;
}

.goback:hover {
    color: #ffc000;
}

.contentpanel {
    position: relative;
    padding: 20px 25px 20px 40px;
}

/*modal for mcd*/
.modal-mcd .modal-dialog {
    /*width: 760px;*/
}

.modal-mcd .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.modal-mcd .modal-header {
    background: #f9a20b;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: none;
}

.modal-mcd .modal-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.modal-mcd .modal-header .close {
    color: #fff;
    opacity: 1;
    text-shadow: none;
}

.modal-mcd .modal-header .close:hover {
    opacity: .2;
    color: #000;
}

.modal-mcd .modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-top: none;
    background: #ececec;
}

.modal-footer .btn {
    float: right;
}

.modal-footer + .modal-body {
    border-top: 1px #EEEEEE solid;
}

.modal-footer-b {
    padding: 10px !important;
    clear: both;
    text-align: center;
}

.modal-footer-b:after, .modal-footer-b:before {
    content: "";
    display: block;
    clear: both;
}

.modal-footer-b .btn {
    border-radius: 2px;
    padding: 3px 30px;
    display: inline-block !important;
}

.modal-footer-b .btn + .btn {
    margin-left: 10px;
}

/*modal navbar*/
.modal-navbar {
    padding: 0;
    margin: 0 auto;
    max-width: 75px;
    list-style: none;
}

.modal-navbar li {
    margin-bottom: 15px;
}

.modal-navbar li a {
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px solid #9f9f9f;
    color: #9f9f9f;
    text-align: center;
    text-indent: -9px;
}

.modal-navbar li a i {
    margin-right: 5px;
    transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    visibility: hidden;
}

.modal-navbar li.active a,
.modal-navbar li a:hover {
    color: #f69b65;
    border-color: #f69b65;
}

.modal-navbar li.active a i {
    visibility: visible;
}

/*modal checkbox group*/
.modal-checkgroup {
    padding: 0;
    margin-right: 40px;
    margin-bottom: 20px;
    list-style: none;
}

.modal-checkgroup li {
    margin-bottom: 10px;
}

.modal-checkmodule .modal-checktitle {
    padding-bottom: 5px;
    padding-left: 10px;
    margin-left: -10px;
    margin-top: 0;
    width: 85%;
    font-size: 14px;
    color: #ff7936;
    border-bottom: 1px solid #ff7936;
}

.modal-checkmodule .modal-checkgroup {
    margin-left: 30px;
}

.modal-mcd .control-label {
    font-weight: normal;
}

.modal-mcd .form-control {
    border-color: #f5c10c;
    resize: none;
    font-size: 12px;
    border-radius: 0;
}

/*animation*/
/*.leftpanel,*/
.mainpanel,
.search input,
.sliderbg li,
.dropdown-list.task li .collspan-info,
.vote a s {
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

.sliderbg li {
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -ms-transition-duration: 1s;
    background-repeat: no-repeat;
    /* width: 100%; */
    background-size: 100% 100%;


}

a, .tp-icon, .icon-btn {
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
}

/*ALL*/
.mainpanel-con {
    position: relative;
}

#mainpanelConLoader {
    width: 100%;
    height: 600px;
    background-color: #f1f1f1;
    text-align: center;
    line-height: 600px;
    position: absolute;
    z-index: 999999;
}

#mainpanelConLoaderStatus {
    font-size: 3em;
}

body.backcolor-white {
    background: #fff;
}

body {
    -ms-overflow-style: scrollbar; /*auto | none | scrollbar | -ms-autohiding-scrollbar*/
}

.font-family-calibri {
    font-family: 'Microsoft YaHei',"San Francisco", Helvetica,Arial, sans-serif;
}

/*END ALL*/

/*mcd CSS*/
.pmt-page {
    font-size: 12px;
    min-width: 320px;
}

.pmt-page .carousel-indicators .active {
    background: #F7C001;
}

.pmt-page .carousel-indicators {
    bottom: -5px;
    right: 10px;
    text-align: right;
    left: auto;
}

.pmt-page .carousel-indicators li {
    background: #eee;
}

.pmt-page .dropdown-grid li {
    overflow: hidden;
    /*width: 33.333333333%;*/
    text-align: center;
    /*float: left;*/
}

.pmt-page .dropdown-grid li a {
    /*padding:15px 20px;*/
    padding:8px 15px;
    color:#FFF;
}

.pmt-page a, .pmt-page a:hover {
    color: #434343;
}

.pmt-page .contentpanel {
    padding: 10px 10px 0;
}

.btn, input {
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
}

.pmt-page .contentpanel .col-md-8, .pmt-page .contentpanel .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}

.mar-b-20 {
    margin-bottom: 20px;
}

.mar-b-50 {
    margin-bottom: 50px;
}

.mar-t-f5 {
    margin-top: -5px;
}

.mar-lr--10 {
    margin-left: -10px;
    margin-right: -10px;
}

.mar-b-0 {
    margin-bottom: 0px !important;
}

.mar-b-10 {
    margin-bottom: 10px;
}

.mar-b-5 {
    margin-bottom: 5px;
}

.mar-b-15 {
    margin-bottom: 15px;
}

.mar-t-3 {
    margin-top: 3px;
}

.mar-t-5 {
    margin-top: 5px;
}

.mar-t-0 {
    margin-top: 0 !important;
}

.mar-t-10 {
    margin-top: 10px;
}

.mar-t-15 {
    margin-top: 15px;
}

.mar-t-20 {
    margin-top: 20px;
}

.mar-l-5 {
    margin-left: 5px;
}

.mar-l-10 {
    margin-left: 10px;
}

.mar-l-20 {
    margin-left: 20px;
}

.padding-5 {
    padding: 5px;
}

html .padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.padding-20 {
    padding: 20px;
}

.padding-l-10 {
    padding-left: 10px;
}

.padding-l-5 {
    padding-left: 5px;
}

.padding-b-10 {
    padding-bottom: 10px;
}

.padding-r-10 {
    padding-right: 10px;
}

.padding-r-5 {
    padding-right: 5px;
}

.padding-r-0 {
    padding-right: 0px !important;
}

.padding-t-10 {
    padding-top: 10px;
}

.padding-i-15 {
    padding: 15px !important;
}

.padding-t-0 {
    padding-top: 0px !important;
}

.pmt-page .contentpanel > .row {
    margin-left: -10px;
    margin-right: -10px;
}

.pmt-page .contentpanel > .row > .col-md-7, .pmt-page .contentpanel > .row > .col-md-5 {
    padding-left: 10px;
    padding-right: 10px;
}

/*TOP*/
.nav-theme-a {
    float: left;
    /*margin-left: 25px;*/
    margin-left: 5px;
}
.nav-theme-a > li > a {
    padding:0 20px;
    /*color: #000;*/
    color: #FFF;
    font-size: 13px;
    line-height: 56px;
    border-radius: 0;
}

.nav-theme-a > li > a:hover,
.nav-theme-a > li > a:focus {
    /*background: #57050a;
    color: #fff;*/
    background: #FFF;
    /*color: #000;*/
    color:#EC6000;
}

.nav-theme-a > li.active > a, .nav-theme-a > li.active > a:hover, .nav-theme-a > li.active > a:focus {
    background-color: #F8BF26;
    padding: 0 20px;
    min-width: 103px;
    text-align: center;
}

/*dropdown menu*/
.nav-theme-a .open > a, .nav-theme-a .open > a:hover, .nav-theme-a .open > a:focus {
    background: #57050a;
}

.tp-icon-txt.tp-icon {
    padding-right: 20px;
}

.tp-icon-txt.tp-icon .badge {
    background-color: #F2A001;
}

/*END TOP*/
/*LEFTPANEL*/
.pmt-leftpanel {
    width: 207px;
    height: calc(100%-56px);
    height: -moz-calc(100% - 56px);
    height: -webkit-calc(100% - 56px);
    position: absolute;
    left: 0;
    /*top: 56px;*/
    top: 0;
    background: #0a4188;
    z-index: 100;
    color: #fff;
}
.pmt-leftpanel>.leftpanel-fixed{
    background: #0a4188;
}
.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active > a, .leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active > a:hover {
    background: #ffffff;
    color: #000;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active .children {
    background: #000;
    position: absolute;
    display: block;
    margin-left: 100%;
    top: 0;
    min-width: 80px;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active .children > li {
    display:table-cell;
    border-bottom: none;
    position: relative;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active .children > li + li {
    border-top: none;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active .children > li + li:before, .leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active .children > li + li:after {
    content: "";
    display: inline-table;
    vertical-align: middle;
    height: 56px;
    width: 1px;
    position: absolute;
    top: 7px;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active .children > li + li:before {
    background-color: #D61E26;
    left: -1px;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active .children > li + li:after {
    background-color: #F9C3BC;
    left: 0px;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active .children > li > a {
    color: #fff;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 1;
    padding-top: 12px;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active .children > li > a > i {
    display: block;
    width: 26px;
    height: 26px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active .children > li > a:hover {
    background-color: #000;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active .children > li.active a {
    color: #fff;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li.nav-active > a > span:last-child {
    background: none;
}
.pmt-leftpanel .nav-mcd li a:hover, .pmt-leftpanel .nav-mcd li.nav-active > a, .pmt-leftpanel .nav-mcd li.nav-active > a:hover {
    background: none;
}

.pmt-leftpanel .nav-mcd > li > a {
    color: #fff;
    line-height: 15px;
    padding: 12px 0;
    position: relative;
    height: 70px;
}

.pmt-leftpanel .nav-mcd > li > a > i {
    width: 26px;
    height: 26px;
    font-size: 26px !important;
}

.pmt-leftpanel .nav-mcd > li > a span {
    display: block;
}

.pmt-leftpanel .nav-parent em.messages-number {
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    font-style: normal;
    position: absolute;
    z-index: 1;
    right: 4px;
    top: 0;
    display: block;
}
.pmt-leftpanel .nav-parent.nav-active>a>em.messages-number{
    color:#D61E26;
}

html body .pmt-leftpanel .nav-mcd .children {
    padding: 0px;
    min-width: 0;
}

.pmt-leftpanel .nav-mcd .children > li > a {
    color: #6d6d6d;
    font-size: 12px;
    padding-left: 0;
    text-align: center;
}

.pmt-leftpanel .nav-mcd .children > li > a:hover {
    color: #F8BF26;
}

.pmt-leftpanel .nav-mcd .children > li + li {
    border-top: 1px #e7e7e7 solid;
}

.leftpanel-collapsed .pmt-leftpanel .nav-mcd > li > a > span:last-child {
    min-width: 10px;
    max-width: 64px;
    display: block;
    position: static;
    font-size: .9em;
    text-align: center;
    padding: 5px 0 0;
}

.pmt-leftpanel .menutoggle {
    display: none;
}

/*END LEFTPANEL*/
/*RIGHTPANEL*/
.full-box {
    margin: 0;
    padding: 0;
}

.full-box:after {
    clear: both;
    display: block;
    content: "";
}

.nav-theme-b.nav li a, .nav-theme-b.nav li a:hover, .nav-theme-b.nav li a:active, .nav-theme-b.nav li a:focus {
    float: left;
    padding: 9px 17.5px;
    border-radius: 0;
    color: #434343;
    background: none;
    border-left: 0;
    border-right: 0;
    margin-right: 0;
    border-right: 1px #ddd solid;
}

.nav-theme-b.nav li a:hover {
    background-color: #D7D5D7;
}

.nav-theme-b.nav {
    background-color: #f7f7f7;
    border: 1px #ddd solid;
    border-top: 0;
    position: relative;
    margin: 0 36px;
}

.nav-theme-b > li.active > a.nav-bg-white, .nav-theme-b > li.active > a.nav-bg-white:hover, .nav-theme-b > li.active > a.nav-bg-white:focus {
    background-color: #ffffff;
    text-align: center;
}

.nav-theme-b > li.active > a, .nav-theme-b > li.active > a:hover, .nav-theme-b > li.active > a:focus {
    background-color: #D7D5D7;
    /*background-color: #0a4188;*/
    /*color: #ffffff;*/
    text-align: center;
}

.nav-theme-c > li > a {
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
}

/*SEARCHPANEL*/
.search-panel .search-panel-header {
    overflow: hidden;
}

.search-panel .nav-tabs {
    border-bottom: none;
}

.search-panel .search-panel-header .nav > li > a {
    padding: 7px 15px;
    min-width: 100px;
    text-align: center;
    background-color: #EFEFEF;
    margin-right: 3px;
}

.search-panel .nav-tabs > li.active > a, .search-panel .nav-tabs > li.active > a:hover, .search-panel .nav-tabs > li.active > a:focus {
    border-color: #FF5809;
    background-color: #FF5809;
    color: #fff;
}

.search-panel .form-control {
    height: 40px;
    text-shadow: none;
    box-shadow: none;
    border-color: #e2e2e2;
}

.search-panel .form-control:focus {
    border-color: #FFC000;
}

.search-panel .input-group .form-control:first-child {
    border-radius: 0;
}

.search-panel .input-group-btn:last-child > .btn {;
    height: 40px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #F7BB06;
    color: #fff;
}

.search-panel .input-group-btn:last-child > .btn:hover, .search-panel .input-group-btn:last-child > .btn:active {
    border-left: 1px #e2e2e2 solid;
    background-color: #FFC100;
}

/*END SEARCHPANEL*/

/*PMTTRBTNPANEL*/
.pmt-page .pmt-tr-panel {
    height: 100%;
}

.pmt-page .pmt-tr-panel .row {
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}

.pmt-page .pmt-tr-panel .row .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}

.pmt-page .pmt-tr-panel .row .col-sm-4 {
    padding-left: 5px;
    padding-right: 5px;
}

.pmt-tr-panel .list-group {
    margin-bottom: 0;
}

.pmt-tr-panel .list-group a.list-group-item {
    color: #fff !important;
    border: none;
    height: 72px;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 0;
}

.pmt-tr-panel .list-group a.list-group-item .label-theme-b {
    height: 38px;
    padding: 0 10px 10px 0;
}

.pmt-tr-panel .list-group a.list-group-item .label-theme-b + .label-theme-b {
    height: 38px;
    border-left: 1px #F5F5F5 solid;
    box-shadow: inset 1px 0 0 #C1C1C1;
    padding-left: 10px;
    padding-right: 0;
}

.pmt-tr-panel .list-group a.backcolor-CF2726 .label-theme-b + .label-theme-b {
    border-left: 1px #96D2EE solid;
    box-shadow: inset 1px 0 0 #489FCA;
}

.pmt-tr-panel .list-group a.list-group-item .label-theme-b > i {
    float: left;
    margin: 8px 0 0 0 !important;
    display: block;
    line-height: 1;
    vertical-align: top;
    font-style: normal;
}

.pmt-tr-panel .list-group a.list-group-item .label-theme-b > i.mcd-icon-sm {
    width: 21px;
    height: 21px;
    margin-top: 12px !important;
}

.pmt-tr-panel .list-group a.list-group-item .label-theme-b > span {
    font-size: 16px;
    line-height: 36px;
    float: right;
    text-align: right;
    margin-top:4px;
}

.pmt-tr-panel .list-group a.list-group-item h4 {
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: normal;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pmt-tr-panel .list-group a.list-group-item i {
    font-size: 2em;
    margin-top: 5px;
}

.mcd-icon-sm {
    background: url("../images/icon/mcd.png") no-repeat;
    background-size: 100% auto;
    display: inline-block;
    width: 20px;
    height: 18px;
    vertical-align: top;
}

.pmt-tr-panel .list-group a.list-group-item i.mcd-icon-sm {
    width: 26px;
    height: 24px;
    font-size: 2em;
    margin-top: 5px;
    display: block;
    float: left;
}

.pmt-tr-panel .list-group a.list-group-item .list-group-item-text {
    font-size: 2em;
    float: right;
    margin-top: 0;
}

.backcolor-2D0A00 {
    background-color: #556FB5 !important;
}

.pmt-tr-panel .list-group a.list-group-item.backcolor-2D0A00:hover {
    background-color: #E03B1C !important;
}

.backcolor-CF2726 {
    background-color: #e60012 !important;
}

.pmt-tr-panel .list-group a.list-group-item.backcolor-CF2726:hover {
    background-color: #3BA0D1 !important;
}

.backcolor-FFC324 {
    background-color: #00479d !important;
}

.pmt-tr-panel .list-group a.list-group-item.backcolor-FFC324:hover {
    background-color: #FAA700 !important;
}

/*END PMTTRBTNPANEL*/
/*PMTMAP*/
.pmt-map {
    border: 1px #e2e2e2 solid;
    height: 330px;
    position: relative;
}

.pmt-map-store {
    width: 184px;
    height: 100%;
    /*border-right: 1px #e2e2e2 solid;*/
    float: left;
    /*background: url("../images/mcd/mcd-clown-ps.png") no-repeat left bottom;*/
}

.pmt-map-store > .tab-content {
    padding-top: 10px;
}

.pmt-map-store > .nav.nav-tabs > li > a {
    padding: 6px 10px;
    text-align: center;
    margin-right: 0;
    font-size: 1.2em;
    border: 0;
    font-weight: normal;
    border-radius: 0;
}

.pmt-map-store > .nav.nav-tabs > li {
    width: 50%;
    padding: 0;
}

.pmt-map-store > .nav.nav-tabs > li + li {
    padding-left: 0;
    border-left: 1px #DDDDDD solid;
}

.pmt-map-store table {
    width: 100%;
    border: 0;
}

html body .pmt-map-store table th, body .pmt-map-store table td {
    padding: 0;
    border: 0px !important;
    border-bottom: 1px #E4E4E4 solid !important;
}

body .pmt-map-store table td {
    background-color: #fff !important;
}

html body .pmt-map-store table th:first-child, html body .pmt-map-store table td:first-child {
    border-left: 0 !important;
}

html body .pmt-map-store table th:last-child, html body .pmt-map-store table td:last-child {
    border-right: 0 !important;
}

html body .pmt-map-store table th {
    font-size: 1em;
    font-weight: normal;
    border-top: 0px;
    text-align: center;
    padding: 8px;
    background-color: #EDEDED;
}

.pmt-map-store table strong {
    font-size: 1em;
}

.pmt-map-api {
    float: left;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin-left: 185px;
}

/*END PMTMAP*/
/*mcd-thumbnail-a*/
.pmt-thumbnail-a {
    height: 330px;
    overflow: hidden;
}

.pmt-thumbnail-a .col-xs-6 {
    padding-left: 0;
    padding-right: 5px;
}

.pmt-thumbnail-a .col-xs-6 + .col-xs-6 {
    padding-left: 5px;
    padding-right: .5px;
}

.pmt-thumbnail-a .thumbnail {
    height: 330px;
    padding: 15px;
    margin-bottom: 0;
    overflow: hidden;
}

.pmt-thumbnail-a .thumbnail strong {
    max-width: 85%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    font-weight: normal;
}

.pmt-thumbnail-a .thumbnail img {
    width: 100%;
}

.pmt-thumbnail-a .thumbnail .thumbnail-img {
    max-height: 150px;
    overflow: hidden;
    margin-bottom: 15px;
}

.pmt-thumbnail-a .thumbnail h3 {
    height: 38px;
    overflow: hidden;
    font-size: 1.4em;
    margin: 0 0 15px;
    line-height: 1.2em;
    display: block;
    background: url("../images/mcd/mcd-small-io.png") no-repeat right top;
}

.pmt-thumbnail-a .thumbnail .caption {
    padding: 0;
}

.pmt-thumbnail-a .thumbnail .caption p {
    font-size: 1.25em;
    line-height: 1.3em;
    color: #636363;
    height: 57px;
    overflow: hidden;
}

/*END mcd-thumbnail-a*/
/*mcd-thumbnail-a*/
.panel-pmt-a {
    border: 1px #e2e2e2 solid;
    border-radius: 3px;
    margin-bottom: 0;
}

.panel-pmt-a .panel-heading {
    background: none;
    padding-bottom: 3px;
}

.panel-pmt-a .panel-heading h3 {
    margin: 0;
    padding: 0;
    font-size: 1.4em;
}

.panel-pmt-a .panel-heading h3 > em {
    font-style: normal;
    font-size: .9em;
}

/*END mcd-thumbnail-a*/
/*thumbnail-b*/
html .thumbnail-b {
    padding: 0 15px 5px;
}

html .thumbnail-b > ul {
    padding: 0;
    margin-bottom: 0;
    margin-left: -7px;
    margin-right: -7px;
}

html .thumbnail-b > ul:before, html .thumbnail-b > ul:after, html .thumbnail-b > ul > li .thumbnail > .this-store:after {
    content: "";
    clear: both;
    display: block;
}

html .thumbnail-b > ul > li {
    width: 20%;
    float: left;
    padding: 0 7px;
    list-style: none;
}

html .thumbnail-b > ul > li .thumbnail {
    margin-bottom: 0;
    padding-top: 10px;
    border: none;
}

    html .thumbnail-b > ul > li .thumbnail > h3 {
        font-size: 1em;
        height:22px;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin: 5px 0;
        padding-top: 7px;
        text-align: center;
    }

html .thumbnail-b > ul > li .thumbnail > img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    vertical-align: middle;
    margin: auto;
}

html .thumbnail-b > ul > li .thumbnail > .this-store {
    color: #C8C8C8;
    height: 18px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 5px;
}

html .thumbnail-b > ul > li .thumbnail:hover > .this-store {
    color: #434343;
}

html .thumbnail-b > ul > li .thumbnail:hover i.fa.fa-upload {
    color: #434343;
}

html .thumbnail-b > ul > li .thumbnail:hover i.fa.fa-thumbs-up {
    color: #EDAF29;
}

html .thumbnail-b > ul > li .thumbnail:hover i.fa.fa-comments {
    color: #D44344;
}

html .thumbnail-b > ul > li .thumbnail > .this-store span {
    margin-right: 10px;
}

/*END thumbnail-b*/
/*mcd-install*/
.pmt-install > a {
    width: 33.33333%;
    float: left;
    min-height: 161px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all .6s ease;
}

.pmt-install > a .this-img {
    width: 160px;
    height: 160px;
    position: absolute;
    right: 0px;
    bottom: -10px;
}

.pmt-install > a:hover .this-img {
    bottom: 0;
}

.pmt-install > a i {
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("../images/mcd/pmt-icon-r-b.png");
    left: 15px;
    bottom: 15px;
    overflow: hidden;
}

.pmt-install > a span {
    font-size: 1.4em;
    color: #434343;
    position: absolute;
    top: 15px;
    left: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pmt-install > a.pmt-install-pushtask span {
    color: #ffc323;
}

.pmt-install > a.pmt-install-pushtask .front, .pmt-install > a.pmt-install-pushtask .reverse {
    height: 161px;
    background-color: transparent;
    background-color: #976834;
    vertical-align: middle;
}

.pmt-install > a.pmt-install-pushtask:hover .this-img {
    bottom: -10px;
}

.pmt-install > a > .this-img, .pmt-install > a span {
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
}

.pmt-install > a > i.pmt-icon-r-b-b {
    background-position: -20px 0;
}

.pmt-install .pmt-install-agent {
    background: #EC790E;
}

.pmt-install .pmt-install-profile {
    background: #419658;
}

.pmt-install .pmt-install-pushtask {
    background: #CB2828;
    color: #fff;
}

.pmt-install .pmt-install-pushtask .wm-forms-a {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.pmt-install .pmt-install-pushtask .wm-forms-a .grid-forms {
    float: none;
    display: inline-block;
}

.pmt-install .pmt-install-pushtask .wm-forms-a .grid-forms > .grid-forms-p {
    min-width: 63px;
}

.pmt-install .pmt-install-pushtask .wm-forms-a .grid-forms > label {
    line-height: 28px;
    font-size: 1.3em;
    min-width: 60px;
    text-align: left;
}

.pmt-install .pmt-install-pushtask:hover {
    color: #fff;
}

.pmt-install .pmt-install-pushtask .radio-theme-a .btn {
    color: #fff;
}

.pmt-install .pmt-install-agent > .this-img {
    background: #EC790E url("../images/mcd/install-1.png") no-repeat bottom right;
}

.pmt-install .pmt-install-profile > .this-img {
    background: #E7E7E7 url("../images/mcd/install-2.png") no-repeat bottom right;
}

.pmt-install .pmt-install-pushtask .this-img {
    background: #CB2828 url("../images/mcd/install-3.png") no-repeat bottom left;
}

/*END mcd-install*/
/*END RIGHTPANEL*/

/*响应式*/
.nav-theme-a.media-btn-nav .md-nav, .nav-theme-a.media-btn-nav .sm-nav {
    display: none;
}
.left-agent-fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 64px;
    background-color:#0a4188;
}

.left-agent-fixed .ts-h6 {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
    width: 100%;
    cursor: auto;
}

.left-agent-fixed .ts-h6:hover {
    color: #fff;
    /*background-color: #E34627;*/
}

.left-agent-fixed .agent-img-box {
    width: 64px;
    padding: 7px;
    height: 85px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.left-agent-fixed .agent-img-box.active {
}

.left-agent-fixed .agent-img-box > i {
    position: absolute;
    right: 2px;
    top: 50px;
    display: none;
}

.left-agent-fixed .agent-img-box.active > i {
    display: block;
}

    .left-agent-fixed .agent-img-box > p {
        margin-bottom: 0;            
        overflow: hidden;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            width: 100%;
            font-size:10px;
    }
.left-agent-fixed .agent-img-box > img {
    width: 100%;
    border-radius: 100%;
}

.left-agent-fixed .agent-img-box .btn:hover, .left-agent-fixed .agent-img-box .btn:focus {
    color: #fff;
}

div.left-agent-fixed .agentImgBoxSelect {
    position: absolute;
    margin-left: 100%;
    top: 0;
    display: block;
    white-space: nowrap;
    background-color: #000;
    padding-right: 10px;
}

div.left-agent-fixed .agentImgBoxSelect .agent-img-box {
    float: left;
    margin-left: 10px;
}

/*END 响应式*/

/*MCD Portal Index*/
html {
    height: 100%;
}

html head + body.mcd-portal-index .mainpanel {
    margin-left: 0;
}

html head + body.mcd-portal-index .sliderbg {
    margin: 0;
    height: 100%;
    position: fixed;
    z-index: 0;
    width: 100%;
}

html head + body.mcd-portal-index .sliderbg .carousel-inner, html head + body.mcd-portal-index .sliderbg .carousel {
    height: 100%;
}

html head + body.mcd-portal-index .sliderbg div.item {
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -ms-transition: all 1s ease;
    opacity: 0;
}

html head + body.mcd-portal-index .sliderbg div.item.active {
    visibility: visible;
    display: block;
    z-index: 10;
    opacity: 1;
}

html head + body.mcd-portal-index .vote a {
    color: #fff;
    text-decoration: none;
}

html head + body.mcd-portal-index .vote a:hover {
    color: #F3BB04;
    text-decoration: none;
}

.auto-grid-panel {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.auto-grid-panel .auto-grid, .auto-grid-panel .auto-grid-b {
    position: relative;
    float: left;
    overflow: hidden;
    float: left;
}

.auto-grid-panel .auto-grid > div, .auto-grid-panel .auto-grid-b > div {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.auto-grid-panel .auto-grid:before, .auto-grid-panel .auto-grid-b:before {
    content: "";
    display: block;
}

.auto-grid-panel .auto-grid {
    width: 33.33333%;
}

.auto-grid-panel .auto-grid-b {
    width: 66.666666%;
}

.auto-grid-panel .auto-grid:before {
    padding-top: 100%;
}

.auto-grid-panel .auto-grid-b:before {
    padding-top: 50%;
}

.auto-grid-panel .auto-grid-c:before {
    padding-top: 80%;
}

.mcd-portal-index .auto-grid-panel {
    width: 80%;
    max-width: 950px;
    min-width: 800px;
    margin: 4% auto;
}

.mcd-portal-index .index-gird-box-c > img {
    width: 100%;
    height: 100%;
}

.mcd-portal-index .index-gird-box-a .carousel {
    padding-top: 40px;
    height: 100%;
}

.mcd-portal-index .index-gird-box-a .gird-newstitle {
    height: 40px !important;
    line-height: 36px;
    text-align: left;
    padding-left: 15px;
}

.mcd-portal-index .index-gird-box-a .gird-newstitle h3 {
    display: inline-block;
    margin: 0;
    padding-right: 10px;
    font-size: 20px;
    text-transform: uppercase;
}

.mcd-portal-index .index-gird-box-a .gird-newstitle i {
    font-size: 20px;
}

.mcd-portal-index .index-gird-box-a .carousel .carousel-inner, .mcd-portal-index .index-gird-box-a .carousel .carousel-inner > .item {
    height: 100%;
}

.mcd-portal-index .index-gird-box-a .item > div {
    width: 50%;
    height: 100%;
    float: left;
    position: relative;
}

.index-gird-box-a .news-l-autoGrid {
    color: #fff;
    position: relative;
}

.index-gird-box-a .news-title-autoGrid {
    position: absolute;
    z-index: 2;
    bottom: 0;
    padding: 25px;
}

.index-gird-box-a .news-l-autoGrid:before, .index-gird-box-a .news-l-autoGrid img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    border: none;
}

.index-gird-box-a .news-l-autoGrid:before {
    background-color: #97120F;
    z-index: 1;
    opacity: .6;
    content: "";
}

.index-gird-box-a .news-l-autoGrid img {
    opacity: 1;
}

.index-gird-box-a .news-l-autoGrid h3 {
    margin: 15px 0 15px 0;
    font-weight: 300;
    font-size: 2.4em;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
}

.index-gird-box-a .news-title-autoGrid > i {
    display: inline-block;
    top: -35px;
    font-size: 12px;
    font-style: normal;
    left: 0;
    padding: 3px 10px;
    line-height: 1.2;
    border-radius: 5px;
    background-color: #E6E6E6;
    color: #65676C;
    font-weight: bold;
}

.index-gird-box-a .news-l-autoGrid p {
    font-size: 1.1em;
}

.index-gird-box-a .news-r-autoGrid {
    background-color: #fff;
    padding-bottom: 20px;
}

.index-gird-box-a .news-r-autoGrid .date-autoGrid {
    left: 25px;
    position: absolute;
    top: 50px;
    text-align: center;
    display: inline-block;
    color: #777;
}

.index-gird-box-a .news-r-autoGrid .date-autoGrid h4 {
    margin: 0;
    font-size: 3em;
    font-weight: normal;
}

.index-gird-box-a .news-r-autoGrid .date-autoGrid p {
    margin: 0;
    font-size: 1.2em;
    font-weight: normal;
    margin-top: -5px;
}

.index-gird-box-a .news-r-autoGrid .text-autoGrid {
    margin-left: 23.33333%;
    padding: 50px 20px 20px;
    height: 100%;
    font-size: 1.3em;
    color: #999;
    overflow: hidden;
}

.index-gird-box-a .carousel-indicators .carousel-indicators {
    display: block;
    width: 12px;
    height: 12px;
    border: none !important;
    margin: 0;
    margin-top: 3px;
}

.index-gird-box-a .carousel-indicators {
    width: 15px;
    right: 7px;
    bottom: 2px;
}

.index-gird-box-a .carousel-indicators li {
    display: block;
    width: 10px;
    height: 10px;
    border: none !important;
    margin: 0;
    margin-top: 3px;
}

@keyframes animatedBackground {
    from {
        background-position: 0 -15%;
    }
    to {
        background-position: 100% -15%;
    }
}

@-webkit-keyframes animatedBackground {
    0% {
        background-position: 0 -50px;
    }
    100% {
        background-position: -300px -50px;
    }
}

@-moz-keyframes animatedBackground {
    0% {
        background-position: 0 -200px;
    }
    100% {
        background-position: -300px -200px;
    }
}

@-ms-keyframes animatedBackground {
    0% {
        background-position: 0 -200px;
    }
    100% {
        background-position: -300px -200px;
    }
}

.index-gird-box-d {
    color: #fff;
    background-image: url('../images/mcd/skycons-bg-7.jpg');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    -webkit-animation: animatedBackground 40s linear infinite;
    -moz-animation: animatedBackground 40s linear infinite;
    -ms-animation: animatedBackground 40s linear infinite;
    animation: animatedBackground 40s linear infinite;
}

.index-gird-box-d:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #208DEE;
    opacity: .7;
    display: block;
    content: "";
}

.index-gird-box-d .skycons > h3, .index-gird-box-d .skycons > p {
    margin: 0;
    text-align: center;
    color: #fff;
    font-weight: normal;
    font-size: 2.2em;
}

.index-gird-box-d .skycons > p {
    text-align: center;
    color: #fff;
    font-size: 1.8em;
}

.index-gird-box-d .skycons-icon {
    width: 100px;
    height: 100px;
    margin: 15px auto;
}

.index-gird-box-d .skycons {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 2;
}

.index-gird-box-e img {
    width: 100%;
    height: 100%;
}

.front-reverse .front {
    position: relative;
    z-index: 1;
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transition: transform .6s ease;
    -webkit-transition: transform .6s ease;
    -moz-transition: transform .6s ease;
}

.front-reverse:hover .front {
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    z-index: 0;
}

.front-reverse .reverse {
    z-index: 0;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.front-reverse:hover .reverse {
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
}

html body .index-gird-box-e .grid-article {
    min-height: 100%;
}

.panel-auto-grid .panel-heading {
    background: transparent;
    border-radius: 0px;
    border-bottom: 0px;
    padding: 15px 20px 7px;
    position: relative;
    z-index: 3;
    min-height: 48px;
    margin: -1px;
    background-color: #FFCE28;
}

.panel-auto-grid .panel-heading .panel-title {
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.02em;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    color: inherit;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-stroke: 0px;
}

.panel-auto-grid .panel-heading .panel-controls {
    float: right;
    margin-top: -2px;
}

.panel-auto-grid .panel-heading .panel-controls ul {
    margin: 0;
    padding: 0;
}

.panel-auto-grid .panel-heading .panel-controls ul li {
    display: inline-block;
    list-style: none;
    line-height: 0;
}

.panel-auto-grid .panel-heading a[data-toggle].portlet-refresh {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.panel-auto-grid .portlet-icon {
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}

.panel-auto-grid .portlet-icon-refresh:before {
    content: "\e600";
}

.panel-auto-grid .panel-list-a {
    overflow: hidden;
    padding: 0 20px;
    margin-bottom: 0;
    margin-top: 2.5%;
}

html .panel-auto-grid .panel-list-a p {
    margin-bottom: 0;
}

html .panel-auto-grid .panel-list-a li {
    margin: 0;
    list-style: none;
    position: relative;
    padding: 10px 0 10px 25px;
}

html .panel-auto-grid ul {
    padding: 0;
    margin: 0;
}

html .panel-auto-grid {
    margin-bottom: 0;
}

html .panel-auto-grid .panel-list-a li:before {
    background-color: #FFA903;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 18px;
}

.panel-auto-grid .panel-list-a .text-black {
    display: block;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.01em;
    line-height: 20px;
    margin: 0px 0px 2% 0px;
    font-style: normal;
    white-space: normal;
    height: 41px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;

}

.panel-auto-grid .panel-list-a .hint-text {
    opacity: .7;
}

/*补充*/
.moveMenuCollapse {
    position: absolute;
    z-index: 999;
    display: none;
    height: auto !important;
}

/*END 补充*/

/*index.html .navbar-collapse.in*/
.navbar-collapse {
    float: left;
}

.m-p-i-head-btn {
    background-color: #552813;
    padding-top: 12px;
    padding-bottom: 12px;
}

.m-p-i-head-btn .icon-bar {
    background-color: #fff;
}

/*.navbar-collapse.in*/

/*modal-page-right*/
/*My Css*/
.quickview-wrapper .dropdown-menu-head {
    border: 0;
    padding: 0 10px 10px;
    background: #e6e6e6;
    font-size: 13px;
    float: left;
    width: 100%;
    box-shadow: none;
}

.quickview-wrapper .dropdown-list.noti, .quickview-wrapper .dropdown-list.inbox {
    width: 100%;
}

.quickview-wrapper .dropdown-list.task {
    width: 100%;
    overflow: hidden;
}

.quickview-wrapper .dropdown-menu-head:before, .quickview-wrapper .dropdown-menu-head:after {
    border: none;
}

.quickview-wrapper .dropdown-list.task li .desc p {
    width: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.quickview-wrapper .dropdown-list.task li .summary {
    height: 47px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.quickview-wrapper .dropdown-list.task li .check-group .btn {
    margin-bottom: 10px;
    min-width: 80px;
}

.quickview-wrapper .tab-filter .filter {
    width: 18%;
}

.quickview-wrapper .dropdown-list.task li .date {
    width: auto;
}

td .grid-forms-p {
    margin: 0 -5px;
}

.wm-table-a td .input-theme-a input.form-control {
    border: 0px;
    box-shadow: none;
    background-color: #FFF;
}
.wm-table-a td.text-center .input-theme-a input.form-control {
    text-align:center;
}

.wm-table-a td .input-theme-a input.form-control:disabled {
    background-color: transparent;
}

.wm-table-a td .input-theme-a input.form-control:active, .wm-table-a td .input-theme-a input.form-control:focus {
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
    border: none;
}
.wm-table-d td .input-theme-a input.form-control {
    border: 0px;
    box-shadow: none;
    background-color: transparent;
    height: 33px;
}
.wm-table-d td .input-theme-a input.form-control.input-so-sm + i {
    top: 9px;
}
.wm-table-d td .grid-forms-p {
    margin: 0 -10px;
}
.wm-table-d td .input-theme-a input.form-control:active, .wm-table-d td .input-theme-a input.form-control:focus {
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
    border: none;
}

.wm-table-b td .input-theme-a input.form-control {
    border: 0px;
    box-shadow: none;
    background-color: transparent;
}

.wm-table-b td .input-theme-a input.form-control:active, .wm-table-b td .input-theme-a input.form-control:focus {
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
    border: none;
}

.input-theme-a {
    position: relative;
}

.grid-forms-p > span.text-red {
    position: absolute;
    /*left: 2px; Jasmine Yang 2018.05.14*/
    left: -6px;
    top: 50%;
    margin-top: -4px;
    font-size: 14px;
    line-height: 14px;
}

.input-theme-a .form-control:focus, .wm-forms-a select.form-control:focus {
    border: 1px #6FBDE3 solid;
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
}

.input-theme-a input.form-control.input-so-sm {
    padding-right: 23px;
}

.input-theme-a input.form-control.input-so-sm + i {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #ED5638;
    font-size: 1.2em;
}

.input-theme-a input.form-control.input-so-sm[disabled] + i {
    display: none;
}

.input-theme-b {
    position: relative;
}

.input-theme-b .form-control:focus, .wm-forms-a select.form-control:focus {
    border: 1px #6FBDE3 solid;
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
}

.input-theme-b input.form-control.input-so-sm {
    padding-right: 23px;
    height: 28px;
    border-radius: 5px;
}

.input-theme-b input.form-control.input-so-sm + i {
    position: absolute;
    right: 6px;
    top: 6px;
    font-size: 1.4em;
    color: #ddd;
}

.input-theme-b input.form-control.input-so-sm + i:hover {
    color: #6FBDE3;
}

.input-theme-b input.form-control.input-so-sm[disabled] + i {
    display: none;
}

.datepicker:after {
    right: 6px;
}

.cursor-pointer {
    cursor: pointer;
}

/*grid-btn-a*/
.grid-btn-a label {
    float: left;
    padding-right: 5px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 0;
}

.grid-btn-a .btn-group > .btn {
    border: 1px #3CA6D8 solid;
    color: #fff;
    background: #65B8E2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6EBCE3 /*{a-bup-background-start}*/), to(#3CA6D8 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#6EBCE3 /*{a-bup-background-start}*/, #3CA6D8 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(#6EBCE3 /*{a-bup-background-start}*/, #3CA6D8 /*{a-bup-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient(#6EBCE3 /*{a-bup-background-start}*/, #3CA6D8 /*{a-bup-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient(#6EBCE3 /*{a-bup-background-start}*/, #3CA6D8 /*{a-bup-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient(#6EBCE3 /*{a-bup-background-start}*/, #3CA6D8 /*{a-bup-background-end}*/);
}

.grid-btn-a .btn-group > .btn.active {
    border: 1px #F7BE26 solid;
    color: #fff;
    background: #F7BE26;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F3A503 /*{a-bup-background-start}*/), to(#F7BE26 /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#F3A503 /*{a-bup-background-start}*/, #F7BE26 /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(#F3A503 /*{a-bup-background-start}*/, #F7BE26 /*{a-bup-background-end}*/); /* FF3.6 */
    background-image: -ms-linear-gradient(#F3A503 /*{a-bup-background-start}*/, #F7BE26 /*{a-bup-background-end}*/); /* IE10 */
    background-image: -o-linear-gradient(#F3A503 /*{a-bup-background-start}*/, #F7BE26 /*{a-bup-background-end}*/); /* Opera 11.10+ */
    background-image: linear-gradient(#F3A503 /*{a-bup-background-start}*/, #F7BE26 /*{a-bup-background-end}*/);
}

/*End grid-btn-a*/

/*End My Css*/
.quickview-wrapper {
    position: fixed;
    right: -300px;
    top: 0;
    width: 300px;
    background: #E6E6E6;
    bottom: 0;
    z-index: 1000;
    box-shadow: 0 0 9px rgba(191, 191, 191, 0.36);
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    transition: transform 400ms cubic-bezier(0.05, 0.74, 0.27, 0.99);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.quickview-wrapper.open {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0);
}

.quickview-wrapper .quickview-toggle {
    position: absolute;
    right: 12px;
    top: 2px;
    color: #fff;
    padding: 6px;
    opacity: 0.8;
}

.quickview-wrapper .quickview-toggle:hover {
    opacity: 1;
}

.quickview-wrapper .nav-tabs {
    background-color: #2b303b;
    position: relative;
    padding: 0 43px;
}

.quickview-wrapper .nav-tabs > li > a {
    padding: 11px;
    color: #788195;
    opacity: 0.6;
    border: 0;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    min-width: 62px;
}

.quickview-wrapper .nav-tabs > li > a:hover {
    color: #788195;
    opacity: 1;
    background-color: transparent;
}

.quickview-wrapper .nav-tabs > li.active > a, .quickview-wrapper .nav-tabs > li.active > a:hover, .quickview-wrapper .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border: 0;
    color: #cdd0d8;
    opacity: 1;
}

.quickview-wrapper .nav-tabs ~ .tab-content {
    position: absolute;
    padding: 0;
    left: 0;
    right: 0;
    top: 38px;
    bottom: 0;
    height: auto;
}

.quickview-wrapper .nav-tabs ~ .tab-content > div {
    height: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content ul {
    margin: 0;
    padding: 0;
}

.quickview-wrapper .nav-tabs ~ .tab-content ul li {
    list-style: none;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes {
    background: #fbf9e3;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes a, .quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes button {
    color: #968974;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note {
    background-repeat: repeat-y;
    background-position: 27px top;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note > div {
    display: table;
    height: 100%;
    width: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar {
    background: #fcfcfa;
    height: 55px;
    width: 100%;
    display: table-row;
    box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.33);
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li {
    display: inline-block;
    border-right: 1px solid #EDECEC;
    float: left;
    line-height: 55px;
    padding: 0;
    text-align: center;
    width: 55px;
    height: auto;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li > a {
    color: #a5a5a5;
    display: block;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li > a:hover {
    background: #fffaf6;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar > li > a.active {
    color: #333;
    background: #f9f1ea;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .toolbar:after {
    position: absolute;
    content: "";
    width: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body {
    display: table-row;
    height: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body > div {
    display: table;
    height: 100%;
    width: 100%;
    padding: 0 20px 0 45px;
    white-space: normal;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .top {
    height: 50px;
    display: table-row;
    clear: both;
    line-height: 50px;
    text-align: center;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .top > a {
    float: left;
    color: #b0b0a8;
    margin-left: 10px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .top > span {
    font-style: italic;
    color: #b0b0a8;
    font-size: 11px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content {
    display: table-row;
    height: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content form {
    height: 100%;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor {
    font-size: 12px;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor:focus {
    outline: none;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor::-moz-selection {
    background: #fef8ae;
}

.quickview-wrapper .nav-tabs ~ .tab-content .quickview-notes .note .body .content .quick-note-editor::selection {
    background: #fef8ae;
}

/*END modal-page-right*/
/*END MCD Portal Index*/
.font-weight-bold {
    font-weight: bold !important;
}

.title-theme-a {
    /*font-weight: bold !important;*/
}

.title-theme-b {
    height: 30px;
    background-color: #F5F5F5;
    padding: 0 5px;
    line-height: 30px;
    text-align: left;
    font-size: 12px;
}

.title-theme-b > .btn.btn-sm-c {
    margin: 2px 0 0 5px;
    float: right;
}

/*END mcd CSS*/
.modal-open {
    overflow: hidden !important;
}

/*MCD mcd Pipeline*/
.padding-none {
    padding: 0px !important;
}

.border-none {
    border: none !important;
}

.padding-l-none {
    padding-left: 0px !important;
}

.padding-i-10 {
    padding: 10px !important;
}

.wm-nav-b.search-btn {
    margin: 0 10px;
    text-align: left;
    padding: 5px 0 0 0;
}

.search-btn:after {
    content: "";
    clear: both;
    display: block;
}

.btn-circular {
    position: relative;
    min-width: 28px;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
}

.btn-circular:after {
    content: "";
    display: block;
    clear: both;
}

.btn-circular.btn-circular-sm > i {
    width: 28px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
}

.wm-nav-b.search-btn .btn-left-box .btn-circular, .wm-nav-b.search-btn .btn-left-box .btn-sm-b {
    float: left;
    margin-right: 5px;
}

.wm-nav-b.search-btn .btn-right-box .btn-circular, .wm-nav-b.search-btn .btn-right-box .btn-sm-b {
    float: right;
    margin-left: 5px;
}

.wm-nav-b.search-btn .btn-sm-b, .wm-nav-b.search-btn .btn-circular {
    margin-bottom: 5px;
}

/*pipeline-main*/
.pmt-pipeline .pipeline-main {
    padding: 10px 5px;
    position: relative;
    font-size: 12px;
}

.pmt-pipeline .pipeline-main-l {
    margin-right: 100px;
}

.pmt-pipeline .pipeline-main-l:after, .pmt-pipeline .pipeline-main-r:after {
    content: "";
    display: block;
    clear: both;
}

.pmt-pipeline .pipeline-main-r {
    position: absolute;
    width: 100px;
    right: 0;
    top: 0;
}
/*朱猛修改2018-4-4*/
.grid-theme-a {
    width: 19.5%;
    padding: 0 5px;
    margin-bottom: 10px;
}
/*结束*/
    .grid-theme-a.get-to .panel-heading {
    background-color: #F9AB00;
}

.grid-theme-a.get-to .panel-body {
    border-color: #F9AB00;
}

.grid-theme-a.wm-not .panel-heading .panel-title {
    color: #fff;
}

.grid-theme-a.wm-not .panel-body {
    background-color: #FAFAFA;
}

.pmt-pipeline .grid-theme-a {
    float: left;
}

.pmt-pipeline .grid-theme-a .panel {
    margin-bottom: 0px;
}

.panel-wm-a {
    width: 100%;
    border-radius: 0;
    border: none;
}

.panel-wm-a .panel-heading {
    height: 30px;
    /*background-color: #0a4188;*/
    background-color:#0070c0;
    padding: 7px 10px;
}

.panel-wm-a .panel-heading .panel-btns i {
    font-size: 24px;
    margin-right: -5px;
}

.panel-wm-a .panel-heading .panel-btns.title-exclamation i {
    font-size: 15px;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display: block;
    text-align: center;
    line-height: 20px;
    background-color: #fff;
    font-weight: 300;
    margin-right: -5px;
    text-shadow: none;
}

.panel-wm-a .panel-heading .panel-btns.title-exclamation.exclamation-color-yellow i {
    border: 2px #FAB92C solid;
    color: #FAB92C;
}

.panel-wm-a .panel-heading .panel-btns.title-exclamation.exclamation-color-blue i {
    border: 2px #70BDE3 solid;
    color: #70BDE3;
}

.panel-wm-a .panel-heading .show-btn {
    margin-left: 10px;
}

.panel-wm-a .panel-heading .panel-title {
    /*color: #000;*/
    color: #fff;
}

.panel-wm-a .panel-body {
    padding: 10px 5px;
    border: 1px #DDDDDD solid;
    /*border-top: none;*/
    height: 300px;
}

.list-theme-a {
    padding: 5px 5px 5px 25px;
    line-height: 24px;
}

.list-theme-a a:hover, .list-theme-b a:hover {
    color: #FF6900;
}

.list-theme-b {
    list-style-type: none;
    margin-top: -5px;
    margin-bottom: 0;
}

.list-theme-b li {
    height: 26px;
    position: relative;
    padding-left: 30px;
    padding-right: 25px;
}

.list-theme-b li + li {
    border-top: 1px #eee solid;
}

.list-theme-b li .list-theme-title {
    height: 26px;
    line-height: 25px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list-theme-b > li > p {
    position: absolute;
    right: 0;
    top: 0;
    margin: 1px 0 0 0;
}

.list-theme-b > li > i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    margin: 2px 0 0 3px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: block;
    text-align: center;
    line-height: 20px;
    color: #fff;
}

.list-theme-b > li > p .btn {
    float: right;
    cursor: pointer !important;
    display: block;
    border-radius: 2px;
}

.list-theme-b > li > p .icon-btn {
    font-size: 18px;
    line-height: 1;
    padding: 2px;
    border-radius: 3px;
    margin: 0 5px 0 0;
    cursor: pointer;
    float: right;
}

.list-theme-b > li > p .icon-btn:hover {
    background-color: #F8BF26;
    color: #fff;
}

.procedures-a .btn-circular > i {
    color: #fff;
}

.procedures-a .procedures-arrow {
    margin: 8px 0 8px 7px;
    display: block;
    width: 14px;
    height: 19px;
    background: url("../images/mcd/icon-style.png") no-repeat 0 0;
}

.procedures-b {
    width: 60px;
    position: relative;
}

.procedures-b:after {
    content: "";
    display: block;
    width: 14px;
    height: 143px;
    position: absolute;
    right: 0;
    top: 7px;
    background: url("../images/mcd/icon-style.png") no-repeat 0 -61px;
}

.procedures-b .procedures-arrow {
    margin: 0 0 0 27px;
    display: block;
    width: 14px;
    height: 22px;
    background: url("../images/mcd/icon-style.png") no-repeat 0 -29px;
}

/********/
.flow-b {
    width: 100%;
    position: relative;
}
.flow {
padding-bottom:65px;
}
.flow-item {
    /*width:97%;
    text-align:center;*/
    padding-left:30%;
}
.flow-item-28 {
    /*width:97%;
    text-align:center;*/
    padding-left:28%;
}
.flow-box{
    width: 200px;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
}
.flow-text{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width:55%;
    line-height:1.25;
    vertical-align: middle;
}
.flow-b .flow-icon {
    cursor: pointer;
}
.flow-b .flow-arrow  {
    /*margin: 0 0 0 17%;*/
    display: block;
    width: 25px;
    height: 37px;
}
.mr19 {
     margin: 0 0 0 19%;
}
.mr17 {
     margin: 0 0 0 17%;
}
.flow-b .flow-arrow-false {
    background: url("../images/mcd/xia1.png") no-repeat;
    /*background: url("../images/mcd/icon-style.png") no-repeat 0 -29px;*/
}
.flow-b .flow-arrow-true {
    background: url("../images/mcd/xia.png") no-repeat;
    /*background: url("../images/mcd/icon-style.png") no-repeat 0 0;*/
}
/**********/
.background-none {
    background: none !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

.pipeline-main-r .procedures-a {
    margin-top: 0px;
}

.pipeline-main-r .procedures-b {
    margin: 10px 0 0 0;
    width: 80px;
}

.pipeline-main-r .procedures-b .btn {
    padding-left: 15px;
    padding-right: 15px;
}

/*circhular-charts*/
.liquid-meter {
    cursor: pointer;
    width: 90px;
    height: 90px;
}

.circhular-charts {
    width: 90px;
    padding-top: 35px;
}

.circhular-charts meter {
    display: none;
}

.circhular-charts .tooltip {
    position: absolute;
    top: 10px;
    opacity: 1;
    width: 90px;
    z-index: 10;
    filter: alpha(opacity=100);
}

.circhular-charts .circhular-target-date {
    width: 230px;
    left: -210px;
    margin-top: -100px;
    height: 120%;
    display: none;
    z-index: 960;
}

.circhular-charts .circhular-target-date .tooltip-inner {
    height: 120%;
    overflow: auto;
    max-width: 230px;
    padding: 10px;
    box-shadow: 0px 3px 8px #999;
}

.circhular-charts .circhular-target-date .tooltip-inner .target-date-box {
    height: 100%;
    overflow: auto;
}

.target-date-box h3 {
    font-size: 14px;
    margin: 10px 0 0 0;
    font-style: italic;
    color: #999;
}

.target-date-box h3 p.pull-right {
    font-size: 14px;
    padding: 20px 0 0;
    color: #555;
}

.target-date-box > ul > li {
    position: relative;
    overflow: hidden;
    width: 100%;
    list-style-type: none;
    padding: 5px 0;
    min-height: 76px;
}

.target-date-box > ul > li > span.pull-right {
    padding-top: 20px;
    padding-left:50px;
}

.target-date-box > ul {
    padding-left: 0;
}

.target-date-box > ul > li:before {
    width: 6px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -3px;
    display: block;
    height: 100%;
    background-color: #dfdbdb;
    content: "";
}

.target-date-box > ul > li > span.pull-left {
    color: #999999;
}

.target-date-box > ul > li > i {
    width: 50px;
    height: 50px;
    display: block;
    top: 50%;
    z-index: 20;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    text-align: center;
    font-style: normal;
    line-height: 1;
    line-height: 50px;
    background-color: #dfdbdb;
    color: #545454;
}

.target-date-box > ul > li.first-target:before {
    border-radius: 5px 5px 0 0;
}

.target-date-box > ul > li.last-target:before {
    border-radius: 0 0 5px 5px;
}

/* 黄色 */
.target-date-box > ul > li.target-date-yellow:before {
    background-color: #FFFF00;
}

.target-date-box > ul > li.target-date-yellow > i {
    background-color: #FFFF00;
    color: #000;
}

.target-date-box > ul > li.target-date-yellow.active {
    overflow: visible;
}

.target-date-box > ul > li.target-date-yellow.active:before {
    background-color: #FFFF00;
}

.target-date-box > ul > li.target-date-yellow.active:after {
    position: absolute;
    content: "";
    bottom: -5px;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #FFFF00;
    display: block;
    z-index: 100;
}

.target-date-box > ul > li.target-date-yellow.active {
    color: #ff6600;
}

.target-date-box > ul > li.target-date-yellow.active > i {
    background-color: #FFFF00;
    color: #000;
}

/* 红色 */
.target-date-box > ul > li.target-date-red:before {
    background-color: #FF5151;
    color: #FF5151;
}

.target-date-box > ul > li.target-date-red {
    color: #FF5151;
}
.target-date-box > ul > li.target-date-red > i {
    background-color: #FF5151;
    color: #000;
}

.target-date-box > ul > li.target-date-red.active {
    overflow: visible;
}

.target-date-box > ul > li.target-date-red.active:before {
    background-color: #FF5151;
}

.target-date-box > ul > li.target-date-red.active:after {
    position: absolute;
    content: "";
    bottom: -5px;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #FF5151;
    display: block;
    z-index: 100;
}

.target-date-box > ul > li.target-date-red.active {
    color: #FF5151;
}

.target-date-box > ul > li.target-date-red.active > i {
    background-color: #FF5151;
    color: #000;
}

/* 绿色 */
.target-date-box > ul > li.target-date-green:before {
    background-color: #79F200;
}

.target-date-box > ul > li.target-date-green > i {
    background-color: #79F200;
    color: #000;
}

.target-date-box > ul > li.target-date-green.active {
    overflow: visible;
}

.target-date-box > ul > li.target-date-green.active:before {
    background-color: #79F200;
}

.target-date-box > ul > li.target-date-green.active:after {
    position: absolute;
    content: "";
    bottom: -3px;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #79F200;
    display: block;
    z-index: 100;
}

.target-date-box > ul > li.target-date-green.active {
    color: #555555;
}

.target-date-box > ul > li.target-date-green.active > i {
    background-color: #79F200;
    color: #000;
}

.circhular-target-date-shadow {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    cursor: pointer;
    bottom: 0;
    display: none;
    z-index: 959;
}

.circhular-charts .circhular-target-date .tooltip-arrow {
    top: 170px;
}

.tooltip.theme-blue.top .tooltip-arrow {
    border-top-color: #70BDE3;
}

.tooltip.theme-blue .tooltip-inner {
    background-color: #70BDE3;
}

.tooltip.theme-white.left .tooltip-arrow {
    border-left-color: #fff;
}

.tooltip.theme-white .tooltip-inner {
    background-color: #fff;
    color: #555555;
}

/*END circhular-charts*/

/*END pipeline-main*/
/*END MCD mcd Pipeline*/
/* START FlowChart UserList*/

.flow-img{
    padding-top:13px;
}
/* END FlowChart */
/*bootstrap-override*/
/*my*/
.grid-forms option {
    font-size: 16px;
    line-height: 44px;
    padding: 10px;
    min-height: 30px;
}

.wm-forms-a .form-control[disabled], .wm-forms-a .form-control[readonly], .wm-forms-a fieldset[disabled] .form-control {
    background-color: #f5f5f5;
}

html .datepicker {
    margin-top: 0;
}

/*END my*/
input[type=date].input-so-sm, input[type=time].input-so-sm, input[type=datetime-local].input-so-sm, input[type=month].input-so-sm {
    line-height: 26px
}

.form-control-static.input-lg, .form-control-static.input-so-sm {
    padding-right: 0;
    padding-left: 0
}

.input-so-sm, .form-horizontal .form-group-sm .form-control {
    height: 26px;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.5;
    box-shadow: none;
    border-radius: 0px;
}

select.input-so-sm {
    height: 26px;
    line-height: 26px
}

textarea.input-so-sm, select[multiple].input-so-sm {
    height: auto
}

.input-so-sm + .form-control-feedback {
    width: 26px;
    height: 26px;
    line-height: 26px
}

.input-group-addon.input-so-sm {
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 3px
}

/*END bootstrap-override*/
/*MCD mcd PNL*/

html head + body .pmt-pnl-main {
    padding: 10px;
    font-size: 12px;
    position: relative;
}

html head + body .pmt-main {
    padding: 0 10px;
    font-size: 12px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pmt-pnl input, .pmt-pnl button, .pmt-pnl select, .pmt-pnl textarea {
    border-radius: 0;
}

.modal-panel-ol-b {
    padding-left: 75px;
    padding-right: 115px;
    padding-bottom: 3px;
    padding-top: 3px;
    background-color: #fff;
    border-bottom: 1px #EFEFEF solid;
    margin: -10px -110px 10px -10px;
}

.modal-panel-ol-b .wm-forms-a .grid-forms-d > .grid-forms-p {
    padding-left: 0;
}

.grid-forms-p textarea.form-control {
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    font-size: 12px;
    padding: 6px 10px;
    line-height: 1.8;
}

.grid-forms-p textarea.form-control:active, .grid-forms-p textarea.form-control:focus {
    box-shadow: 0 0 8px rgba(102, 175, 233, .6);
    border: 1px #6FBDE3 solid;
}

html head + body .modal-panel-ol-box {
    padding: 10px 10px 10px 10px !important;
    min-height: 200px;
}

html head + body .modal-panel-ol-box .panel-wm-b > .panel-heading > .panel-title {
    padding-left: 5px;
    padding-right: 5px;
}

html head + body .modal-panel-ol-box .panel-wm-b > .panel-body {
    padding: 5px;
}

html head + body .modal-panel-ol-box .panel-wm-b > .panel-body .grid-forms-p {
    padding-left: 0;
}

.panel-ol-a {
    padding-bottom: 7px;
    position: relative;
}

.panel-ol-a + .panel-ol-a .panel-ol-label {
    padding-top: 7px;
}

.panel-ol-a:last-child .panel-ol-label:after {
    display: none;
}

.panel-ol-a:after {
    content: "";
    clear: both;
    display: block;
}

.panel-ol-a .panel-ol-label {
    width: 60px;
    height: 100%;
    position: absolute;
}

.panel-ol-a .panel-ol-label i {
    width: 23px;
    height: 23px;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 8px #ccc;
    background-color: #ccc;
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    line-height: 1;
    line-height: 23px;
    text-align: center;
    font-style: normal;
    color: #fff;
    border-radius: 100%;
    z-index: 2;
    font-size: 15px;
}

.panel-ol-a .panel-ol-label:after, .panel-ol-a .panel-ol-label:before {
    content: "";
    display: block;
    position: absolute;
    font-size: 0;
    overflow: hidden;
    background-color: #ccc;
    z-index: 1;
}

.panel-ol-a .panel-ol-label:before {
    width: 100%;
    height: 1px;
    top: 18px;
}

.panel-ol-a .panel-ol-label:after {
    width: 1px;
    height: 100%;
    margin-left: 19px;
    left: 0px;
    top: 0;
}

.panel-ol-a .panel-ol-label.theme-blue:after, .panel-ol-a .panel-ol-label.theme-blue:before, .panel-ol-a .panel-ol-label.theme-icon-blue:before, .panel-ol-a .panel-ol-label.theme-icon-blue:after {
    background-color: #6FBDE3;
}

.panel-ol-a .panel-ol-label.theme-blue i {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 8px #6FBDE3;
    background-color: #6FBDE3;
    color: #fff;
}

.panel-ol-a .panel-ol-label.theme-icon-blue i {
    box-shadow: none;
    background-color: #6FBDE3;
    color: #fff;
    font-size: 1.6em;
    left: 0px;
    top: 0px;
    line-height: 39px;
    width: 39px;
    height: 39px;
}

.panel-ol-a .panel-ol-label.theme-yellow:after, .panel-ol-a .panel-ol-label.theme-yellow:before, .panel-ol-a .panel-ol-label.theme-icon-yellow:before, .panel-ol-a .panel-ol-label.theme-icon-yellow:after {
    background-color: #0070c0;
}

.panel-ol-a .panel-ol-label.theme-yellow i {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 8px #0a4188;
    background-color: #0a4188;
    color: #fff;
}

.panel-ol-a .panel-ol-label.theme-icon-yellow i {
    box-shadow: none;
    background-color: #F8BF27;
    color: #fff;
    font-size: 1.6em;
    left: 0px;
    top: 0px;
    line-height: 39px;
    width: 39px;
    height: 39px;
}

.panel-ol-a .panel-ol-main {
    margin-left: 60px;
}

.panel-wm-b > .panel-heading {
    height: 40px;
    padding: 0;
    background: none;
}

.panel-wm-b > .panel-heading > .panel-title {
    padding: 0 20px;
    line-height: 1;
    line-height: 38px;
    height: 39px;
    font-size: 14px;
    color: #333;
}

.panel-wm-b > .panel-body > .panel-slidedown {
    font-size: 12px;
    padding: 3px 0;
    border-top: 1px #F5F5F5 solid;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background-color: #fff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

.panel-wm-b > .panel-body > .panel-slidedown:hover {
    background-color: #fdfdfd;
}

.panel-wm-b > .panel-body > .panel-slidedown-absolute-h {
    height: 30px;
}

.panel-wm-b.panel-is-close > .panel-heading {
    background-color: #fff;
}

.panel-wm-b.panel-is-close > .panel-heading .panel-btn-close i.fa:before {
    content: "\f067";
}

.panel-wm-b.panel-is-close > .panel-body {
    display: none;
}

.panel-wm-b > .panel-heading > .panel-title {
    font-weight: 600;
    background: none;
    color: #0070c0;
    position: relative;
}
.panel-wm-b > .panel-heading > .panel-title > label {
    font-weight: 600;
}

.panel-wm-b.panel-is-close > .panel-heading > .panel-title {
    background: none;
    color: #0070c0;
    position: relative;
    overflow: hidden;
}

.panel-wm-b.panel-is-close > .panel-heading > .panel-title:after {
    top: 0;
    left: 0;
    border-color: transparent;
    border-width: 14px 0 14px 14px;
    border-left-color: #6FBDE3;
    margin-top: -14px;
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    position: absolute;
}

.panel-wm-b > .panel-heading > .btn {
    color: #6FBDE3;
    font-size: 18px;
}

.panel-wm-b > .panel-body {
    background-color: #ffffff;
    padding: 6px;
    position: relative;
}

.panel-wm-b.panel-is-done > .panel-heading {
    background-color: #fff;
}

.panel-wm-b.panel-is-done > .panel-heading .panel-title {
    padding-left: 40px;
}

.panel-wm-b.panel-is-done > .panel-heading .panel-title:after {
    width: 16px;
    height: 16px;
    background-color: #70BDE3;
    top: 12px;
    left: 12px;
    content: "";
    display: block;
    position: absolute;
}

.panel-wm-f {
    border: none;
}

.panel-wm-f > .panel-heading {
    height: 39px;
    padding: 0;
    background: none;
    background-color: #6FBDE3;
    border: none;
    border-radius: 5px 5px 0 0;
}

.panel-wm-f > .panel-heading > .nav-tabs {
    border: none;
    padding-left: 20px;
    font-size: 14px;
}

.panel-wm-f > .panel-heading > .nav-tabs > li > a {
    line-height: 39px;
    border: none;
    padding: 0 20px;
    color: #fff;
}

.panel-wm-f > .panel-heading > .nav-tabs > li > a:hover {
    background: none;
}

.panel-wm-f > .panel-heading > .nav-tabs > li.active > a {
    border: none;
    color: #6FBDE3;
    border-radius: 0;
}

.panel-wm-f > .panel-heading > .panel-btns {
    line-height: 39px;
    padding: 0 15px;
    margin-top: 0;
}

.panel-wm-f > .panel-heading > .panel-btns i {
    font-size: 20px;
    vertical-align: middle;
}

.panel-wm-f > .panel-body {
    border: 1px #CCCCCC solid;
    border-top: none;
    padding: 10px;
}

.panel-wm-g {
    border: none;
}

.panel-wm-g + .panel-wm-g {
    margin-top: 10px;
}

.panel-wm-g > .panel-heading {
    height: 34px;
    padding: 0;
    background: none;
    background-color: #F5F5F5;
    border: none;
    border-radius: 0;
}

.panel-wm-g > .panel-heading .btn {
    margin-top: 3px;
    border-radius: 3px;
    width: 80px;
    text-align: center;
}

.panel-wm-g > .panel-body {
    margin-top: 1px;
    background-color: #F5F5F5;
}

/*list-title-a*/
ul.list-title-a {
    margin-bottom: 0;
}

.list-title-a li {
    padding: 0 15px;
    line-height: 34px;
    float: left;
}

/*END list-title-a*/
/*wm-forms-a*/
html body .wm-forms-a {
    /*width: 100%;*/
    position: relative;
}

.wm-forms-a:after {
    display: block;
    content: "";
    clear: both;
}

.wm-forms-a .grid-forms {
    float: left;
    padding: 3px 0;
}

.wm-forms-a .grid-forms .grid-forms-text {
    padding: 0 5px;
    margin-bottom: 0;
    float: left;
    line-height: 1;
    line-height: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.wm-forms-a .grid-forms .grid-forms-text a {
    color: #70BDE3;
    margin-left: 10px;
}

.wm-forms-a .grid-forms .grid-forms-text a:hover {
    color: #ff6900;
}

.wm-forms-a .grid-forms > label {
    padding: 0 5px;
    margin-bottom: 0;
    float: left;
    line-height: 1;
    line-height: 26px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.wm-forms-a .grid-forms > .grid-forms-p {
    /*padding: 0 5px;*/
    padding: 0;
    vertical-align: middle;
    margin-bottom: 0;
    float: left;
}

html head + body .wm-forms-a .grid-form-vertical > label, .wm-forms-a .grid-form-vertical > .grid-forms-p {
    width: 100% !important;
}
 .wm-forms-a .grid-form-nhalf > .grid-forms-p {
    width: 50% !important;
}

.wm-forms-a .grid-forms-a {
    width: 33.333333%;
}

.wm-forms-a .grid-forms-a > label {
    width: 50%;
}

.wm-forms-a .grid-forms-a > .grid-forms-p {
    width: 50%;
}

.wm-forms-a .grid-forms-b {
    width: 100%;
}

.wm-forms-a .grid-forms-b > label {
    width: 16.666666%;
}

.wm-forms-a .grid-forms-b > .grid-forms-p {
    width: 83.333333%;
}

.wm-forms-a .grid-forms-c {
    width: 66.666666%;
}

.wm-forms-a .grid-forms-c > label {
    width: 25%;
}

.wm-forms-a .grid-forms-c > .grid-forms-p {
    width: 75%;
}

.wm-forms-a .grid-forms-d {
    width: 100%;
}

.wm-forms-a .grid-forms-d > label {
    width: 50%;
    padding-left: 0;
}

.wm-forms-a .grid-forms-d > .grid-forms-p {
    width: 50%;
    padding-right: 0;
}

.wm-forms-a .grid-forms-e >label {
    font-weight:bolder;
}

.wm-forms-a .grid-forms-e {
background-color:#f3f3f3;
width:33.3%;
}

.wm-forms-a .grid-forms-f >label {
    font-weight:bolder;
}

.wm-forms-a .grid-forms-f {
    background-color:#ffffff;
    width:100%;
}

.wm-forms-a .grid-forms-h {
    width: 50%;
}

.wm-forms-a .grid-forms-h > label {
    background-color: #CCE8FA;
    width: 40%;
}

.wm-forms-a .grid-forms-h > .grid-forms-p {
    width: 60%;
}

/*END wm-forms-a*/

/*checkbox-theme-a*/
.wm-forms-a .checkbox-forms-box:after, .wm-forms-a .checkbox-forms-box:before {
    content: "";
    clear: both;
    display: block;
}

.wm-forms-a .checkbox-forms-box {
    position: relative;
    margin-bottom: 8px;
}

.wm-forms-a .checkbox-forms-box .checkbox-theme-a {
    position: absolute;
    width: 35px;
    left: 10px;
    top: 6px;
}

.wm-forms-a .checkbox-forms-box .checkbox-theme-a + .grid-forms {
    padding-left: 25px;
}

/*END checkbox-theme-a*/

/*wm-table-a*/
.wm-table-a-l {
    position: absolute;
    float: left;
}

.wm-table-a-r {
    overflow-x: auto;
}

.wm-table-line {
    position: absolute;
    width: 1px;
    display: block;
    height: 100%;
    font-size: 0;
    overflow: hidden;
    right: 0;
    top: 0;
    background-color: #EEEEEE;
    z-index: 3;
}

.wm-table-a-l .table, .wm-table-a-r .table {
    margin-bottom: 0;
    max-width: 10000px;
}

.wm-table-a-l th, .wm-table-a-l td, .wm-table-a-r th, .wm-table-a-r td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.wm-table-a {
    position: relative;
    table-layout: fixed;
}

.wm-table-a a {
    color: #71A3E2;
    text-decoration: none;
}

.icon-warning-lamp {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
}

.icon-warning-lamp.bg-red {
    background-color: #FF5151;
    /*border: 1px #8D0101 solid;*/
}

.icon-warning-lamp.bg-yellow {
    background-color: #FFFF00;
    /*border:1px #F2F205 solid;*/
}

.icon-warning-lamp .bg-green {
    background-color: #79F200;
    /*border: 1px #468C00 solid;*/
}

html head + body .table-responsive {
    border: 0px;
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    /*2018-10-30 朱猛添加*/
    width:100%;
}

html head + body .table-responsive-line {
    width: 1px;
    height: 100%;
    background-color: #DDDDDD;
    position: absolute;
    right: 0;
    top: 0;
}

html head + body .wm-table-a .table thead tr th {
    border-bottom-width: 0px;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
    border: 1px #ddd solid;
    height: 30px;
    padding: 2px;
    line-height: 1.2;
    word-break: break-all
}

html head + body .wm-table-a input[type=radio], html head + body .wm-table-a input[type=checkbox] {
    margin-top: 0;
    vertical-align: middle;
    display: inline-block;
}

html head + body .wm-table-a .table thead tr {
    border: 1px #ddd solid;
    border-bottom-width: 0px;
    background-color: #fff;
}

html head + body .wm-table-a .table tbody tr td {
    background-color: #f5f5f5;
    border: 1px #ddd solid;
    padding: 0 5px;
    line-height: 1;
    vertical-align: middle;
    height: 27px;
    line-height: 14px;
}

html head + body .wm-table-a .table tbody tr td:hover {
    background-color: #f7f7f7;
}

html head + body .wm-table-a .table tbody tr td .btn {
    padding: 4px;
    vertical-align: top;
    /*margin-top: 2px;*/
}

html head + body .wm-table-a .table tr td .checkbox-inline input {
    /*margin-top: 1px; Jasmine Yang 2018.5.10修改*/
    margin-top: -8px;
    margin-left: -12px;
}

html head + body .wm-table-heading {
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    background-color: #F3F3F3;
    margin-top: 10px;
}
html head + body .wm-table-headingzj {
    font-size: 12px;
    font-weight: normal;
    padding: 3px;
    background-color: #F3F3F3;
    margin-top: 4px;
}

.panel-wm-b .panel-body .wm-table-heading:first-child {
    margin-top: 0;
}

.panel-wm-b .panel-body .wm-table-headingzj:first-child {
    margin-top: 0;
}

.per-1 {
    width: 4.16666667%;
}

.per-2 {
    width: 8.33333333%;
}

.per-3 {
    width: 12.5%;
}

.per-4 {
    width: 16.66666667%;
}

.per-5 {
    width: 20.83333333%;
}

.per-6 {
    width: 25%;
}

.per-7 {
    width: 29.16666667%;
}

.per-8 {
    width: 33.33333333%;
}

.per-9 {
    width: 37.5%;
}

.per-10 {
    width: 41.66666667%;
}

.per-11 {
    width: 45.83333333%;
}

.per-12 {
    width: 50%;
}

.per-13 {
    width: 54.16666667%;
}

.per-14 {
    width: 58.33333333%;
}

.per-15 {
    width: 62.5%;
}

.per-16 {
    width: 66.66666667%;
}

.per-17 {
    width: 70.83333333%;
}

.per-18 {
    width: 75%;
}

.per-19 {
    width: 79.16666667%;
}

.per-20 {
    width: 83.33333333%;
}

.per-21 {
    width: 87.5%;
}

.per-22 {
    width: 91.66666667%;
}

.per-23 {
    width: 95.83333333%;
}

.per-24 {
    width: 100%;
}

/*END wm-table-a*/
/*wm-table-b*/
html head + body .wm-table-b .table thead tr {
    border: 1px #EEEEEE solid;
    border-bottom-width: 0px;
    background-color: #F5F5F5;
}

html head + body .wm-table-b .table tbody tr td {
    background: #fff;
    vertical-align: middle;
}

/*END wm-table-b*/
/*wm-table-c*/
html head + body .wm-table-c {
    border: 0;
}

html head + body .wm-table-c .table thead tr {
    border: 0;
    border-bottom-width: 0px;
}

html head + body .wm-table-c .table thead tr th {
    border: 0;
    border-bottom-width: 0px;
    padding-top: 0;
    font-weight: normal;
    text-align: center;
}

html head + body .wm-table-c .table tbody tr td {
    background: none;
    vertical-align: middle;
    border: 0;
    padding: 2px 5px;
    line-height: 26px;
    height: 30px;
}

html head + body .wm-table-c.padding-table-0 .table tbody tr td {
    padding: 0;
    height: 27px;
}

html head + body .wm-table-c .table tbody tr td .grid-forms-p {
    margin: 0;
}

/*END wm-table-c*/
/*wm-table-e*/
html head + body .wm-table-e {
    border: 1px #e8e8e8 solid;
    background-color: #fff;
}

html head + body .wm-table-e .table thead tr {
    border: 0;
    border-bottom-width: 0px;
    background-color: #F5F5F5;
}

html head + body .wm-table-e .table thead tr th {
    border: 0;
    border-left: 1px #e8e8e8 solid;
    border-bottom: 1px #e8e8e8 solid;
    font-weight: normal;
    text-align: center;
}

html head + body .wm-table-e .table tbody tr:first-child td {
    padding-top: 5px;
}

html head + body .wm-table-e .form-control {
    padding-left: 2px;
}

html head + body .wm-table-e .table tbody tr td {
    background: none;
    vertical-align: middle;
    border: 0;
    border-left: 1px #e8e8e8 solid;
    padding: 0 5px 5px;
    line-height: 20px;
    height: 30px;
}

html head + body .wm-table-e .table tbody tr td:first-child {
    border: 0;
}

html head + body .wm-table-e.padding-table-0 .table tbody tr td {
    padding: 0;
    height: 27px;
}

html head + body .wm-table-e .table tbody tr td .grid-forms-p {
    margin: 0;
}

/*END wm-table-e*/
/*modal*/
.modal-tab-nav-a {
    height: 100%;
    background-color: #6FBDE3;
    margin-bottom: 0;
    position: absolute;
}

.modal-tab-nav-a li, .modal-tab-nav-a ul {
    padding: 0px;
    list-style: none;
    font-size: 12px;
    font-weight: normal;
}

.modal-tab-nav-a li a, .modal-tab-nav-a li a:hover {
    height: 38px;
    line-height: 38px;
    display: block;
    color: #fff;
    padding-left: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px #67B4D8 solid;
}

.modal-tab-nav-a li a:hover {
    background-color: #81C9ED;
}

.modal-tab-nav-a li.active a, .modal-tab-nav-a li.active a:hover {
    background-color: #FCFCFC;
    color: #333;
    border-bottom: 1px #6FBDE3 solid;
}

/*END modal*/
.modal-operation .tab-content .modal-footer {
    margin-bottom: -5px;
}

/*radio-theme-a*/
html head + body .radio-theme-a .btn {
    border-radius: 0;
    border: none;
    background: none;
    color: #484848;
    line-height: 1;
    font-size: 12px;
}

html head + body .radio-buttons-group > .btn > input[type=radio] {
    position: absolute;
    z-index: -1;
    filter: alpha(opacity=0);
    opacity: 0;
}

html head + body .radio-theme-a .btn:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    box-shadow: 0 0 0 5px #fff, 0 0 0 6px #ccc;
    background-color: #fff;
    float: left;
    margin: 3px 13px 0 -6px;
}

html head + body .radio-theme-a .btn.active:before {
    /*background-color: #70A3E2;*/
    background-color: #ED5638;
}

html head + body .radio-theme-a.radio-buttons-group.disabled .btn.active:before {
    background-color: #aaa;
}

html head + body .radio-theme-a .btn.active {
    box-shadow: none;
}

/*END radio-theme-a*/
/*panel-wm-c*/
.panel-wm-c {
    /*margin: -15px;*/
}

.panel-wm-c + .panel-wm-c {
    border-top: 0px #F5F5F5 solid;
    margin-top: 20px;
}

.panel-wm-c label {
    font-weight: normal;
}

.panel-wm-c .panel-heading:after, .panel-wm-c .panel-body:after {
    content: "";
    display: block;
    clear: both;
}

.panel-wm-c .panel-heading {
    background-color: #FCFCFC;
    border-bottom: 2px #F5F5F5 solid;
    padding: 0;
}

.panel-wm-c .panel-heading .panel-text-grid {
    float: left;
    height: 36px;
    line-height: 1;
    line-height: 36px;
    padding: 0 20px;
}

.panel-wm-c .panel-heading .panel-text-grid.eye-catching {
    background-color: #70BDE3;
    color: #fff;
}

.panel-wm-c .panel-heading .panel-text-grid > label {
    margin-right: 5px;
    float: left;
}

.panel-wm-c .panel-heading .panel-text-grid > span {
    float: left;
}

.panel-wm-c .panel-body {
    padding: 20px;
}

.information-txt {
    position: relative;
}

.information-txt > label {
    width: 50px;
    position: absolute;
    font-weight: normal;
}

.information-txt > p {
    padding-left: 53px;
    margin-bottom: 0;
}

.information-txt > .this-p {
    padding-left: 53px;
    margin-bottom: 0;
    position: relative;
    right: 0;
}

.information-txt > .this-p .validform-tip {
    left: 73px;
    right: 0;
}

/*END panel-wm-c*/
/*END MCD mcd PNL*/
/*footer*/
.foot-theme-a {
    margin-top: 20px;
}

.foot-theme-a p {
    margin-bottom: 5px;
    float: left;
}

/*End footer*/
/*modal-search*/
html head + body .modal-search {
    padding: 5px 50px 5px 5px !important;
    background-color: #fcfcfc;
}

.modal-search-li {
    padding: 5px 0;
}

.modal-search-li .col-xs-2, .modal-search-li .col-xs-4 {
    padding-left: 5px;
    padding-right: 5px;
}

/*End modal-search*/
/*validform-tip*/
.grid-forms-p {
    position: relative;
}

.validform-tip {
    display: block;
    position: absolute;
    padding-left: 8px;
    line-height: 24px;
    left: 5px;
    right: 5px;
    top: 0px;
    opacity: .9;
    z-index: 5;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 20px;
}

td .grid-forms-p .validform-tip {
    left: 0;
    right: 0;
}

.validform-tip .this-btn-close {
    padding: 0 10px;
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    font-size: 1em;
    color: #999999;
    cursor: pointer;
}

.validform-tip .this-btn-close:hover .fa {
    color: #333333;
}

.validform-tip.this-wrong {
    border: 1px #ccc solid;
    background-color: #FADDD7;
    color: #333;
}

.validform-tip.this-wrong > .fa {
    color: #ED583A;
    font-size: 1.4em;
    display: inline;
    margin-right: 5px;
    vertical-align: middle;
}

/*END validform-tip*/
/*dropdown-grid-b*/
html body .dropdown-grid-b {
    position: absolute;
    margin-top: 0;
    border-radius: 0;
    background-color: #AF0808;
    border: 0;
    min-width: 0px;
    white-space: nowrap;
    border:1px #ddd solid;
}

html body .dropdown-grid-b:before {
    position: absolute;
    content: "";
    top: 0px;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #EC6000;
    display: block;
    z-index: 100;
}
html head + body .dropdown-grid-b li {
    /*background-color: #fff;*/
    background: #0a4188;
}

#moreMenu .removenew .dropdown-grid-b li {
    line-height: 0;
}

html head + body .dropdown-grid-b li a {
    display: block;
    /*color: #000;*/
    color:#FFF;
    font-size: 12px;
    text-align: left;
    padding: 0 20px;
    white-space:nowrap;
}

html head + body .dropdown-grid-b > li:hover {
    background-color: #fff;
    color: #000;
}
html head + body .dropdown-grid-b > li:hover > a{
    color: #EC6000;
}

/*END dropdown-grid-b*/
/*dropdown-mouse*/
.dropdown-mouse {
    display: none;
    z-index: 101;
}

.dropdown-mouse li {
    position: relative;
}

.dropdown-mouse-toggle li:hover > .dropdown-mouse {
    display: block;
    font-size: 30px;
}

.level-1 {
    left: 0;
}

.level-2:before {
    border: none;
}

.level-2 {
    left: 100%;
    top: 0px;
}

/*END dropdown-mouse*/
/*left-box*/
.left-box {
    width: 230px;
    left: 10px;
    position: absolute;
    border-top: 0;
    background-color: #fff;
}
.left-box>.panel-wm-d{
    overflow-y: auto;
    height:570px;
}
.left-box>.panel-wm-d>.panel-body{
    min-height: 450px;
}
.left-box-has {
    margin-left: 235px;
}

.left-box.theme-a {
    height:100%;
    border: none;
    background-color: #70BDE3;
}

.left-box .tab-panel {
    display: none;
}

.left-box .tab-panel.active {
    display: block;
}

/*END left-box*/
/*panel-wm-d*/
.panel-wm-d {
    background: none;
    padding: 0;
    border: 1px #ED5638 solid;
}

.panel-wm-d .panel-heading {
    background: none;
    padding: 0;
    height: 40px;
    background-color: #ED5638;
}
}
.panel-wm-d .panel-heading ul {
    margin-bottom: 0;
}

.panel-wm-d .panel-heading  li a {
    float: left;
    height: 40px;
    cursor: pointer;
    background-color: #fff;
    color: #ED5638;
    line-height: 40px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
} 
.panel-wm-d .panel-heading .panel-title {
    float: left;
    height: 40px;
    cursor: pointer;
    /*background-color: #F8BF26;*/
    color: #fff;
    line-height: 40px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px;
}

.panel-wm-d .panel-heading li a > i {
    font-style: normal;
}

.panel-wm-d .panel-heading li.active a {
        background-color: #ED5638;
        color: #fff;
}

.panel-wm-d .panel-body {
    background-color: #fff;
    padding: 5px;
}

/*END panel-wm-d*/
/*list-group-a*/
.list-group-a li {
    height: 40px;
    position: relative;
}

.list-group-a li a {
    text-decoration: none;
    line-height: 40px;
    display: block;
    padding: 0 35px 0 7px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list-group-a li a:hover {
    /*color: #EF6A57;*/
}

.list-group-a li > i {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #E7E7E7;
    color: #6D6D6D;
    font-style: normal;
    display: block;
    right: 6px;
    text-align: center;
    line-height: 20px;
    top: 10px;
    position: absolute;
}

.list-group-a li.active a {
    background-color: #E7E7E7;
}

.list-group-a li.active > i {
    background-color: #ffffff;
}

.list-group-Reply {
    padding: 5px;
    background-color: #EEEEEE;
}

.list-group-Reply .grid-forms-p {
    padding-bottom: 5px;
    border-bottom: 1px #D7D7D7 solid;
    margin-bottom: 5px;
}

.list-group-Reply .list-group.list-group-a .list-group-item {
    padding: 15px;
}

.list-group-Reply .list-group.list-group-a .list-group-item + .list-group-item {
    border-top: 1px #D7D7D7 dashed;
}

.list-group-Reply > .this-box-btn {
    padding: 5px;
    text-align: center;
    cursor: pointer;
    display: block;
    font-size: 16px;
}

.list-group-Reply > .this-box-btn:hover {
    color: #000;
    background-color: #F2F2F2;
}

/*END list-group-a*/
/*modal-box-header-a*/
.modal-box-header-a:after, .modal-box-header-a:before {
    content: "";
    display: block;
    clear: both;
}

.modal-box-header-a {
    border-bottom: 1px #E0E0E0 solid;
    padding: 3px 0;
}

.modal-box-header-a .this-txt {
    padding-left: 3px;
    line-height: 26px;
}

.modal-box-screening-a {
    background-color: #6FBDE3;
    padding: 5px;
    position: relative;
    margin-bottom: 30px;
}

.modal-box-screening-a li {
    cursor: pointer;
    width: 33.333333%;
    float: left;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    color: #fff;
}

.modal-box-screening-a li.active {
    background-color: #fff;
    color: #000000;
}

.modal-box-screening-a li.active a {
    color: #000000;
}

.modal-box-screening-a li a {
    color: #fff;
    text-decoration: none;
}

.modal-box-screening-a .this-btn {
    position: absolute;
    padding: 0;
    bottom: -19px;
    cursor: pointer;
    border-radius: 0 0 5px 5px;
    width: 74px;
    background-color: #6FBDE3;
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    left: 50%;
    margin-left: -37px;
}

.modal-box-screening-a .this-btn:hover {
    color: #E3FAFF;
}

/*END modal-box-header-a*/
/*panel-wm-e*/
.panel-wm-e:before, .panel-wm-e:after, .panel-wm-e .panel-heading:after, .panel-wm-e .panel-body:before {
    clear: both;
    display: block;
    content: "";
}

.panel-wm-e.this-border-top {
    border-top: 1px #EEEEEE solid;
}

.panel-wm-e .panel-heading {
    background: none;
    width: 100%;
    padding: 0 5px;
    margin-bottom: 0;
    line-height: 1;
    line-height: 26px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.panel-wm-e .panel-body {
    padding-left: 5px;
    padding-right: 5px;
}

.panel-wm-e .panel-body > .wm-forms-a, .panel-wm-e .panel-body > .panel-wm-e, .panel-wm-e .panel-body > .title-theme-b {
    margin-left: -5px;
    margin-right: -5px;
}

label {
    font-weight: normal;
}

/*END panel-wm-e*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}

/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}

/* IE7 */
/*historical-records-a*/
.historical-records-a:before, .historical-records-a .this-title:before, .historical-records-a .this-txt:before {
    display: block;
    content: "";
    clear: both;
}

html .historical-records-a {
    padding: 10px;
}

.historical-records-a > .this-title li {
    float: left;
    line-height: 30px;
    margin-right: 10px;
}

.historical-records-a .this-txt {
    position: relative;
    clear: both;
}

.historical-records-a .this-txt > p {
    padding-left: 40px;
}

.historical-records-a .this-txt > label {
    width: 40px;
    position: absolute;
    font-weight: normal;

}

/*END historical-records-a*/
html head + body #modalOperation .tab-pane {
    min-height: 500px;
    position: relative;
}

html head + body #modalOperation .tab-pane .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/*list-group-a*/
.list-group.list-group-a {
    background: transparent;
    margin-bottom: 0;
}

.list-group.list-group-a .list-group-item {
    background: transparent;
    border: none;
    position: relative;
    padding: 15px 100px 15px 5px;
}

.list-group.list-group-a .list-group-item {
    border-bottom: 1px #eee solid;
}

.list-group.list-group-a .list-group-item-heading {
    font-size: 12px;
    margin-bottom: 2px;
    font-weight: normal;
}

.list-group.list-group-a .list-group-item-heading:after {
    content: "";
    display: block;
    clear: both;
}

.list-group.list-group-a .list-group-item-heading b {
    font-weight: normal;
    display: inline-block;
    float: left;
}

.list-group.list-group-a .list-group-item-heading span {
    float: left;
}

.list-group.list-group-a .list-group-item > .btn {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -14px;
}

.list-group.list-group-a .list-group-item > .list-group-item-text {
    clear: both;
    padding-top: 3px;
}

.list-group.list-group-a .list-group-item > .btn > i {
    font-size: 1.2em;
}

.list-group.list-group-a.list-group-a-b > .list-group-item {
    background-color: #F5F5F5;
    border-bottom: 1px #B9B9B9 dashed;
    margin-top: 5px;
    padding: 0 160px 15px 50px;
    min-height: 66px;
}

.list-group.list-group-a.list-group-a-b > .list-group-item.reply-active {
    background-color: #DFF0F8;
}

.list-group.list-group-a.list-group-a-b > .list-group-item .ol-icon-No {
    width: 38px;
    height: 38px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 36px;
    font-style: normal;
    display: block;
    color: #fff;
}

.list-group.list-group-a.list-group-a-b > .list-group-item .ol-icon-No.bg-ddd {
    color: #484848;
}

.list-group.list-group-a.list-group-a-b > .list-group-item:first-child {
    margin-top: 0;
}

.list-group.list-group-a.list-group-a-b > .list-group-Reply {
    z-index: 1;
    position: relative;
    border-bottom: 1px #B9B9B9 dashed;
    padding-left: 50px;
}

.list-group.list-group-a.list-group-a-b > .list-group-Reply > .grid-forms-p {
    padding-right: 5px;
}

.list-group.list-group-a.list-group-a-b > .list-group-Reply .list-group.list-group-a .list-group-item {
    padding: 15px 0;
}

.list-group.list-group-a.list-group-a-b > .list-group-Reply .list-group.list-group-a .list-group-item .list-group-item-heading {
    margin-bottom: 3px;
}

.list-group.list-group-a.list-group-a-b > .list-group-Reply .list-group.list-group-a .list-group-item + .list-group-item {
    border-bottom: 1px #eaeaea solid;
}

.list-group.list-group-a.list-group-a-b > .list-group-item .list-group-item-heading {
    height: 38px;
    line-height: 38px;
    padding: 0;
    margin-bottom: 0;

}

.list-group.list-group-a.list-group-a-b > .list-group-item > .this-btn-group {
    position: absolute;
    right: 5px;
    top: 5px;
}

.list-group.list-group-a.list-group-a-b > .list-group-item > .this-btn-group > .btn {
    margin: 0 0 5px 5px;
    font-size: 12px;
    min-width: 64px;
}

.list-group.list-group-a.list-group-a-b > .list-group-item .list-group-item-heading:after {
    clear: both;
    display: block;
    content: "";
}

.list-group.list-group-a.list-group-a-b > .list-group-Reply .grid-forms-p {
    padding: 5px 0;
}

.list-group.list-group-a.list-group-a-b .has-tip-bar {
    padding-bottom: 50px;
}

.list-group.list-group-a.list-group-a-b .this-tip-bar {
    border-top: 1px #9FACB2 dashed;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 30px;
    padding: 0 50px 5px 50px;
}

.list-group.list-group-a.list-group-a-c {
    padding-top: 10px;
}

.list-group.list-group-a.list-group-a-c > .list-group-item {
    border-bottom: transparent;
    padding: 10px 5px;
}

.list-group.list-group-a.list-group-a-c > .list-group-Reply {
    margin-bottom: 3px;
    padding-top: 0;
    background-color: transparent;
    margin-top: -5px;
}

.list-group.list-group-a.list-group-a-c > .list-group-item > .btn {
    top: 2px;
    margin-top: 0;
}

.list-group.list-group-a.list-group-a-c > .list-group-item > .list-group-item-heading {
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.list-group.list-group-a.list-group-a-c > .list-group-item > .list-group-item-text {
    border: 1px #CCCCCC solid;
    background-color: #F5F5F5;
    padding: 10px;
}

.list-group.list-group-a.list-group-a-c > .list-group-item > .list-group-item-text p:last-child {
    margin-bottom: 0;
}

.list-group.list-group-a > .list-group-Reply > .grid-forms-p > .btn.ts-submit {
    position: absolute;
    right: 5px;
    bottom: 11px;
}
.list-group.list-group-a > .list-group-Reply > .grid-forms-p > .ts-upload {
    position: absolute;
    right: 48px;
    bottom: 11px;
}
.list-group.list-group-a > .list-group-Reply > .grid-forms-p > textarea {
    padding-right: 55px;
}

.list-group.list-group-c > .list-group-Reply > .grid-forms-p > .btn.ts-submit {
    position: absolute;
    right: 5px;
    bottom: 16px;
}

.list-group.list-group-c > .list-group-Reply > .grid-forms-p > textarea {
    padding-right: 55px;
}

/*END list-group-a*/
.modal-footer .modal-footer-text {
    line-height: 28px;
    float: right;
    padding-right: 15px;
    color: #666;
}

.modal-footer span + span {
    float: left;
    margin-right: 20px;
}

/*list-group-b*/
.list-group.list-group-d {
    border: 1px #CCCCCC solid;
    background-color: #fff;
    padding: 10px 0;
    margin-bottom: 0;
}

.list-group.list-group-d .list-group-item {
    border: none;
    position: relative;
    padding: 3px 10px;
    cursor: pointer;
    background: none;
    border-radius: 0;
}

.list-group.list-group-d .list-group-item.active {
    color: #fff;
    background: #428BCA !important;
}

.list-group.list-group-d .list-group-item:hover {
    background-color: #f7f7f7;
}

/*END list-group-b*/
/*formButtonGroup*/
#formButtonGroup {
    z-index: 501;
    left: 0;
    right: 0;
    top: 37px;
}

#formButtonGroup:after {
    content: "";
    display: block;
    clear: both;
}

/*END formButtonGroup*/
/*pp-state-bar*/
.pp-state-bar {
    /*height: 25px;*/
    height:100%;
    background-color: #6FBDE3;
    padding: 0 15px;
    margin: 0 10px;
}

.pp-state-bar:before, .pp-state-bar:after {
    content: "";
    clear: both;
    display: block;
}

.pp-state-bar li {
    line-height: 25px;
    float: left;
    margin-right: 20px;
    color: #fff;
}

.pp-state-bar ul {
    margin: 0;
}

/*END pp-state-bar*/
/*alert-prompt-groupr*/
.alert-prompt-groupr {
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 9;
    /*z-index: 15;*/
    /*朱猛修改--2018-8-30--创建项目修改*/
      /*朱猛修改--2019-3-27--MK修改回去==9*/
}

.alert-prompt-groupr .alert {
    margin-bottom: 0;
    min-width: 500px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    padding-left: 20px;
}

.alert-prompt-groupr .alert .close {
    top: 0;
}

.alert-prompt-groupr.modal-alert-b .alert {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
}

.alert-prompt-groupr.modal-alert-b {
    width: 100%;
    left: 0;
}

.alert-prompt-groupr .alert:before {
    content: "";
    width: 5px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    z-index: 1;
}

.alert-prompt-groupr .alert a {
    font-weight: normal;
}

.alert-prompt-groupr .alert.alert-danger {
    background-color: #FAF6DB;
    border-color: #EDEBE0;
}

.alert-prompt-groupr .alert.alert-danger a {
    color: #F19F01;
}

.alert-prompt-groupr .alert.alert-danger:before {
    background-color: #F19F02;
}

.alert-prompt-groupr .alert.alert-success {
    background-color: #C6F1E7;
    border-color: #ACEADC;
}

.alert-prompt-groupr .alert.alert-success a {
    color: #5CB95C;
}

.alert-prompt-groupr .alert.alert-success:before {
    background-color: #5CB95C;
}

.alert-prompt-groupr .alert.alert-warning {
    background-color: #FEE0E2;
    border-color: #FED6D9;
}

.alert-prompt-groupr .alert.alert-warning a {
    color: #D42424;
}

.alert-prompt-groupr .alert.alert-warning:before {
    background-color: #D42525;
}

.modal-alert {
    top: 50%;
    left: 50%;
    padding: 40px 60px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 100000;
    display: none;
    box-shadow: 3px 3px 3px #eee;
}

.modal-alert .alert-link {
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    color: #555;
}

.modal-alert .alert-link i {
    font-size: 2.6em;
    margin-right: 15px;
    margin-top: -5px;
    display: inline-block;
}

.modal-alert .close {
    position: absolute;
    opacity: .8;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    color: #F7D3D3;
    background-color: #fff;
}

.modal-alert .close:hover {
    opacity: 1;
}

.modal-alert .close > span {
    font-size: 20px;
    text-align: center;
    margin-top: -2px;
    display: block;
}

/*END alert-prompt-groupr*/
/*dual-drag-drop*/
.dual-drag-drop.dual-theme-a .dual-list {
    width: 40%;
    float: left;
}

.dual-drag-drop.dual-theme-a .list-arrows .btn {
    display: block;
    clear: both;
    margin: 5px auto;
}

.dual-drag-drop.dual-theme-a .list-arrows .btn > i {
    font-size: 1.4em;
}

/*END dual-drag-drop*/
/*tagsinput-drag-drop*/
.tagsinput-drag-drop.tagsinput-theme-a {
    position: relative;
}

.tagsinput-drag-drop.tagsinput-theme-a .tagsinput-list {
    background-color: #fff;
    border: 1px #CCCCCC solid;
    padding: 5px;
    padding-bottom: 0;
    min-height: 40px;
    padding-right: 100px;
    position: relative;
}

.tagsinput-drag-drop.tagsinput-theme-a .tagsinput-list span.btn {
    color: #484848;
    float: left;
    margin-right: 5px;
    border: 1px #dedede solid;
    margin-bottom: 5px;
    line-height: 18px;
    padding: 4px 10px;
}

.tagsinput-drag-drop.tagsinput-theme-a .tagsinput-list span.btn i {
    margin-left: 10px;
    margin-top: 3px;
}

.tagsinput-down-list {
    position: absolute;
    right: 0;
    margin-top: -1px;
    min-width: 50%;
    display: none;
    z-index: 10;
}

.width-50 {
    width: 50px;
}

.tagsinput-down-list .list-group-d {
    height: 150px;
}

.tagsinput-down-list > .input-theme-d > input.form-control {
    border-radius: 0;
    border-bottom: 0;
}

.tagsinput-add {
    position: absolute;
    top: 5px;
    right: 5px;
}

/*END tagsinput-drag-drop*/
.dropdown-menu.datepicker {
    z-index: 9999;
}

/*wm-icon*/
.wm-icon {
    display: inline-block;
    vertical-align: middle;
}

.wm-icon.wm-icon-size-18 {
    width: 18px;
    height: 18px;
}

.wm-icon.wm-icon-size-20 {
    width: 21px;
    height: 20px;
}

.wm-icon-size-26 {
    width: 26px;
    height: 26px;
    font-size: 25px;
}

.wm-icon.wm-icon-size-20.wm-icon-x_1 {
    background: url("../images/icon/Alert_pass.fw.png") no-repeat;
}

.wm-icon.wm-icon-size-20.wm-icon-x_2 {
    background: url("../images/icon/Alert_waining.fw.png") no-repeat;
}

.wm-icon.wm-icon-size-18.icon_tx {
    background: url("../images/icon/icon_tx.fw.png") no-repeat;
}

.wm-icon.wm-icon-size-18.piggy-bank {
    background: url("../images/icon/piggy-bank.png") no-repeat;
}

.wm-icon.wm-icon-size-18.Planner-EVA {
    background: url("../images/icon/Planner-EVA.png") no-repeat;
}

.wm-icon.wm-icon-size-18.icon-subscribe {
    background: url("../images/icon/icon-Subscribe.png") no-repeat;
    margin-top: 3px;
}

.wm-icon.wm-icon-size-18.icon-subscribe {
    background: url("../images/icon/icon-Subscribe.png") no-repeat;
    margin-top: 3px;
}

.wm-icon.wm-icon-size-26.icon-pipeline {
    background: url("../images/icon/icon-pipeline.png") no-repeat;
}
.wm-icon.wm-icon-size-26.icon-admin {
    background: url("../images/icon/icon-admin.png") no-repeat;
}
.wm-icon.wm-icon-size-18.icon-ppt {
    background: url("../images/icon/icon-ppt.png") no-repeat;
}

.icon-btn:hover .wm-icon.wm-icon-size-18.icon_tx {
    background: url("../images/icon/icon_tx_w.fw.png") no-repeat;
}

/*END wm-icon*/

/*3月11号风格改版*/
.full-box.mobile-scrll {
    margin: 0;
    position: relative;
    z-index: 10;
    left: 0;
    right: 0;
}

.full-box.mobile-scrll.pin-fixed-class {
    margin-left: 0;
}

/*END 3月11号风格改版*/
.search-btn-b {
    margin: 0 10px;
    padding: 5px 0 0 0;
}

.search-btn-b .btn {
    border: 1px #CDCDCD solid;
    border-radius: 3px;
    padding: 3px 20px;
}

.search-btn-b .btn.active {
    background-color: #fff;
    box-shadow: none;
}

.nav-pager {
    width: 37px;
    height: 37px;
    line-height: 35px;
    border: 1px #DDDDDD solid;
    border-top: 0;
    text-align: center;
    background-color: #f7f7f7;
    color: #484848;
    font-size: 20px;
    display: block;
    position: absolute;
    z-index: 1;
    box-shadow: 3px 3px 3px #eee;
    cursor: pointer;
}

.nav-pager:hover {
    background-color: #fff;
    color: #000;
}

.nav-pager i {
    margin: 0;
    line-height: 1;
}

.nav-pager.nav-previous {
    left: 0;
    top: 0;
}

.nav-pager.nav-next {
    right: 0;
    top: 0;
}

.white-space-nowrap {
    white-space: nowrap !important;
}

.padding-table-lr-10 th, .padding-table-lr-10 td {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*btn-select自定义Select组件*/
.btn-select {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 100px;
    height: 26px;
    background: none;
    color: #555;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
}

.btn-select.disabled {
    background-color: #F5F5F5;
    cursor: not-allowed;
}

.btn-select.disabled select {
    display: none;
}

/*.btn-select.has-border:hover {*/
/*border-color: #66afe9;*/
/*outline: 0;*/
/*-webkit-box-shadow: 0 0 8px rgba(102, 175, 233, .6);*/
/*box-shadow: 0 0 8px rgba(102, 175, 233, .6)*/
/*}*/
.btn-select .cur-select {
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    padding: 0 10px;
}

.btn-select.has-border {
    border: 1px #ccc solid;
}

.btn-select.has-border .cur-select {
    height: 24px;
    line-height: 24px;
}

.btn-select > i {
    position: absolute;
    right: 6px;
    top: 3px;
    color: #ED5638;
    font-size: 1.6em;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
}

.btn-select:hover > i {
    color: #ED5638;
}

/*.btn-select:hover .cur-select {*/
/*background-color: #f90;*/
/*}*/
.btn-select select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 25px;
    opacity: 0;
    filter: alpha(opacity:0);
    font: 12px "'Microsoft YaHei'";
    cursor: pointer;
    padding-left: 5px;
    z-index: 1;
    line-height: 25px;
}

.btn-select select option {
    font-size: 12px;
    line-height: 25px;
}

.btn-select select option:hover {
    background-color: #ED5638;
    color: #fff;
}

/*.btn-select select option:hover {*/
/*background-color: #f80;*/
/*color: #fff;*/
/*}*/
/*END btn-select自定义Select组件*/
html head + body .modal .panel-wm-c {
    margin: 5px;
}

html head + body .modal .panel-wm-c + .panel-wm-c {
    border: none;
    margin-top: 10px;
}

html head + body .modal .panel-wm-c .panel-heading {
    background-color: #F5F5F5;
}

html head + body .modal .panel-wm-c .panel-body {
    background-color: #F5F5F5;
    margin-top: 2px;
}

html head + body .modal .modal-box-a {
    padding: 10px;
    min-height: 110px;
}

html head + body .modal .modal-box-a + .modal-box-a {
    border-top: 3px #6FBDE3 solid;
}

html head + body .modal .modal-box-a > .grid-forms.grid-form-vertical:first-child {
    margin-top: -5px;
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important;
}

.modal-box-header-b {
    padding: 5px;
    border-bottom: 1px #EEEEEE solid;
}

.modal-box-header-b .modal-box-header-title {
    font-size: 12px;
    line-height: 26px;
}

.modal-footer.this-top {
    position: relative !important;
    margin: -5px 0 0 0 !important;
    border-top: 0;
    border-bottom: 1px #EEEEEE solid;
}

.modal-list-comment .modal-box-a {
    padding: 10px 0 !important;
}

.modal-list-comment .modal-box-a + .modal-box-a {
    padding-top: 0 !important;
}
.modal-pmt .modal-header .close {
    color: #EEEEEE;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #CCCCCC;
    line-height: 1;
    line-height: 25px;
    text-align: center;
    opacity: .9;
    margin: 7px 3px 0 0 !important;
}

.modal-pmt .modal-header .close > span {
    margin: -8px 0 0 -5px;
    display: block;
    font-weight: normal;
}

.modal-pmt .modal-header .close:hover {
    opacity: 1;
    color: #f4f4f4;
    background-color: #cacaca;
}

#carousel-pmt-generic .carousel-indicators > a {
    color: #484848;
    display: block;
    float: right;
    font-size: 12px;
    margin: -2.5px 0 0 10px;
    position: relative;
}

html head + body .btn-group.radio-theme-b {
    /*background-color: #ED5639;*/
    border-radius: 3px;
    padding: 4px;
    float: right;
    border-radius: 15px;
    overflow: hidden;
    position: static;
}

html head + body .btn-group.radio-theme-b > label {
    position: static;
}

.btn-group.radio-theme-b .btn {
    color: #fff;
    padding: 0;
    font-size: 10px;
    background-color: transparent;
    border: transparent;
    line-height: 20px;
    width: 36px;
    text-align: center;
    padding: 0 4px;
    overflow: hidden;
}

.btn-group.radio-theme-b .btn.active {
    background-color: #fff;
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 100% !important;
}

.btn-group.radio-theme-b .btn + .btn {
}

.btn-group.radio-theme-b .btn:before {
    display: none;
}

.wm-forms-a .load-box {
    position: relative;
}

.wm-forms-a .load-box .load-box-txt {
    border: 1px #CCCCCC solid;
    background-color: #fff;
    min-height: 420px;
}
.wm-forms-a .load-box .load-box-img {
    border: 1px #CCCCCC solid;
    background-color: #fff;
    min-height: 420px;
    max-height: 420px;
}
.wm-forms-a .load-box .load-box-beimg {
    background-color: #fff;
    min-height: 250px;
    max-width: 250px;
}

.wm-forms-a .load-box .load-box-beimg .beimg {
    display:block;
    width:100%;
    max-width:100%;
    height:250px;
    max-height:250px;
}
.wm-forms-a .load-box .load-box-img .planning-img {
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    max-height:418px;
    min-height:418px;
}

.wm-forms-a .load-box > .load-btn-group {
    position: absolute;
    right: 10px;
    top: 10px;
}

.panel-wm-h .panel-heading {
    background-color: #F5F5F5;
    height: 40px;
    padding: 0;
}

.panel-wm-h .panel-heading .panel-title {
    line-height: 40px;
    color: #484848;
    padding: 0 20px;
    font-size: 16px;
}

.panel-wm-h .panel-body {
    border: 1px #F2F2F2 solid;
    border-top: none;
    padding: 10px 10px 20px;
}

.list-group.list-group-b {
    border: none;
    padding: 0 10px;
}

.list-group.list-group-b .list-group-item {
    border: none;
    margin-bottom: 0;
    border-bottom: 1px #D2D2D2 dashed;
    padding: 20px 10px 20px 30px;
    cursor: default;
}

.list-group.list-group-b .list-group-item:before {
    content: "";
    display: block;
    background: url("../images/icon/mcd-logo-a.jpg") no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 20px;
}

.list-group.list-group-b .list-group-item .list-group-item-heading {
    margin-bottom: 10px;
    font-size: 16px;
}

.list-group.list-group-b .list-group-item .list-group-item-text {
    font-size: 12px;
    color: #999;
}

.list-group.list-group-b .list-group-item:hover {
    background-color: transparent;
}

.list-group.list-group-b .list-group-item > a:hover {
    color: #FF6900;
}

.news-content, .news-list {
    position: relative;
}

.news-content .news-content-left {
    margin-right: 330px;
    padding: 30px;
    border: 1px #F2F2F2 solid;
}

.news-content .news-content-right {
    width: 320px;
    position: absolute;
    right: 0;
    top: 0;
}

.news-content .news-title {
    border-bottom: 1px #EBEBEB dashed;
}

.news-content .news-title h1 {
    color: #222222;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    margin-bottom: 20px;
    float: left;
}

.news-content .news-title > .news-title-descr {
    padding: 0 0 20px 0;
    position: relative;
    float: right;
    text-align: right;
    color: #B0B0B0;
}

.news-content .news-body > p {
    margin: 20px 0;
    text-indent: 2em;
    font-size: 16px;
    line-height: 26px;
    clear: both;
}

.news-content .news-body .img-wrapper > .img-images {
    margin-top:10px;
    display: inline-block;
    max-width: 80%;
    max-height:400px;
}

.news-content .news-body .img-wrapper {
    text-align: center;
    display: inline-block;
}

.news-content .news-body .img-wrapper .img-descr {
    margin-top: 5px auto 0 auto;
    display: inline-block;
    width:80%;
    text-align:left;
}

.annex-icon {
    width: 25px;
    height: 25px;
    display: inline-block;
}

.news-content .news-annex .annex-icon {
    float: left;
    margin-right: 5px;
}

.annex-icon.annex-icon-word {
    background: url("../images/icon/word-icon.jpg") no-repeat;
}

.annex-icon.annex-icon-ppt {
    background: url("../images/icon/ppt-icon.jpg") no-repeat;
}

.news-content .news-annex a {
    line-height: 25px;
    display: inline-block;
    margin-right: 10px;
}

.news-content a:hover {
    color: #FF6900;
}

.news-content .news-others {
    font-size: 14px;
    margin-top: 20px;
}

.news-content .news-others a {
    width: 100%;
    display: block;
    padding: 10px 0;
}

.news-content .news-others a + a {
    border-top: 1px #EDEDED solid;
    padding-bottom: 0;
}

.simple-ul li {
    list-style: disc outside none;
    padding: 10px 0;
    line-height: 1.2;
}

.simple-ul ul {
    margin-bottom: 0;
    margin-left: 30px;
}

.news-content .news-content-right .simple-ul {
    font-size: 14px;
}

.development-community {
    position: relative;
}

.development-community-left {
    margin-right: 240px;
    background-color: #F4F4F4;
    padding: 10px 20px;
    border-radius: 3px;
}

.development-community-right {
    width: 230px;
    position: absolute;
    right: 0;
    top: 0;
}

.panel-heading-left {
    width: 230px;
    position: absolute;
    margin-top:-15px;
}

.development-community-right.pin-fixed-class {
    margin-top: 47px;
}

.form-message {
    position: relative;
}

.form-message .form-message-head {
    margin: 3px 0 10px;
}

.form-message .form-message-head .form-message-title {
    font-size: 16px;
    float: left;
}

.form-message .form-message-head .form-message-input-group {
    float: right;
}

.form-message .form-message-head .form-message-input-group .grid-forms-p {
    width: 100%;
}

.form-message .form-message-btn-group {
    float: right;
    margin-top: 5px;
}

.form-message .form-message-btn-group .checkbox-inline {
    margin: 3px 15px 0 0
}

.form-message .form-message-content {
    position:relative;
}

.form-message > .form-message-content > .btn.ts-submit {
    position:absolute;
    right:5px;
    bottom:10px;
}

.development-community-list {
    position: relative;
}

.development-community-list .development-community-btn-grounp {
    margin-top: 10px;
}

.list-group.list-group-c > .list-group-item {
    background-color: #FCFCFC;
    border-width: 0;
    border-left: 4px #9DA9C1 solid;
    border-radius: 0;
    position: relative;
    padding-left: 75px;
    margin-top: 5px;
}

.list-group.list-group-c > .list-group-item:first-child {
    margin-top: 0;
}

.list-group.list-group-c > .list-group-item .list-group-item-img {
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    margin-top: -22.5px;
    left: 15px;
}

.list-group.list-group-c > .list-group-item > .list-group-item-img > img {
    width: 100%;
    height: 100%;
}

.list-group.list-group-c > .list-group-item > .list-group-item-heading {
    margin-bottom: 8px;
}

.list-group.list-group-c > .list-group-item > .list-group-item-heading > .list-group-item-title {
    color: #EF5636;
    font-size: 14px;
    line-height: 22px;
    float: left;
}

.list-group.list-group-c > .list-group-item > .list-group-item-heading > .list-group-item-btn {
    float: left;
}

.list-group.list-group-c > .list-group-item > .list-group-item-heading > .list-group-item-text {
    clear: both;
}

.list-group.list-group-c > .list-group-item > .list-group-item-heading > .list-group-item-btn .btn {
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
}

.list-group.list-group-c > .list-group-item.list-group-color-set {
    border-color: #9DA9C1;
}

.list-group.list-group-c > .list-group-item.list-group-color-set > .list-group-item-heading > .list-group-item-btn .btn {
    background-color: #9DA9C1;
}

.list-group.list-group-c > .list-group-item.list-group-color-pnl {
    border-color: #D6CC85;
}

.list-group.list-group-c > .list-group-item.list-group-color-pnl > .list-group-item-heading > .list-group-item-btn .btn {
    background-color: #D6CC85;
}

.list-group.list-group-c > .list-group-item.list-group-color-st {
    border-color: #AC9AC2;
}

.list-group.list-group-c > .list-group-item.list-group-color-st > .list-group-item-heading > .list-group-item-btn .btn {
    background-color: #AC9AC2;
}

.list-group.list-group-c > .list-group-item.list-group-color-dt {
    border-color: #A2CDD3;
}

.list-group.list-group-c > .list-group-item.list-group-color-dt > .list-group-item-heading > .list-group-item-btn .btn {
    background-color: #A2CDD3;
}

.list-group.list-group-c > .list-group-item.list-group-color-ppt {
    border-color: #CED053;
}

.list-group.list-group-c > .list-group-item.list-group-color-ppt > .list-group-item-heading > .list-group-item-btn .btn {
    background-color: #CED053;
}

.list-group.list-group-c > .list-group-item.list-group-color-lol {
    border-color: #ADA8A4;
}

.list-group.list-group-c > .list-group-item.list-group-color-lol > .list-group-item-heading > .list-group-item-btn .btn {
    background-color: #ADA8A4;
}

.list-group.list-group-c > .list-group-item > .list-group-item-descr {
    margin-top: 8px;
}

.list-group.list-group-c > .list-group-item > .list-group-item-descr p {
    float: left;
    margin-bottom: 0;
    color: #999999;
}

.list-group.list-group-c > .list-group-item > .list-group-item-descr p i {
    font-size: 1.2em;
    line-height: 1;
}

.list-group.list-group-c > .list-group-item > .list-group-item-descr p + p {
    margin-left: 30px;
}

.list-group.list-group-c .list-group-Reply {
    padding: 15px;
    background-color: #EEEEEE;
    border: 1px #E3E3E3 solid;
    position: relative;
    z-index: 1;
    box-shadow: 3px 3px 3px #F0F0F0;
}

.list-group.list-group-c .list-group-Reply:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    z-index: 1;
    top: -9px;
    left: 228px;
    margin-left: -9px;
    border-width: 9px;
    border-top-width: 0;
    border-bottom-color: #EEEEEE;
    content: "";
}

.list-group.list-group-c .list-group-Reply .grid-forms-p {
    border-bottom: 1px #999999 dashed;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.list-group.list-group-c .list-group-Reply .grid-forms-p > .form-control-box {
    margin-right: 73px !important;
}

.list-group.list-group-c .list-group-Reply .list-group-c {
    margin-bottom: 0;
}

.list-group.list-group-c .list-group-Reply .list-group-c .list-group-item {
    background: transparent;
    border: transparent;
    padding-left: 50px;
    border-bottom: 1px #CECECE dashed;
}

.list-group.list-group-c .list-group-Reply .list-group-c .list-group-item .list-group-item-heading {
    margin-bottom: 5px;
}

.list-group.list-group-c .list-group-Reply .list-group-c .list-group-item .list-group-item-title {
    color: #484848;
    font-size: 14px;
    line-height: 1;
}

.list-group.list-group-c .list-group-Reply .list-group-c .list-group-item .list-group-item-descr {
    margin-top: 5px;
    line-height: 1;
}

.list-group.list-group-c .list-group-Reply .list-group-c .list-group-item-img {
    width: 30px;
    height: 30px;
    left: 10px;
    margin-top: -15px;
}

.list-group.list-group-c .list-group-Reply .this-box-btn {
    margin-bottom: -15px;
    padding: 10px;
    font-size: 12px;
}

.list-group.list-group-c .list-group-Reply .this-box-btn:hover {
    background-color: #eaeaea;
}

.panel-wm-i > .panel-heading {
    height: 40px;
    line-height: 40px;
    position: relative;
    padding: 0;
}

.panel-wm-i > .panel-heading:before {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    z-index: 1;
    bottom: -9px;
    left: 20px;
    margin-left: -9px;
    border-width: 9px;
    border-bottom-width: 0;
    border-top-color: #EEEEEE;
    content: "";
}

.panel-wm-i.panel-color-orange > .panel-heading {
    background-color: #FE641E;
}

.panel-wm-i.panel-color-orange > .panel-heading:before {
    border-top-color: #FE641E;
}

.panel-wm-i.panel-color-blue > .panel-heading {
    background-color: #25A2FF;
}

.panel-wm-i.panel-color-blue > .panel-heading:before {
    border-top-color: #25A2FF;
}

.panel-wm-i.panel-color-yellow > .panel-heading {
    background-color: #F9AB00;
}

.panel-wm-i.panel-color-yellow > .panel-heading:before {
    border-top-color: #F9AB00;
}

.panel-wm-i > .panel-heading > .panel-title {
    padding: 0 20px;
}

.panel-wm-i > .panel-body {
    border: 1px #E1E1E1 solid;
    border-top: 0;
}

.badge-group-a {
    text-align: center;
    padding: 0 3px;
}

.badge-group-a .badge {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 100%;
    font-size: 16px;
    padding: 0;
    margin: 0 auto;
}

.badge-group-a .badge.badge-color-a {
    background-color: #F4AD21;
}

.badge-group-a .badge.badge-color-b {
    background-color: #FF631C;
}

.badge-group-a .badge.badge-color-c {
    background-color: #DE3F18;
}

.badge-group-a .caption h3 {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    margin: 10px auto 5px;
    height: 48px;
    overflow: hidden;
    text-align: left;
}

.badge-group-a .caption p i {
    font-size: 1.2em;
}

.badge-group-a .caption p {
    color: #565656;
    text-align: center;
    margin-bottom: 0;
    width: 95%;
    padding: 5px;
    border-radius: 3px;
    background-color: #FCFCFC;
}

.panel-body.badge-panel-box {
    padding: 20px 7px 10px;
}

.thumbnail-b.community-thumbnail-b li {
    width: 50%;
}

.thumbnail-b.community-thumbnail-b .this-store {
    color: #595959 !important;
}

.thumbnail-b.community-thumbnail-b {
    padding: 15px 0;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #484848;
    cursor: default;
    border-color: #cccccc;
    background-color: #70BDE3;
    color: white;
    font-weight: bolder;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1;
    border-radius: 3px;
    border: transparent;
    margin-right: 7px;
    color: #484848;
}

.pagination-sm > li > a:hover, .pagination-sm > li > span:hover {
    background-color: #f1f1f1;
    color: #484848;
}

.pagination-sm > li > a:focus, .pagination-sm > li > span:focus {
    background-color: #fff;
}

.pagination-sm .caret-left, .pagination-sm .caret-right {
    font-size: 17px;
    line-height: 1;
    padding: 0 5px;
    border: 1px #ccc solid;
}

.pagination-sm .step-backward, .pagination-sm .step-forward {
    line-height: 1;
    padding: 3px 5px;
    border: 1px #ccc solid;
}

.pagination-sm .step-backward i, .pagination-sm .step-forward i, .pagination-sm .caret-left i, .pagination-sm .caret-right i {
    color: #484848;
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
}

.pagination-sm .step-backward:hover i, .pagination-sm .step-forward:hover i, .pagination-sm .caret-left:hover i, .pagination-sm .caret-right:hover i {
    background-color: #f1f1f1;
    color: #484848;
}
.pagination-sm .step-backward:focus, .pagination-sm .step-forward:focus, .pagination-sm .caret-left:focus, .pagination-sm .caret-right:focus {
    background-color: #fff;
}

.pagination-theme-a .pagination {
    padding: 0;
    margin: 0;
}

.pagination-theme-a {
    height: auto;
    margin-top: 6px;
}

.pagination-theme-a .pagination-text {
    /*color: #6EBDE3;*/
    line-height: 20px;
}

.pagination-theme-a .grid-btn-a {
    color: #484848;
    line-height: 20px;
}

.pagination-theme-a .input-theme-c .form-control {
    height: 20px;
    border: 1px #ccc solid;
    border-right: 0;
    line-height: 20px;
    padding: 0;
}
.pagination-theme-a .input-theme-c .form-control:focus {
    box-shadow: none;
}
.pagination-theme-a .input-theme-c {
    padding: 0;
}

.pagination-theme-a .btn {
    height: 20px;
    border: 1px #ccc solid;
    color: #484848;
    background-color: #f1f1f1;
    padding: 0 5px;
    line-height: 20px;
    text-align: center;
    border-radius: 0;
}

.pagination-theme-a .btn:hover,.pagination-theme-a .btn:focus,.pagination-theme-a .btn:active {
    background-color: #f1f1f1;
    color: #484848;
}


.pagination-theme-a:after {
    content: "";
    display: block;
    clear: both;
}

.panel-wm-b.panel-modal-theme {
    padding: 10px 15px;
}

.panel-wm-b.panel-modal-theme + .panel-modal-theme {
    padding-top: 10px;
    border-top: 3px #6FBDE3 solid;
}

.panel-wm-b.panel-modal-theme .panel-body {
    padding: 0;
    background: transparent;
    clear: both;
    width: 100%;
}

.panel-wm-b.panel-modal-theme > .panel-heading > .panel-title {
    padding: 0 10px;
}

.panel-wm-b.panel-modal-theme > .panel-heading {
    padding-top: 2px;
    border-bottom-width: 2px;
    border-color: transparent;
    background-color: #FFFFFF;
}

.panel-wm-b.panel-modal-theme.panel-is-close > .panel-heading {
    position: relative;
    /*border-bottom-color: #6FBDE3;*/
}

.panel-wm-b.panel-modal-theme.panel-is-close > .panel-heading > .wm-forms-a {
    visibility: hidden;
}

.panel-wm-b.panel-modal-theme > .panel-heading > .wm-forms-a {
    margin-top: 6px;
}

.panel-wm-b > .panel-heading > .btn.pull-right > i {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 2px #70BDE3 solid;
    line-height: 25px;
    text-align: center;
}
.panel-wm-b > .panel-heading > .btn.pull-left > i {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 2px #70BDE3 solid;
    line-height: 25px;
    text-align: center;
}

.wm-table-d .table {
    border: 1px #dddddd solid;
    margin-bottom: 0;
    /*table-layout: fixed;*/
}

.wm-table-d.has-border .table {
    margin-bottom: 0;
}

.wm-table-d.has-border .table > tbody > tr {
    border-left: 1px #dddddd solid;
}

.wm-table-d.has-border .table > tbody > tr > td {
    border-right: 1px #dddddd solid;
    padding-left: 5px;
    padding-right: 5px;
}

.wm-table-d .table > thead > tr > th, .wm-table-d .table > tbody > tr > th, .wm-table-d .table > tfoot > tr > th, .wm-table-d .table > thead > tr > td, .wm-table-d .table > tbody > tr > td, .wm-table-d .table > tfoot > tr > td {
    border-top: 1px #dddddd solid;
    height: 33px;
    padding: 0 5px;
    vertical-align: middle;
}

.wm-table-d .table > thead > tr > th {
    border-bottom: transparent;
    /*height: 36px;*/
    padding: 0 18px;
    line-height: 1;
    font-weight: normal;
    text-align: center;
}

.wm-table-d .table > thead > tr > th.sorting-asc {
    background: url("../images/icon/sort_asc.png") no-repeat center right;
    cursor: pointer;
}

/*.wm-table-d .table > thead > tr > th.sorting-asc:before, .wm-table-d .table > thead > tr > th.sorting-desc:before {*/
/*position: absolute;*/
/*left: 0;*/
/*right: 0;*/
/*bottom: 0;*/
/*height: 2px;*/
/*background-color: #6FBDE3;*/
/*content: "";*/
/*display: block;*/
/*}*/

.wm-table-d .table > thead > tr > th.sorting-desc {
    background: url("../images/icon/sort_desc.png") no-repeat center right;
    cursor: pointer;
}

.wm-table-d .table > thead > tr > th.sorting {
    background: url("../images/icon/sort_both.png") no-repeat center right;
    cursor: pointer;
}

.wm-table-d .table > tbody > tr {
    background-color: #fff;
}

.wm-table-d .table > tbody > tr.tr-even {
    background-color: #F5F5F5;
}

.wm-table-d .table > thead {
    background-color: #fff;
}

.mcd-fa-stack {
    margin: 0px;
    padding: 0;
    height: 19px;
    position: relative;
    width: 20px;
    display: block;
    margin: 0 auto;
}

.mcd-fa-stack:after {
    content: "";
    display: block;
    clear: both;
}

.mcd-fa-stack .fa-stack-2x {
    top: 0;
    font-size: 17px !important;
    line-height: 1;
}

.mcd-fa-stack .fa-stack-1x {
    font-size: 12px !important;
    line-height: 19px;
}

.border-t-line {
    border-top: 3px #6FBDE3 solid;
}
.border-r-line {
    border-right: 1px #ddd solid;
}

.modal-body .checkbox-inline {
    line-height: 26px;
}

.modal-body .checkbox-inline input[type=checkbox] {
    margin-top: 7px;
}

.modal-body .checkbox-inline + .checkbox-inline {
    margin-left: 0;
}

.modal .panel-wm-b .title-theme-a {
    padding: 10px 5px;
}

.modal-box-b + .modal-box-b {
    border-top: 1px #EEEEEE solid;
    margin-top: 10px;
}

.on-dbl-click {
    -moz-user-select: none;
}

.media-show {
    display: none;
}

.dropdown-button-group {
    padding: 10px;
    width: 350px;
}

#modalNewTraining .modal-dialog,#modalFinancialKPI .modal-dialog, #modalDocumentUpload .modal-dialog, #modalOperation .modal-dialog, #modalModifyTraining .modal-dialog, #modalChoosePeerStores .modal-dialog, #modalChoosePeerStoresScreening .modal-dialog, #modalPlannerEVA .modal-dialog {
    width: 860px;
}

.select-forms {
    border: 1px #ccc solid;
    background-color: #fff;
    padding-right: 5px;
}

.select-forms ul {
    padding: 5px 0 5px 5px;
}

.select-forms li ul {
    padding: 0 0 0 16px;
}

.select-forms .select-forms-icon {
    margin: 5.5px 0 0 0;
    float: left;
    min-width: 12px;
    color: #82C5E6;
}

.select-forms-body {
    max-height: 350px;
    overflow-y: auto;
}

.checkbox-inline.theme-sm {
    line-height: 18px;
    height: 18px;
    position: relative;
}

.checkbox-inline.theme-sm input[type=checkbox] {
    margin: 3px 0 0 -15px;
}

.no-data-box {
    width: 100%;
    height: 100%;
    line-height: 100%;
    text-align: center;
    font-size: 30px;
    padding: 40px;
    vertical-align: middle;
}

.no-data-box i {
    display: inline-table;
    vertical-align: middle;
}

textarea.form-control {
    resize: none !important;
}

i.glyphicon > em {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    z-index: 1;
    line-height: 1;
    font-size: 12px;
}

i.fa > em {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    z-index: 1;
    line-height: 1;
    font-size: 12px;
}

.nav-store-info {
    height: 36px;
    border-bottom: 2px #70BDE3 solid;
}

.nav-store-info .nav-tabs {
    margin: 0 50px;
    border-bottom: none;
}

.nav-store-info .nav-tabs > li {
    margin-bottom: 0;
}

.nav-store-info .nav-tabs > li > a {
    padding: 0;
    line-height: 30px;
    background-color: #F8BF26;
    color: #fff;
    text-align: center;
    border: none;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 0;
    margin-top: 4px;
}

.nav-store-info .nav-tabs > li > a:hover, .nav-store-info .nav-tabs > li > a:active, .nav-store-info .nav-tabs > li > a:focus {
    border: none;
    background-color: #F8BF26;
    color: #fff;
}

.nav-store-info .nav-tabs > li.active > a {
    background-color: #70BDE3;
    height: 34px;
    margin-top: 0;
    font-size: 14px;
    line-height: 34px;
    font-weight: bold;
}

.nav-store-info .nav-tabs > li.active > a:active, .nav-store-info .nav-tabs > li.active > a:focus {
    background-color: #70BDE3;
}
td .grid-forms-p .radio-theme-a label{
    margin-left:20px !important;
}
.wm-table-a .btn-select{
    border:none !important;
    padding-top:6px;
}
.is-mobile-show {
    display: none !important;
}
.is-pc-show .btn:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.mobile-scrll {
    overflow-y: hidden;
}
#navThemeABtn>li{
    position:relative;
    overflow:visible;
}
#navThemeABtn>li>ul{
    top:0;
    left:100%;
}
#navThemeABtn>li:hover{
    background:#F7BE26;
}
#navThemeABtn>li:hover > a{
    color:#EC6000;
}
#navThemeABtn>li.active{
    /*background:#ffc000;*/
    background:#FFF;
}
#navThemeABtn>li.active>ul{
    display:block;
}
#navThemeABtn .dropdown-grid-b:before{
    display:none;
}
/** shit start**/
@media screen and (max-width: 1420px) {
    .media-init {
        display: none !important;
    }
    .media-per-1.media-hide {
        display: none;
    }

    .media-per-1.media-show {
        display: block;
    }
}
@media screen and (max-width: 1340px) {
    
    .media-per-2.media-hide {
        display: none;
    }

    .media-per-2.media-show {
        display: block;
    }
    /*朱猛修改2018-4-13*/
    .pmt-pipeline .grid-theme-a {
        width: 5%;
    }
}
/*2019-3-27 朱猛修改-*/
@media screen and (max-width: 1609px) {
    .nav-theme-a.media-btn-nav {
        display: block !important;
    }
    .media-per-3.media-hide {
        display: none;
    }

    .media-per-3.media-show {
        display: block;
    }
    /*渠道的视图*/
    .pmt-pipeline .grid-theme-a {
        width: 19.5%;
    }

    /*END mcd-pipeline*/
    /*mcd-pnl*/
    .wm-forms-a .grid-forms-a.grid-forms > label {
        width: 40%;
        background-color: #CCE8FA;
    }

    .wm-forms-a .grid-forms-a.grid-forms > .grid-forms-p {
        width: 60%;
    }
    .wm-forms-a .grid-forms-c > label {
        width: 20%;
        background-color: #CCE8FA;
    }

    .wm-forms-a .grid-forms-c > .grid-forms-p {
        width: 80%;
    }
    /*END mcd-pnl*/

    /*样式修改*/
    .wm-forms-a .grid-forms-b.grid-forms > label {
        width: 13.333333%;
        background-color: #CCE8FA;
    }
    .wm-forms-a .grid-forms-b.grid-forms > .grid-forms-p {
        width:86.666666%;
    }
}
@media(max-width: 1200px) {
    .media-per-4.media-hide {
        display: none;
    }

    .media-per-4.media-show {
        display: block;
    }
}
@media(max-width: 1150px) {
    .navbar-collapse .nav-header > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }

    .navbar-collapse > .nav-header {
        margin-left: 10px;
    }

    .panel-auto-grid .panel-list-a {
        margin-top: 0px;
    }
}
@media(max-width: 1140px) {
    .media-per-4.media-hide {
        display: none;
    }

    .media-per-4.media-show {
        display: block;
    }
}
@media(max-width: 1120px) {
    .portal-col-10 .col-md-7 {
        padding-right: 0 !important;
    }

    .pmt-page .contentpanel {
        padding-left: 20px;
        padding-right: 20px;
    }

    .nav-theme-a > .lg-nav {
        display: none;
    }

    .pmt-install > a span {
        left: 10px;
    }
}
@media(max-width: 1024px) {
    /*mcd-pipeline*/
    .pmt-pipeline .grid-theme-a {
        width: 33.333333%;
    }

    /*END mcd-pipeline*/
    /*mcd-pnl*/
    .wm-forms-a .grid-forms-a {
        width: 50%;
    }

    .wm-forms-a .grid-forms-b.grid-forms > label {
        width: 20%;
    }

    .wm-forms-a .grid-forms-b.grid-forms > .grid-forms-p {
        width: 80%;
    }

    .wm-forms-a .grid-forms-c {
        width: 100%;
    }

    .wm-forms-a .grid-forms-c > label {
        width: 20%;
    }

    .wm-forms-a .grid-forms-c > .grid-forms-p {
        width: 80%;
    }

    html head + body .wm-table-a .table-responsive {
        width: 100%;
    }

    .panel-wm-c .panel-heading .panel-text-grid {
        width: 50%;
    }

    /*END mcd-pnl*/
}
@media(max-width: 992px) {
    .col-sm-bot {
        margin-bottom: 20px !important;
    }
    .nav-theme-a > .md-nav {
        display: none;
    }

    .nav-theme-a.media-btn-nav .md-nav {
        display: block;
    }

    .nav-theme-a.media-btn-nav .md-nav a {
        width: 100%;
    }

    .search-panel .search-panel-header .nav > li > a {
        min-width: 10px;
        padding-left: 7px;
        padding-right: 7px;
    }
}
@media(max-width: 980px) {
    .media-per-5.media-hide {
        display: none;
    }

    .media-per-5.media-show {
        display: block;
    }
}
@media(max-width: 910px) {
    .findmenu {
        display: none;
    }
}
@media(max-width: 830px) {
    #modalProcessingTask .modal-md {
        width: 820px;
    }
    .mcd-portal-index .auto-grid-panel {
        width: 90%;
        margin: 20px auto;
        min-width: 300px;
    }

    .auto-grid-panel .auto-grid-b, .auto-grid-panel .auto-grid {
        width: 100%;
        margin-bottom: 20px;
    }
}
@media(max-width: 768px) {
        .navbar-collapse.in {
        width: 100%;
        position: absolute;
        z-index: 999;
        top: 56px;
        background-color: #5F0C0A;
        height: 70%;
        padding: 0 15px 15px;
    }

    .navbar-collapse.in li {
        width: 100%;
        display: block;
        position: relative;
        margin: 0;
    }

    .navbar-collapse.in ul {
        width: 100%;
        display: block;
        position: relative;
        margin: 0;
    }

    .navbar-collapse.in .dropdown-menu {
        display: none;
    }

    .navbar-collapse.in .open .dropdown-menu {
        display: block;
    }

    .navbar-collapse.in .dropdown-grid li {
        width: 100%;
        height: auto;
    }

    .navbar-collapse.in .dropdown-grid li + li {
        border-top: 1px solid #eee;
    }

    .navbar-collapse.in .dropdown-grid li a span.text {
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 1;
        vertical-align: middle;
    }

    .navbar-collapse.in .dropdown-grid li a {
        padding: 10px 20px;
        text-align: left;
        width: 100%;
        display: block;
    }

    .navbar-collapse.in .dropdown-grid li a i.fa {
        font-size: 1em;
    }
    .pmt-map-store {
        width: 100%;
        float: left;
        border-right: 0px;
        background: none;
    }

    .pmt-map-store .table {
        margin-bottom: 10px;
    }

    .pmt-map-api {
        width: 100%;
        position: static;
        margin-left: 0;
        float: left;
        border-bottom: 1px #e2e2e2 solid;
    }

    .pmt-map {
        height: auto;
    }

    .pmt-map-api:after, .pmt-map:after {
        content: "";
        display: block;
        clear: both;
    }

    .col-small-bot {
        margin-bottom: 20px !important;
    }

    .pmt-page .contentpanel {
        padding: 15px;
    }

    .nav-theme-a > .sm-nav {
        display: none;
    }

    .nav-theme-a.media-btn-nav .sm-nav {
        display: block;
    }

    .nav-theme-a.media-btn-nav .sm-nav a {
        width: 100%;
        display: block;
    }

    .search-panel .search-panel-header .nav > li > a {
        min-width: 80px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .nav-theme-b.nav li a, .nav-theme-b.nav li a:hover {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 1em;
    }
}
@media(max-width: 760px) {
        /*mcd-pipeline*/
    .pmt-pipeline .grid-theme-a {
        width: 50%;
    }

    /*END mcd-pipeline*/
    /*Modal*/
    /*PipelineList*/
    html head + body #modalOperation .modal-dialog {
        width: auto;
    }

    html head + body #modalSearch .modal-dialog {
        width: auto;
    }

    /*END PipelineList*/
    /*END Modal*/
    /*mcd-pnl*/
    .wm-forms-a .grid-forms-a {
        width: 100%;
    }

    .wm-forms-a .grid-forms-b.grid-forms > label {
        width: 40%;
    }

    .wm-forms-a .grid-forms-b.grid-forms > .grid-forms-p {
        width: 60%;
    }

    .wm-forms-a .grid-forms-c > label {
        width: 40%;
    }

    .wm-forms-a .grid-forms-c > .grid-forms-p {
        width: 60%;
    }

    html head + body .wm-table-a .table-responsive {
        width: 100%;
    }

    /*END mcd-pnl*/
    .media-per-6.media-hide {
        display: none;
    }

    .media-per-6.media-show {
        display: block;
    }
    /*呈递审批样式修改-手机端--防止 与bloading效果冲突*/
     .modal-content {
        width: 700px !important;
    }
}
@media(max-width: 580px) {
    
    .mcd-portal-index .index-gird-box-a .item > div {
        width: 100%;
        height: 50%;
    }

    .auto-grid-panel .auto-grid-b:before {
        padding-top: 200%;
    }
    /*Modal*/
    /*PipelineList*/
    html head + body .modal-panel-ol-box {
        padding-right: 10px !important;
        margin-left: 0;
        float: none
    }

    html head + body .modal-panel-ol-b {
        margin-right: -5px;
        padding-right: 10px;
        padding-left: 40px;
    }

    html head + body .modal-tab-nav-a {
        width: 100%;
        position: static;
        float: none
    }

    html head + body .modal-tab-nav-a li {
        float: left;
    }

    html head + body .modal-tab-nav-a ul {
        margin-bottom: 0;
    }
    html head + body .modal-tab-nav-a ul>li{
        width:33.3333%;
    }
    html head + body .modal-tab-nav-a ul:after,html head + body .modal-tab-nav-a:after, html head + body .modal-panel-ol-box:before {
        content: "";
        display: block;
        clear: both;
        height:0;
    }

    html head + body .modal-tab-nav-a li a, html head + body .modal-tab-nav-a li a:hover {
        padding: 0 10px;
    }

    .btn-mcd.btn-sm-b i {
        margin-right: 0;
    }

    html head + body .modal .modal-search {
        padding-right: 5px !important;
    }

    /*END PipelineList*/
    /*END Modal*/
    /*ALL*/
    html head + body .btn-group.radio-theme-a {
        background-color: #70BDE3;
        border-radius: 3px;
        padding: 4px;
        float: right;
    }

    .btn-group.radio-theme-a .btn {
        color: #fff;
        background-color: #fff;
        padding: 3px;
        border-radius: 3px !important;
    }

    .btn-group.radio-theme-a .btn.active {
        background-color: transparent;
        width: 18px;
        height: 18px;
        overflow: hidden;
    }

    .btn-group.radio-theme-a .btn + .btn {
        margin-left: 5px;
    }

    .btn-group.radio-theme-a .btn:before {
        display: none;
    }

    /*END ALL*/
    /*mcd-pnl*/
    .wm-table-a-l {
        float: left;
        position: relative;
        z-index: 0;
    }

    .wm-table-a-r {
        position: absolute;
        overflow-y: hidden !important;
    }

    .wm-table-line {
        display: none;
    }

    html head + body .wm-table-a .table-responsive {
        width: 100%;
        overflow: auto;
        position: relative;
    }

    .panel-wm-b > .panel-body {
        background-color: #ffffff;
        padding: 6px;
    }

    .panel-wm-c {
        margin: -10px;
    }

    .panel-wm-c .panel-heading .panel-text-grid {
        width: 100%;
    }

    .btn-left-box, .btn-right-box {
        margin-left: 0 !important;
    }

    html head + body .pmt-pnl .pmt-pnl-main {
        padding: 8px 5px !important;
    }

    .panel-ol-a .panel-ol-label {
        width: 25px;
    }

    .panel-ol-a .panel-ol-main {
        margin-left: 25px;
    }

    html head + body .panel-ol-a .panel-ol-label i {
        width: 19px;
        height: 19px;
        box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #ccc;
        top: 10px;
        left: 0px;
        line-height: 19px;
    }

    html head + body .panel-ol-a .panel-ol-label.theme-icon-blue i {
        width: 25px;
        height: 25px;
        box-shadow: none;
        top: 7px;
        left: -3px;
        line-height: 25px;
        font-size: 1.2em;
    }

    .panel-ol-a .panel-ol-label.theme-blue i {
        box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #6FBDE3;
    }

    .panel-ol-a .panel-ol-label:before {
        top: 19px;
    }

    .panel-ol-a .panel-ol-label:after {
        margin-left: 9px;
    }

    /*END mcd-pnl*/
    /*mcd-pipeline*/
    .pmt-pipeline .grid-theme-a {
        width: 100%;
        margin-bottom: 0;
    }

    .pmt-pipeline .grid-theme-a .panel-heading {
        border-radius: 3px 3px 0 0;
        box-shadow: 0 -2px 3px #528BA6;
    }

    .pmt-pipeline .grid-theme-a.get-to .panel-heading {
        box-shadow: 0 -2px 3px #796A3B;
    }

    .pmt-pipeline .pipeline-main-r {
        display: none;
    }

    .pmt-pipeline .pipeline-main-l {
        margin-right: 0;
    }

    .wm-nav-b.search-btn .btn-circular.btn-circular-sm > i {
        border-radius: 0;
        /*width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 1.4em;*/
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 1.2em;
    }

    .wm-nav-b.search-btn .btn-sm-b {
        padding: 0;
        border: 0;
        padding: 0px 5px;
    }

    .wm-nav-b.search-btn .btn-sm-b > i {
        /*width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 1.4em;*/
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 1.2em;
        margin-right: 0;
    }
    .btn-mcd.btn-sm-b {
        line-height: 26px;
    }
    .panel-wm-a .panel-heading {
        height: 40px;
        background-color: #6FBDE3;
        padding: 10px 10px;
    }

    .panel-wm-a .panel-heading .panel-title {
        font-size: 16px;
    }

    .pipeline-main {
        min-height: 775px;
    }

    .dropdown-menu {
        box-shadow: 0 2px 8px #777;
    }

    /*END mcd-pipeline*/
    
    .left-agent-fixed{
        background-color:transparent;
    }
    .left-agent-fixed .agent-img-box{
        background-color:transparent;
        height:60px;
    }
    div.left-agent-fixed .agentImgBoxSelect{
        background-color:transparent;
    }
    .agent-img-box>p{
        display:none;
    }
    .is-pc-show {
        display: none !important;
    }
    .is-mobile-show {
        display: block !important;
    }
    .nav-theme-a > li > a {
        padding: 0 20px;
        font-size: 1.4em;
        font-weight: normal;
    }
    .left-box{
        position:static;
        width:100%;
    }
    .left-box>.panel-wm-d{
        height:auto;
    }
    .left-box>.panel-wm-d>.panel-body{
        min-height:50px;
    }
    .left-box-has{
        margin-left:0;
    }

    /*2018-10-30 朱猛添加 呈递审批弹框大小*/
     /*.modal-dialog {
        width: 700px !important;
    }*/
    .modal-content {
        width: 700px !important;
    }
    .Media580 {
        width:16.7% !important;
    }
}
@media(max-width: 500px) {
    .media-per-7.media-hide {
        display: none;
    }

    .media-per-7.media-show {
        display: block;
    }
}
@media(max-width: 475px) {
    .nav-theme-a > li.active > a, .nav-theme-a > li.active > a:hover, .nav-theme-a > li.active > a:focus {
        min-width: 10px;
        padding: 0 10px;
    }

    .pmt-leftpanel {
        left:-64px;
    }

    .leftpanel-collapsed .mainpanel {
        margin-left: 0;
    }

    .header-right > .headermenu > .media-btn-nav {
        display: block !important;
    }

    .pmt-page {
        min-width: 10px !important;
    }

    .nav > li {
        position: static;
    }

    .btn-group, .btn-group-vertical {
        position: static;
    }

    .headermenu > li {
        position: static;
        font-size: 1.4em;
    }

    .dropdown-menu {
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
    }

    .search-panel .search-panel-header .nav > li > a {
        padding: 5px;
        width: auto;
        min-width: 50px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .pmt-map-store {
        width: 100%;
        float: left;
        border-right: 0px;
        background: none;
    }

    .pmt-map-store .table {
        margin-bottom: 10px;
    }

    .pmt-map-api {
        width: 100%;
        position: static;
        margin-left: 0;
        float: left;
        border-bottom: 1px #e2e2e2 solid;
    }

    .pmt-map {
        height: auto;
    }

    .pmt-map-api:after, .pmt-map:after {
        content: "";
        display: block;
        clear: both;
    }

    html .thumbnail-b > ul {
        overflow: hidden;
    }

    html .thumbnail-b > ul > li {
        width: 33.333333% !important;
    }

    .pmt-thumbnail-a .col-xs-6 {
        width: 100%;
        padding: 0;
    }

    #yxMobileSider_ul {
        margin: 0;
    }

    .pmt-install > a {
        width: 100%;
        min-height: 100px;
    }

    .nav-theme-a > li > a > .is-mobile-show {
        font-size: 1.3em;
    }

    html .headermenu > li .btn {
        padding: 0 15px;
        font-size: 1.3em;
        position: relative;
    }

    .header-right {
        padding-right: 10px;
    }

    .nav-theme-b.nav li a, .nav-theme-b.nav li a:hover {
        padding: 10px 20px;
    }

    .mobile-scrll {
        overflow-x: auto;
    }

    html .nav.nav-theme-b {
        width: 1000px;
    }

    .pmt-page .dropdown-grid li {
        width: 100%;
        height: auto;
    }

    .pmt-page .dropdown-grid li + li {
        border-top: 1px solid #eee;
    }

    .pmt-page .dropdown-grid li a span.text {
        display: inline-block;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        line-height: 1;
        vertical-align: middle;
    }

    .pmt-page .dropdown-grid li a {
        padding: 10px 20px;
        text-align: left;
    }

    .pmt-page .dropdown-grid li a i.fa {
        font-size: 1em;
    }
    .left-agent-fixed{
        background-color:transparent;
    }
    .left-agent-fixed .agent-img-box{
        background-color:transparent;
        height:60px;
    }
    div.left-agent-fixed .agentImgBoxSelect{
        background-color:transparent;
    }
    .agent-img-box>p{
        display:none;
    }
    html body .dropdown-grid-b{
        position:static;
    }
    .headermenu>li:not(:first-child){
        display:none;
    }
}
@media screen and  (min-width: 1330px) {
    .foot-theme-a p + p {
        float: right;
    }
}
@media screen and (min-width: 1373px) {
    html head + body.mcd-portal-index .sliderbg div.item {
        background-size: 100%;
    }
}
/*shit end*/

/*2018-7-17--朱猛添加--地址变更地图样式*/
     .amap-logo, .amap-copyright {
            display: none !important;
    }
    .amap-sug-result {
        z-index: 9999;
    }
@media screen and (max-width: 767px) {
    .tip {
        background-color: #ddf;
        color: #333;
        border: 1px solid silver;
        box-shadow: 3px 4px 3px 0px silver;
        position: absolute;
        top: 10px;
        left:5%;
        border-radius: 5px;
        overflow: hidden;
        line-height: 20px;
    }
    .tip input[type="text"] {
        height: 25px;
        border: 0;
        padding-left: 5px;
        width: 150px;
        border-radius: 3px;
        outline: none;
    }
    #AddressMap {
       height:300px;
       width:100%; 
    }
}
@media screen and (min-width: 768px) {
    .tip {
        background-color: #ddf;
        color: #333;
        border: 1px solid silver;
        box-shadow: 3px 4px 3px 0px silver;
        position: absolute;
        top: 10px;
        left:5%;
        border-radius: 5px;
        overflow: hidden;
        line-height: 20px;
        width:335px;
    }
    .tip input[type="text"] {
        height: 25px;
        border: 0;
        padding-left: 5px;
        width: 280px;
        border-radius: 3px;
        outline: none;
    }
      #AddressMap {
       height:500px;
       width:66%; 
    }
}
/*地图end*/

/*项目创建*/
.mgl0 {
    margin-left:0px !important;
}
@media screen and (max-width: 767px) {
    .tip {
        background-color: #ddf;
        color: #333;
        border: 1px solid silver;
        box-shadow: 3px 4px 3px 0px silver;
        position: absolute;
        top: 10px;
        left:5%;
        border-radius: 5px;
        overflow: hidden;
        line-height: 20px;
    }
    .tip input[type="text"] {
        height: 25px;
        border: 0;
        padding-left: 5px;
        width: 150px;
        border-radius: 3px;
        outline: none;
    }
    #PPListHandingMap ,#PPListMasteChangeMap,#PipelineListSaleMap,#PPListTranslateMap,#PPListWithdrawalMap,#PipelineListNewMap{
        width:100%;
        height:320px;
    }
    /*取消地图显示*/
    .MapLt {
     /*width:100%;*/
     display:none;
    }
    .MapRg {
        width:100%;
        /*margin-top:320px;*/
        height:800px;
        overflow-y:scroll !important;
    }
    .panel-ol-a .panel-ol-main {
        margin-left:0px !important;
    }
}
@media screen and (min-width: 768px) {
     .tip {
            background-color: #ddf;
            color: #333;
            border: 1px solid silver;
            box-shadow: 3px 4px 3px 0px silver;
            position: absolute;
            top: 10px;
            right: 10px;
            border-radius: 5px;
            overflow: hidden;
            line-height: 20px;
        }

        .tip input[type="text"] {
            height: 25px;
            border: 0;
            padding-left: 5px;
            width: 280px;
            border-radius: 3px;
            outline: none;
        }
    #PPListHandingMap ,#PPListMasteChangeMap,#PipelineListSaleMap,#PPListTranslateMap,#PPListWithdrawalMap,#PipelineListNewMap{
        width:100%;
        height:100%;
        margin-left:5%
    }
    .MapLt {
     width: 50%; 
     height: 90%;
    }
    .MapRg {
        margin-left:50%;
        width:50%
    }
}
.c-input{
    width:10% !important;
    float: none !important;
    display: inline-block;
}
body {
    -ms-overflow-style: scrollbar; /*auto | none | scrollbar | -ms-autohiding-scrollbar*/
}
 ::-webkit-scrollbar {
    width: 8px;
    height:8px;
}
/*滚动条宽度*/
::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}
/*滚动条轨道背景颜色*/
::-webkit-scrollbar-thumb {
    background-color: #C1C1C1;
}
/*滚动条背景颜色*/
::-webkit-scrollbar-thumb:active {
    background-color: #C1C1C1;
}
/*滚动条拖动时的背景颜色*/

/*去除地图搜索后的数字*/
.amap_lib_placeSearch_poi{
	font-size:0px;
}
.topimg_show {
    display: block !important;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    width: 30px;
}
.richrext {
    margin-left: 21px;
}
.richrext>.ql-toolbar.ql-snow {
    padding: 2px;
}
.richrext>.ql-toolbar.ql-snow .ql-formats {
    margin-right: 0px;
}
.flowchart {
    width: 80%;
    margin: 10px auto;
}
.flowstep {
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:50%;
    text-align: center;
    line-height: 30px;    
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}
.stepdesc {
    line-height: 30px;
}
.done {
    background: #0070c0;
}
.doing {
    background: #ff9800;
}
.todo {
    background: #c1c1c1;
}
.flowcontent {
    border-left:1px solid #ddd; 
    padding-left:30px;
    min-height: 45px;
    margin-left: 15px;
}
.userdetail {
    background: #eee;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 5px;
}
.keyinfobtn {
    display: inline-block;
    width: 18px;
    line-height: 15px;
    background: #70bde3; 
    text-align: center;
    padding: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #fff;
}
.keyinfo {
    position:fixed;
    right:0;
    top:20%;
    margin-right:10px;
}
.keyinfobtn:hover {
    background: #ddd;
    color: #000;
}
.keyinfocontent {
    display: inline-block;
    background: #fff;
    padding: 5px;
    border: 1px solid #ddd;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: 1.5s;
}
.keyinfo2 {
    position:fixed;
    left:0;
    top:81px;
    margin: 0 6px;
    z-index: 10;
    width: 97%;
}
.keyinfobtn2 {
    display: block;
    width: 81px;
    line-height: 15px;
    background: #70bde3;
    text-align: center;
    padding: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #fff;
    margin: 0 auto;
}
.keyinfocontent2{
    display: inline-block;
    background: #eee;
    padding: 5px;
    transition: 1.5s;
    width: 100%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 1px 4px 10px 0px #0000005e;
}
/*表单提示*/
#mytitle {
        position: absolute;
        z-index: 1;
        background: #000;
        color: #fff;
        padding: 2px 4px;
        text-align: center;
        border-radius: 4px;
    }
    .tooltipp {
        float: left;
        width: 40%;
        padding: 0 5px;
        margin-bottom: 0;
        float: left;
        line-height: 1;
        line-height: 26px;
        font-weight: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
.Media580 {
    background: none !important;
}
.subtitle {
    margin: 0;
    padding: 0 10px 10px 10px;
}
    .subtitle .i-title {
        color: #0088D4;
        font-size: 16px;
        font-weight: bolder;
        margin-right: 5px;
    }
    .subtitle .span-title {
        color: #0088D4;
        font-weight: bold;
        font-size: 15px;
    }
.flow-export-btn {
    display: inline-block;
    z-index: 20;
    width: 50px;
    border: 1px solid #ddd;
    cursor: pointer;
    position: absolute;
    right: 13px;
    top: 5px;
    text-align: center;
    border-radius: 3px;
}