/*duzhongye*/
ul{ padding-left: 0;}
ul li{ list-style: none;}

.wwb-logo{
    background-color: #32374a;
}
.wwb-logo img{
    margin-top: 16px;
    margin-left: 23px;
    margin-bottom:  16px;
}

.btn-blue {background:url("../img/blue-btn.jpg") repeat-x; background-size:auto 100%;border-color: #37a8e0;color: #FFFFFF;}
.btn-blue:focus{background:url("../img/blue-btn.jpg") repeat-x; background-size:auto 100%;}
.modal-footer .btn-default{background:url("../img/default-btn.jpg") repeat-x; background-size:auto 100%; border: #7d8d9e solid 1px; box-shadow: 0 0 1px #a8b3bf inset;}
.btn-deepblue{ background: #4285f4; color: #fff;}
.btn-deepblue:hover,.btn-deepblue:focus{background: #4285f4; color: #fff;}
.btn-gray,.btn-gray{ background-color: #a1b1c2; color: #dbe1e8;}
.btn-gray:hover,.btn-gray:focus{color: #fff;}
.btn-purple,.btn-purple {background-color: #4285f4;border-color: #4285f4;color: #FFFFFF;}
.btn-purple:hover,.btn-purple:focus{ color: #fff;}
.btnpurple,.btnpurple {background-color: #4285f4;border-color: #4285f4;color: #FFFFFF;}
.btnpurple:hover,.btnpurple:focus{ color: #fff;}
.btn-deeppurple,.btn-deeppurple {background-color: #6a77f3;border-color: #6a77f3;color: #FFFFFF;}
.btn-deeppurple:hover,.btn-deeppurple:focus{ color: #fff;}


.bgcolor-d5dde4{background-color: #d5dde4;}
.f14{ font-size: 14px !important;}
.f16{ font-size: 16px !important;}
.f18{ font-size: 18px !important;}
.mb0{ margin-bottom: 0 !important;}
.bxsd{ box-shadow: 1px 1px 3px #e5eaf0;}
.h30{ height: 30px;}
.pl-0{ padding-left: 0 !important;}
.pr-0{ padding-right: 0;}
.nav.navbar-right > li > a{
    color: #4c5e70;
}
.dzy-bell-border{
    padding-left: 15px;
}
.dzy-bell-border .fa-angle-down{
    color: #3ec3e8; font-weight: 700; font-size: 14px;
}
.dzy-bell-border:before{
    display: block;
    content: '';
    position: absolute;
    left: 5px;
    top: 3px;
    width: 1px;
    height: 24px;
    border-left: #abbbcb solid 1px;
}
.dzy-manager .img-circle{
    width: 40px;
    height: 40px;
}
.dzy-mess{
    height: 37px;
    line-height: 37px;
    background: #e8ebef;
    box-shadow: 0 2px 3px #dee4eb;
    margin-top: 22px;
}
.dzy-mess .fa-volume-up{
    margin-top: 10px;
    color: #7e8e9f;
    padding-left: 30px;
    float: left;
}
.dzy-mess ul{
    list-style: none;
}
.dzy-mess li{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dzy-mess a{color: #7e8e9f;}
.dzy-mess a:hover{color: #4f5f6f;}

.dyz-mess-item:nth-child(n) a{ color: #4bcf99;}
.dyz-mess-item:nth-child(2n) a{ color: #37a8e0;}
.dyz-mess-item:nth-child(3n) a{ color: #f35f50;}
.dyz-mess-item:nth-child(4n) a{ color: #6a77f3;}
.dyz-mess-item:nth-child(6n+1){ padding-left: 0;}
.ibox .add:nth-child(6n+1){ padding-left: 0;}
.ibox .add a{ display: block;}
.ibox .add{ margin-top: 15px;}
.dyz-mess-item{ position: relative; display: table; margin-top: 15px; float: left; }
.dzy-ablock{ background: #fff; display: table-cell;vertical-align: middle;width: 100%; height: 100px; padding:0 5px;text-align: center; font-size: 16px; color: #5ccc7a; font-weight: 700; }
.dzy-ablock:hover,.dzy-ablock:focus{ background-color: #6a77f3; color: #fff !important;}
.dyz-mess-item .iclose{ display: none;position: absolute; top: -15px; right: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%;  font-size: 16px;background-color: #7e8e9f; color: #fff; cursor: pointer;}
.dyz-mess-item .iclose:hover,.dyz-mess-item .iclose:focus{background-color: #4285f4;}
.dyz-mess-box .add{ display: none;}
.dyz-mess-box.active .iclose{ display: block;}
.dyz-mess-box.active .add{ display: block;}
.dyz-mess-box .add a{ background: #fff url("../img/iconfont-tianjia.png") no-repeat center;}
.dyz-mess-box .add a:hover{ background: #a1b1c2 url("../img/iconfont-tianjia-hover.png") no-repeat center;}

.ibox-none{ background: none; border: none; overflow: hidden;}
.ibox-none h5{ margin-bottom: 0;}
.dzy-num .ibox-title{border: none;}
.lineheight-37{ line-height: 37px;}
.text-green{ color: #5ccc7a;}
.text-red{ color: #f35f50;}
.text-blue{ color: #37a8e0;}
.text-purple{ color: #6a77f3;}
.text-gray{ color: #88919b;}
.text-white{ color: #fff;}


thead{
    color: #4f5f6f;
    font-weight: 600;
}
tbody{
    color: #868f99;
}
a[data-toggle="tab"]{
    color: #707c8b !important;
}
.active a[data-toggle="tab"]{
    color: #4f5f6f !important;
}

.loginscreen.middle-box{ width: 390px; margin-left: -195px;}
.login-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../img/login_bg.jpg") no-repeat left top; background-size: auto 100%; background-position: 0 0;
    /*-webkit-animation: move 30s infinite linear alternate;*/
    /*-moz-animation: move 30s infinite linear alternate;*/
    /*-o-animation: move 30s infinite linear alternate;*/
    /*animation: move 30s infinite linear alternate;*/
    /*-webkit-backface-visibility: hidden;*/
}
@-webkit-keyframes move{
    0%{background-position: 0 0;}
    100%{background-position: 100% 0;}
}
@-moz-keyframes move{
    0%{background-position: 0 0;}
    100%{background-position: 100% 0;}
}
@-o-keyframes move{
    0%{background-position: 0 0;}
    100%{background-position: 100% 0;}
}
@keyframes move{
    0%{background-position: 0 0;}
    100%{background-position: 100% 0;}
}


.loginBox{background: rgba(180,186,206,0.8); box-shadow: 0 0  5px rgba(0,0,0,.7); min-height: 370px;}
.loginBox form{ width: 236px; margin: 0 auto;}
.loginBox .form-group{ margin-bottom: 15px;}
.loginBox .form-control{ height: 40px; background: rgba(139,142,154,0.7); border: #70737e solid 1px; color: #fff; font-size: 12px; box-shadow: 0 1px 1px #dcdfe7,0 1px 3px #737580 inset; border-radius: 3px;}
.loginBox .form-control::-webkit-input-placeholder{ color: #fff; font-size: 12px; text-shadow: 1px 2px 0 #7f828d}
.loginBox .form-control::-moz-placeholder{ color: #fff; font-size: 12px;}
.loginBox .form-control:focus{ box-shadow: 0 0 7px #1e99dd; background-color: rgba(63,65,71,0.9); border: #1e99dd solid 1px;}
.loginBox .form-control:focus::-webkit-input-placeholder{text-shadow: 0 0 0 #7f828d;}
.loginBox .form-control:focus::-moz-placeholder{text-shadow: 0 0 0 #7f828d;}
.smEwm{ height: 78px; line-height: 78px;}
.loginBox button[type="submit"]{
    background: url("../img/login-btn.jpg") repeat-x; background-size: auto 100%;
    /*background: rgba(47,180,252,1);*/
    /*background: -moz-linear-gradient(top, rgba(47,180,252,1) 0%, rgba(29,151,217,1) 100%);*/
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(47,180,252,1)), color-stop(100%, rgba(29,151,217,1)));*/
    /*background: -webkit-linear-gradient(top, rgba(47,180,252,1) 0%, rgba(29,151,217,1) 100%);*/
    /*background: -o-linear-gradient(top, rgba(47,180,252,1) 0%, rgba(29,151,217,1) 100%);*/
    /*background: -ms-linear-gradient(top, rgba(47,180,252,1) 0%, rgba(29,151,217,1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(47,180,252,1) 0%, rgba(29,151,217,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fb4fc', endColorstr='#1d97d9', GradientType=0 );*/
    /*background: #28b0fa; */
    color: #fff; border: #1c91d1 solid 1px; height: 40px; font-size: 12px; box-shadow: 0 0 2px #48cafc inset,0 0 2px #767c8c;  text-shadow: 0 2px 0px #1c90d0;}
.loginBox button:hover,.loginBox button:focus{ color: #fff;}
/*.loginBox button[disabled]{background: #5ea6d4; color: #fff; border: #5c99c3 solid 1px;}*/

.loginBox .yzm-input{ width: 134px; float: left}
.loginBox input::-webkit-input-placeholder{color: #fff !important;}
.loginBox input::-moz-placeholder{color: #fff !important;}
.loginBox .yzm-img{width: 102px; height: 40px; overflow: hidden;}
.loginBox .yzm-img img{ width: 100%; height: 100%;}
.loginBox .text-white{  text-shadow: 2px 1px 1px #888;font-weight: 700;color: #fff !important;font-size: 14px;}
.loginLogo{ background: rgba(52,69,99,0.85); height: 104px; line-height: 104px; text-align: center;}
.fa-saomiao{ width: 18px; height: 18px; background: url("../img/iconfont-saomiao.png") no-repeat center; background-size:100% 100%; margin-right: 3px; vertical-align: middle;}
.h40{ height: 40px; line-height: 28px; font-size: 12px;}

.ewm-loading p{ color: #696b70; font-size: 14px;}
.spinner {
    margin: 100px auto 20px;
    width: 40px;
    height: 40px;
    position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
    width: 10px;
    height: 10px;
    background-color: #4b5a75;

    border-radius: 100%;
    position: absolute;
    -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
    animation: bouncedelay 1.2s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .spinner-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

.container2 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.container3 {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.container3 .circle1 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.container1 .circle2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.container2 .circle2 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.container3 .circle2 {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.container1 .circle3 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.container2 .circle3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.container3 .circle3 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.container1 .circle4 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.container2 .circle4 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.container3 .circle4 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

.loginBox .clear{ clear: both;}

.dzy-back{ display:block; float: right; width: 80px; height: 50px; line-height: 50px;text-indent: 7px; border-radius: 0 0 0 36px; border-left: #808080 dashed 1px; border-bottom: #808080 dashed 1px; color: #4285f4; font-size: 14px;}
.dzy-back i{ font-size: 16px;}
#box{perspective: 600px;}

/*登录反转*/
.loginBox{ width: 100%; position: absolute;transform-style: preserve-3d;}
.back{
    visibility: hidden;;
}
.login-in{
    visibility: hidden;
    -webkit-animation:login-in ease-in 1s forwards;
    -moz-animation:login-in ease-in 1s forwards;
}
.login-in h2{ font-size: 28px; color: #4b4b4b; font-family: '微软雅黑'; font-weight: normal;}
.login-in p{ margin-bottom: 68px;}
.login-out{
    -webkit-animation:login-out ease-out 1s forwards;
    -moz-animation:login-out ease-out 1s forwards;
    transform: rotateY(180deg);visibility: visible;
}

@-webkit-keyframes login-in{
    0%{transform: rotateY(90deg);visibility: hidden;}
    50%{transform: rotateY(90deg);visibility: hidden;}
    100%{transform: rotateY(0deg);visibility: visible; }
}
@-moz-keyframes login-in{
    0%{transform: rotateY(90deg);visibility: hidden;}
    50%{transform: rotateY(90deg);visibility: hidden;}
    100%{transform: rotateY(0deg);visibility: visible; }
}
@-o-keyframes login-in{
    0%{transform: rotateY(90deg);visibility: hidden;}
    50%{transform: rotateY(90deg);visibility: hidden;}
    100%{transform: rotateY(0deg);visibility: visible; }
}
@-webkit-keyframes login-out{
    0%{transform: rotateY(0deg)}
    50%{transform: rotateY(-90deg);visibility: hidden;}
    100%{transform: rotateY(-180deg);visibility: hidden;}
}
@-moz-keyframes login-out{
    0%{transform: rotateY(0deg)}
    50%{transform: rotateY(-90deg);visibility: hidden;}
    100%{transform: rotateY(-180deg);visibility: hidden;}
}
@-o-keyframes login-out{
    0%{transform: rotateY(0deg)}
    50%{transform: rotateY(-90deg);visibility: hidden;}
    100%{transform: rotateY(-180deg);visibility: hidden;}
}


.login-loading{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000;}
.login-loading .box{position:absolute; top: 50%; left: 50%; margin-top: -125px; margin-left: -105px;background: #ececec; height: 250px; padding: 5px 5px 20px 5px; border-radius: 10px; box-sizing: border-box;}
.login-loading img{border: #fff solid 1px; border-radius: 50%;}
.login-loading p{font-size: 14px; text-align: center; margin-top: 10px;}

/*通用UI*/
.dropdown-menu{ background-color: #3a3f51;}
.dropdown-menu a{ color: #dbe1e8 !important; font-size: 12px !important; font-weight: 700;}
.dropdown-menu a:hover{ background-color: #32374a !important; color: #fff !important;}
.checkbox-inline input+span{ background-color: #32374a; height: 2px; margin: 3px 0;}
.dropdown-messages-box{ color: #b4b6bd;}
.dropdown-menu .btn-success{ background-color: #4285f4; text-align: center;}
.dropdown-menu .btn-success:hover{ background-color: #4285f4 !important;}
.dropdown-menu:before{ display: block; content: ''; position: absolute; top: -5px; right:19px; width: 0; height: 0; font-size: 0; line-height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #3a3f51;}
.tab-dropdown-menu{right: 50% !important; margin-right: 26px; top: 10px; padding: 15px; border-radius: 3px;}
.tab-dropdown-menu:before{display: block; content: ''; position: absolute; top: 5px; right:-11px; width: 0; height: 0; font-size: 0; line-height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #3a3f51; z-index: 1000;}
.m-t-8{ vertical-align: -3px;}
.m-r-10{ margin-right: 10px !important;}
.checkbox{ padding-left: 30px !important;}

.table tbody td{ border-top: #c3c9d8 solid 1px !important; }
tbody{ color: #4f5f6f;}
tbody .arr{ color: #4f5f6f;}
tbody .arr:hover{ color: #4285f4;}
.relative{ position: relative;}

.table-top{}
.table-top .form-control{ background: #edf0f5; border:#c3c9d8 solid 1px; color: #a1b1c2; font-size: 13px; width: 160px !important; float: inherit;}
.table-top .form-control::-moz-placeholder{color: #a1b1c2; }
.table-top .form-control::-webkit-input-placeholder{color: #a1b1c2; }
.table-top .form-control:-ms-input-placeholder{color: #a1b1c2; }
.table-top .btn-gray{ color: #fff;}
.no-position{ position: inherit !important; vertical-align: text-bottom;}
.w210{ width: 210px !important;}


/*模态对话框*/
.modal-content{ border-radius: 5px; overflow: hidden; font-family: '微软雅黑'}
.modal-header{ padding:20px 28px 20px 25px; background-color: #f6fafe;border-bottom: 1px solid #e5ebf2;}
.modal-header .close{ color: #4f6883; opacity: 1;}
.modal-footer{ text-align: center; padding: 38px 0;}
.modal-footer .btn{ width: 170px; height: 40px; color: #fff;}
.modal-footer .btn:nth-child(2){ margin-left: 70px;}
.modal-footer .btn-blue{ border: #1c91d1 solid 1px; box-shadow: 0 0 1px #fff inset;}
.modal-footer .btn-gray{ border: #7d8d9e solid 1px; box-shadow: 0 0 1px #fff inset;}
.table-responsive{ overflow-x: inherit;}
.form-control.error{ border-style: solid; margin-bottom: 5px;}
.p-t-none{ padding-top:0 !important;}
.dzy-checkbox .checkbox-inline{ margin-left: 0; margin-right: 10px; min-width: 170px; margin-bottom: 5px;}
.menu-pop{ margin: 0 0 20px; font-size: 13px;}
.menu-pop .shortcut a{ display: inline-block; min-width: 90px; height: 33px; line-height: 33px; padding: 0 8px; text-align: center; border-radius: 3px; margin-right: 15px; margin-bottom: 3px; color: #4f5f6f; font-family: 16px;}
.menu-pop .shortcut a:hover{ background: #e5ebf2; color: #4f5f6f;}
.menu-pop .shortcut a:focus{ background: #31b6fc; color: #fff;}

.menu-pop-title{ padding: 7px 0; margin-bottom:0 !important;color: #7e8e9f; font-size: 13px;}
.menu-pop-con{ padding: 13px 0 5px 0; border-top: #c3c9d8 solid 1px;  border-bottom: #c3c9d8 solid 1px; }
.menu-pop-con-box{ margin: 15px 0;}
.menu-pop-con-box a{ border: #7e8e9f solid 1px; display: inline-block; width: 115px; height: 30px; line-height: 30px; margin-right: 8px; margin-bottom: 8px;text-align: center; border-radius: 5px; color: #7e8e9f; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.menu-pop-con-box a:hover{ background-color: #e5ebf2;}
.menu-pop-con-box a:focus,.menu-pop-con-box a.active{ background-color: #2a70e3; border: #2a70e3 solid 1px; color: #fff;}

.dropdown-menu>li>a:focus{background-color: #32374a !important; color: #dbe1e8 !important;}
.dropdown-menu>li>a.btn:focus{background-color: #4285f4 !important;}

/*.w5c-error{top: -38px; right: 30px; display: block; margin-top: -10px;opacity: 1;position: absolute;z-index: 1000;max-width: 276px;padding: 1px;*/
    /*font-size: 14px;*/
    /*font-weight: 400;*/
    /*line-height: 1.42857143;*/
    /*text-align: left;*/
    /*white-space: normal;*/
    /*background-color: #fc4c7a;background-clip: padding-box; border-radius: 3px;padding: 9px 14px; color: #fff; box-shadow: 0 0 5px 3px #e2e2e2;}*/

/*.w5c-error:before{left: 50%;bottom: -16px;margin-left: -8px;*/
    /*border-bottom-width: 0;border-width: 11px;position: absolute;*/
    /*display: block;*/
    /*width: 0;*/
    /*height: 0;*/
    /*content: '';*/
    /*border-color: transparent;*/
    /*border-style: solid;float: right;  border-color: transparent;border-top-color: #fc4c7a;  }*/

.form-group{ margin-bottom: 20px;}
.has-error.form-group{ margin-bottom: 12px;}
.has-error .w5c-error{ display:inline-block;position: relative; z-index: 2; padding: 3px 5px; color:#fc7e99; margin-top: 5px;}
.has-error .w5c-error:after{ display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: #fde7e5; border:#fbcfca solid 1px; border-radius: 2px;}
.form-tips{position: relative;z-index: 1; margin-top: 5px; margin-bottom: 5px; width: 100%; padding: 0 5px; color: #999;}
.has-error .form-tips{ margin-top: -19px; display: none;}
.clear-both{ clear: both;}

.form-control{ border: #c3c9d8 solid 1px;}
.form-control:-ms-input-placeholder{ color: #7e8e9f;}
.form-control::-webkit-input-placeholder{ color: #7e8e9f !important;}
.form-control::-moz-placeholder{ color: #7e8e9f;}
.w5c-form .form-control:focus{ border: #4285f4 solid 1px;}

.ibox-content .control-label{
    max-width: 150px !important;
    white-space: nowrap;
}
.ibox-content .control-label2{ width: 200px !important;}
.ibox-content .col-sm-2{ width: 150px !important;}

/*footer*/
.footer{font-size: 12px; color: #a1b1c2; text-align: center; background-color: inherit; border: none;}
.footer a{color: #a1b1c2; }
.footer .underline{text-decoration: underline; margin-left: 15px;}

.modal-backdrop{ background-color: #32374a; opacity: 0.75 !important;}


.xubox_main{ width: 400px; height: inherit;}
.layui-layer-title{ height: 58px; line-height: 58px; line-height: 58px; background: #e5ebf2; color: #4f5f6f; font-size: 18px;}
.xubox_title em{ height: 58px; line-height: 58px; top: 0; left: 10px;}
.xubox_close{ background-image: url("default/close.png"); background-position: 0 0 !important; margin-top: 12px;}
.xubox_msgico{ display: none;}
.xubox_text{padding-top: 0 !important; margin-top: 68px;}
.xubox_botton .xubox_botton1{  border: #1c91d1 solid 1px; box-shadow: 0 0 1px #fff inset;background: #37a8e0;border-color: #37a8e0;  width: 170px; margin-left: -85px;
    height: 40px;
    color: #fff; font-size: 12px; border-radius: 3px;}
.xubox_page{ width: 100%;}
.pageOut{ width: 100%; background: #fff; text-align: center;}
.pageOut .text-center{ padding: 50px 0; color: #4f5f6f; font-size: 18px;}
.pageOut a{ color: #7e8e9f; font-size: 18px; text-decoration: underline;}
.xubox_border{ display: none;}

.layer_succ,.layer_err{display: none; width: 330px; height: 210px; color: #4f4f4f; font-size: 20px; text-align: center; border-radius: 5px;}
.layer_succ img,.layer_err img{margin: 63px 0 22px 0;}

.lh30{ line-height: 30px;}
.alert-tips{ background: #fde7e5; border:#fbcfca solid 1px; color:#fc7e99; padding: 10px; margin-top: 10px;}
.form-control.error{ margin-bottom: 0;}
.checkbox-inline{position: relative; padding-left: 25px !important; padding-top: 0 !important; height: 25px;}
.checkbox-inline input+span{ position: absolute; left: 0; top: 0; display: block; background:#fff;border: #ccc solid 1px; width: 16px; height: 16px; line-height: 16px; text-align: center;}
.checkbox-inline input+span i{ display: none; font-size: 12px; margin-top: 2px;}
.checkbox-inline input:checked+span{ border: none; background: #4285f4;}
.checkbox-inline input:checked+span i{ display: block; color: #fff;}
.checkbox-inline input{ opacity: 0; width: 0;}

.radio-inline{position: relative; padding-left: 25px !important; padding-top: 0 !important; height: 20px; margin-top: 5px !important; }
.radio-inline input+span{ position: absolute; left: 0; top: 0; display: block;border: #ccc solid 1px; background: #fff; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; text-align: center;}
.radio-inline input+span i{ display: none; font-size: 12px; margin-top: 3px;}
.radio-inline input:checked+span{ border: none; background: #4285f4;}
.radio-inline input:checked+span i{ display: block; color: #fff;}
.radio-inline input{ opacity: 0; width: 0;}

.picUpload{height: 18px; margin-left: 10px; cursor: pointer;}
.bigpicUpload{ display: none; width: 300px; position: absolute; margin-left: 10px; z-index: 1000;}
.picUpload:hover+.bigpicUpload{ display: inline-block;}

/*table*/
.table-striped>tbody>tr:nth-child(odd){ background: #f3f7fc;}

/*phone*/
.phone{ width: 444px; min-height: 646px; margin-left: 30px; float: left; background: url("../img/phone.png") no-repeat; padding: 82px 0 0 91px;}
.phone-mc{width: 266px; height: 472px; padding: 12px; overflow-y: auto; border: #ccc solid 1px; background: #ebebeb;}
.phone-mc::-webkit-scrollbar{ width: 0;}
.formBox{ margin-right: 15px; width: 490px; float: left;}
.formBox .form-group{ margin-left: 0; margin-right: 0;}
.formBox .control-label{ margin-bottom: 10px; text-align: left; padding-left: 0;}
.formBox .control-label+.col-md-8{ float: inherit; padding-left: 0; padding-right: 0;}
.formBox .form-tips .col-sm-2{ display: none;}
.formBox .form-tips .col-sm-8,.formBox .form-tips .col-md-10{ padding-left: 0;}
.label-right{ margin-top: 7px; float: right; color: #7e8e9f;}
a.label-right:hover{ color: #4285f4;}
.deepBox{ padding: 25px; background: #dbe1e8; border-radius: 3px;}
.deepBox .btn{ width: 30px; height: 30px; line-height: 30px; text-align: center; padding: 0;}
.onOff{ display: block; margin-top: -8px;}
.onOff label{position: relative; display:inline-block;width: 45px; height: 26px; margin-left: 15px; border-radius: 20px;background: #c3c9d8;box-shadow: 0 1px 1px 2px #acb3c7 inset; cursor: pointer; vertical-align: middle; }
.onOff i{display:inline-block;width: 24px; height: 24px; margin-top: 1px; margin-left: 1px; border-radius: 50%; background: #fff; cursor: pointer;}
.onOff input{ position: absolute; margin-left: 17px; width: 45px; height: 19px;  opacity: 0; z-index: 1000; cursor: pointer; }
.onOff input:checked+label{ background: #4285f4;box-shadow: 0 1px 1px 2px #2965ee inset; }
.onOff input:checked+label i{margin-left: 20px;}
/*宽--高*/
.w230{ width: 230px}
.w300{ width: 300px}
.w440{ width: 440px;}
.w750{ width: 750px;}
.w1000{ width: 1000px;}
.h50{ height: 50px !important;}
.h60{ height: 60px !important;}
.h70{ height: 70px !important;}
.h80{ height: 80px !important;}
.h90{ height: 90px !important;}
.h100{ height: 100px !important;}
.h110{ height: 110px !important;}
.h120{ height: 120px !important;}
.h130{ height: 130px !important;}
.h140{ height: 140px !important;}
.h150{ height: 150px !important;}
.h160{ height: 160px !important;}
.h170{ height: 170px !important;}
.h180{ height: 180px !important;}
.h190{ height: 190px !important;}
.h200{ height: 200px !important;}
.h220{ height: 220px !important;;}
.h360{ height: 360px !important;;}


.btn-add{ border: #32374a dashed 1px; border-radius: 3px; color: #b4b6bd;}
.btn-add:hover,.btn-add:focus{ background: #32374a; border: #32374a solid 1px; color: #b4b6bd;}
.label-right2 .label-right-a{ height: 25px;display: block;}
.dropDown-btn-box{position: absolute; z-index: 1000; margin-left: -166px;}
.dropDown-btn{  width:254px;margin-right: 10px; background: #434a54; box-shadow: 0 0 2px 3px #e2e2e2; border-radius: 3px; padding: 15px;}
.dropDown-btn:before{ display: block; content: ''; position: absolute; top: -5px; right:33px; width: 0; height: 0; font-size: 0; line-height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #3a3f51;}
/*页面标签*/
/*.pageMenu{background: #e8ebef; box-shadow: 0 1px 3px #dee4eb; padding: 3px; margin-bottom: 0;}*/
/*.pageMenu-a{ display: block; position: relative; float: left; max-width: 210px; min-width: 190px; height: 33px; line-height: 33px; padding: 0 15px 0 10px;border-radius: 3px; margin-right: 2px; background: #eceef1; border: #dbe1e8 solid 1px; color: #a1b1c2;}*/
/*.pageMenu-a a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #a1b1c2 !important; font-size: 14px;}*/
/*.pageMenu-a span{ border-left: #a1b1c2 solid 2px; padding-left: 5px; font-weight: 700;}*/
/*.pageMenu-a i{ position: absolute; top:8px; right: 15px;}*/
/*.pageMenu-a:hover,.pageMenu-a.active{ background: #fff; color: #4f5f6f; border: #a1b1c2 solid 1px; }*/
/*.pageMenu-a:hover span,.pageMenu-a.active span{ border-left: #6a77f3 solid 2px;}*/
/*.pageMenu-a.active i{ color: #3d5775;}*/


.pageMenu{ position:relative;margin: 20px 10px -1px; height: 33px; overflow: hidden;}
.pageMenu:after{ display: block; content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; border-bottom: #a1b1c2 solid 1px;}
.pageMenu-a{display: block; position: relative; float: left; max-width: 120px; height: 33px; line-height: 33px; margin-bottom: -1px; padding: 0 10px 0 10px;border-radius: 3px 3px 0 0; margin-right: 3px; background: #eceef1; border: #dbe1e8 solid 1px;color: #a1b1c2; }
.pageMenu-a a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #a1b1c2 !important; font-size: 13px;}
.pageMenu-a span{ padding-left: 5px; font-weight: 600; margin-right: 14px;}
.pageMenu-a i{ position: absolute; top:9px; right: 7px;}
.pageMenu-a:hover,.pageMenu-a.active{ position: relative; z-index: 100; background: #edf0f5; color: #4f5f6f; border: #a1b1c2 solid 1px; border-bottom: none; width: auto; max-width: 210px; }
.pageMenu-a.active span{ border-left: #6a77f3 solid 2px;}
.pageMenu-a.active i{ color: #3d5775;}


/*表单宽度*/
.form-width{min-width: 700px; max-width: 1000px;}
.text-left{ text-align: left !important;}
.ibox-title .panel-heading{ margin-left: -30px; margin-right: -30px;}
.ibox-title .panel-heading .nav{padding: 0 15px; font-size: 14px;}
.backCon{ padding-left: 0;}
.backCon li{list-style: none;margin-top: 10px; /*overflow: hidden;*/}
.backCon a{height: 34px; line-height: 34px; border: #ccc solid 1px; background-color: #eee; color: #ccc; }
.backCon a:hover{ color: #4285f4;}

/*手机模板样式*/
.message_list{ overflow:hidden;}
.message_list ul{ padding-left: 0;}
.message_list .img{ margin-bottom: 0;}
.message_list li{ clear:both; overflow:hidden; padding:8px 2px; font-size:12px; line-height:24px; list-style: none;}
.message_list li.message_time{ text-align:center;}
.message_list li.message_time span{ display:inline-block; border-radius:5px; background:#ccc; font-size:12px; padding:0 5px; color:#fff;}
.message_c{
    position:relative;display:inline-block; border-radius:10px; border: #ccc solid 1px; padding:11px; background:#fff; color:#000; max-width: 168px; float: left;;
    /*background-image: linear-gradient(bottom, #a8d243 3%, #b3e346 50%, #beee52 97%, #dbf797 100%);*/
    /*background-image: -moz-linear-gradient(bottom, #a8d243 3%, #b3e346 50%, #beee52 97%, #dbf797 100%);*/
    /*background-image: -webkit-linear-gradient(bottom, #a8d243 3%, #b3e346 50%, #beee52 97%, #dbf797 100%);*/
}
.message_c a{ color:#000;}
.message_list li center{ overflow:hidden; max-width:140px; text-align:left;word-wrap: break-word; word-break: normal; }
.message_list li .message_c:before {
    content: '';
    display: block;
    font-size: 0;
    width: 0;
    height: 0;
    border-width: 6px;
    position: absolute;
    left: -12px;
    top: 12px;
    border-color: transparent #ccc #ccc transparent;
    border-style: dashed solid solid dashed;
}
.message_list li .message_c:after {
    content: '';
    display: block;
    font-size: 0;
    position: absolute;
    left: -9px;
    top: 13px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-color: transparent #fff #fff transparent;
    border-style: dashed solid solid dashed;
}
.message_list li img{ float:left; height:48px; width:48px; margin-right:20px; }
.message_list li.message_me{ text-align:right}
.message_list li.message_me img{ float:right; margin:20px 0 0 20px;}
.message_list li.message_me .message_c{
    background:#f3f3f3;
    background-image: linear-gradient(bottom, #eeeeee 3%, #f3f3f3 50%, #f7f7f7 97%, #fff 100%);
    background-image: -moz-linear-gradient(bottom, #eeeeee 3%, #f3f3f3 50%, #f7f7f7 97%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #eeeeee 3%, #f3f3f3 50%, #f7f7f7 97%, #fff 100%);
}
.message_list li.message_me .message_c:before {
    content: '';
    display: block;
    font-size: 0;
    width: 0;
    height: 0;
    border-width: 6px;
    position: absolute;
    right: -12px;
    left:auto;
    top: 12px;
    border-color: transparent transparent #aaa #aaa ;
    border-style: dashed dashed solid solid;
}
.message_list li.message_me .message_c:after {
    content: '';
    display: block;
    font-size: 0;
    position: absolute;
    right: -9px;
    left:auto;
    top: 13px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-color:  transparent transparent #f3f3f3 #f3f3f3;
    border-style: dashed dashed solid solid;
}

.msg-imgText{ width: 100%;margin-bottom: 5px; padding:8px 14px;border:1px solid #ddd; background:#fff;}
.msg-imgText h2{ font-size:15px; font-weight:500;}
.msg-imgText .dy-date, .msg-imgText .des{ padding:5px 0;}
.msg-imgText .dy-date{ color:#999;}
.msg-imgText .des{ color:#999;}
.msg-imgText img{ display:block; width: 100%;}
.msg-imgText a{ height:30px; line-height:30px; display:block; color: #333;}

.msg-imgList{ margin-bottom: 5px;}
.msg-imgList img{ display:block; margin-left:5px;}
.msg-imgList ul{ background:#fff; border:1px solid #ddd; padding-left: 0;}
.msg-imgList ul li{ padding:8px; border-top:1px solid #ddd; list-style: none;}
.msg-imgList ul li.first{ border-top:none; position:relative;}
.msg-imgList ul li.first img{ margin:0; width: 100%; vertical-align: top;}
.msg-imgList ul li.first h2{ position:absolute; left:8px; right:8px; bottom:-2px;padding:5px; text-align:left; color:#fff; background:rgba(0,0,0,0.5); font-size: 15px; line-height: 20px;}
.msg-imgList ul li p{ overflow:hidden; margin-bottom: 0; font-size: 14px;}
.msg-imgList ul li p span{ overflow: hidden;height: 100%;}
.msg-imgList ul li p img{ width: 48px; height: 48px; float: right;}

.msg-imgText-w{ position: absolute; right: 0; top: 0; }
.msg-imgText-w .msg-imgText{ width: 360px; border-radius: 5px; box-shadow: 0 0 2px #d5d5d5; border: #d5d5d5 solid 1px; padding: 15px;}
.msg-imgText-w h2{ font-size: 18px; font-weight: 500; color: #333;}
.msg-imgText-w .imgBox{ border: #bfbfbf solid 1px; height: 145px; overflow: hidden;}
.msg-imgText-w .imgBox img{ width: 100%;}
.msg-imgText-w .des{ color: #333; margin-top: 10px; border-bottom: #d5d5d5 solid 1px; font-size: 16px;}

.formMain{ width: 1000px; position: relative;}
.formMain .form-group{ width: 560px;}
.formMain label{ text-align: left !important;}

/*自定义菜单*/

.mainM{ font-weight: 700; background: #f3f7fc; border-bottom: #c3c9d8 solid 1px; list-style: none;}
.mainM .item{border-top: #c3c9d8 solid 1px; background: #fff; font-weight: normal;}
.mainM span{ display: inline-block; width: 18%; padding: 10px 8px;}
.mainM.cz{ width: 22%;}
.bg-white{ background: #fff;}
.diyMenu-list{ position: absolute; left: 0; right: 0; bottom: 0px;display: -webkit-box; height: 45px;padding: 0; margin-bottom: 0;}
.diyMenu-list li{ position:relative;display: -webkit-box; -webkit-box-flex:1; -webkit-box-pack:center; min-width: 100%; list-style: none;background: #fff; border: #ccc solid 1px; border-right: none; border-bottom: none;
    display: -moz-box; -moz-box-flex:1; -moz-box-pack:center;
}

.diyMenu-list li:first-child{ border-left: none;}
.diyMenu-list li a{ display: block; border-bottom: none; color: #333;height: 43px; line-height: 45px;}
.diyMenu-mt{display: block; width: 100%; text-align: center;}
.diyMenu-mc{ display: none; position: absolute;bottom: 45px; width: 113px;box-shadow: 0 0 3px #ddd; background: #fff;}
.diyMenu-mt:hover+.diyMenu-mc{ display: block;}
.diyMenu-mc:hover{ display: block;}
.diyMenu-mc a{ display: block; padding:0 10px;border: #ccc solid 1px; border-bottom: none; overflow: hidden;}
.diyMenu-list li:nth-child(2) .diyMenu-mc{ right: -10px;}
.diyMenu-list li:nth-child(3) .diyMenu-mc,.diyMenu-list li:last-child .diyMenu-mc{right: 0;}
.diyMenu-list li:nth-child(1) .diyMenu-mc{right:50%; margin-right: -60px;}

/*多级菜单*/
/*.aaa+.bbb{position: absolute; margin-top: -17px; margin-left: 150px; z-index: 1000;}*/
 .menuText{ position: absolute;top: 50%;right: 25px;margin-top: -7px;}
.moreMenuPop{ max-height: 600px; overflow-y:auto;border-radius: 3px;position: absolute;margin-top: 38px;margin-left: 165px;z-index: 1001;border: #C3C9D9 solid 1px;}
.moreMenuPop table{ }
.moreMenuPop td{ min-width: 110px;padding: 0 0 20px 0;border-right: #C3C9D9 solid 1px; background: #fff;}
.moreMenuPop td:first-child{ background: #EDF1F5; }
.moreMenuPop a{ display: block;line-height: 40px; color: #A1B1C3; padding-left: 20px; padding-right:10px;font-size: 12px; font-weight: 700;}
.moreMenuPop a i{ opacity: 0; margin-left: 8px; font-size: 13px;}
.moreMenuPop a:hover{color: #676A6B;}
.moreMenuPop a:focus,.moreMenuPop a.active{ background: #fff; color: #4685F5;}
.moreMenuPop a:hover i,.moreMenuPop a:focus i,.moreMenuPop a.active i{ opacity: 1;}
.moreMenuPop td:last-child a:hover i,.moreMenuPop td:last-child a:focus i,.moreMenuPop td:last-child a.active i{ opacity: 1;}

/*微网站配置*/
.w50{ width: 50px;}
.w100{ width: 100px !important;}
.w220{ width: 220px;}
.w345{ width: 345px;}
.w170{ width: 170px;}
.w750{ width: 750px;}
.web-img{ width:345px; height: 172px; background: #edf0f5; border: #c3c9d8 solid 1px; overflow: hidden;}
.web-img img{ width: 100%; vertical-align: top;}
.deepBox-check label{ width: 50%; margin-left: 0 !important; margin-right: 0; margin-bottom: 8px !important; }
.deepBox-radio label{ width: 32%; height: auto; margin-left: 0 !important; margin-right: 0; margin-bottom: 13px !important; }
.deepBox .input-btn{height: 30px; line-height: 30px; padding: 0 8px; margin-left: -4px; background: #c3c9d8; color: #fff; border: none; border-radius:0 3px 3px 0; }
.deepBox label.pull-left{ height: 30px; line-height: 30px;}
.deepBox input[type=text]{ border: #c3c9d8 solid 1px; padding: 0 5px;}

/*消息*/
.message-search{margin: 20px 15px;}
.message-search-btn{ font-size: 14px; font-weight: 700; color: #4f5f6f; padding: 0 15px;}
.message-search .btn-mark i{ display: none;}
.message-search .btn-mark:hover i{ display: inline-block;}
.message-search .layer-date{ background-color: #fff;}
.layer-date{ background-color: #fff !important; vertical-align: middle !important;}
.messageListBox{ margin: 0 15px;}
.messageListBox-mt{ overflow:hidden; padding-right: 15px; min-height: 38px; line-height: 37px; border: #c3c9d8 solid 1px; border-radius: 3px; padding-left: 0;}
.messageListBox-mt .item{display: block; float: left; list-style: none; min-width: 115px; height: 100%; padding: 0 5px; border-right: #c3c9d8 solid 1px; font-size:13px; color: #4f5f6f; text-align: center; font-weight: 700; cursor: pointer;}
.messageListBox-mt .item:hover,.messageListBox-mt .active{ background: #2a70e3; color: #fff;}
.messageListBox-mt .item-box{ display: none; position: absolute; margin-top: -3px; z-index: 3; }
.messageListBox-mt .item:hover .item-box{ display: block;}
.messageListBox-mt .item .item-box:hover{ display: block;}
.item-childmenu{padding: 9px 0; margin-top:10px;min-width: 220px;background: #434a54; border-radius: 5px;}
.item-childmenu:hover{ display: block;}
.item-childmenu .cItem{ position: relative; overflow: hidden; padding: 0 10px 0 20px; text-align: left; color: #fff; font-size: 14px; font-weight: normal;}
.item-childmenu .cItem:hover{ background: #393f48;}
.item-childmenu .cItem span{display: block;margin-right: 80px; cursor: pointer;}
.item-childmenu .cItem a{ position: absolute; right: 10px; top: 5px; display: block; width: 70px; height: 26px; line-height: 26px; text-align: center; background: #32374a; color: #7e8e9f; border-radius: 3px; font-size: 12px;}
.item-childmenu .cItem a:hover{ background: #4285f4; color: #fff;}
.item-childmenu .cItem a span { display: inherit; width: 100%; }
.item-childmenu:before{  display: block;content: '';position: absolute;top: 5px; left: 50px;width: 0;height: 0;font-size: 0;line-height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #3a3f51;}
.messageListBox-mt .item:hover .item-childmenu{ display: block;}


.messageListBox-mc{ padding: 15px 0;}
.messageListBox-mc .chat-message{padding-top: 20px; padding-bottom: 20px; border-bottom: #e5ebf2 solid 1px;}
.messageListBox-mc .chat-message:hover{ background: #e5ebf2;}
.messageListBox-mc .message-avatar{ float: left; border-radius: 50%; border: none;}
.messageListBox-mc .message{ overflow: hidden; border: none; background: none; padding-right: 0;}
.messageListBox-mc .message-date{ color: #7e8e9f;}
.messageListBox-mc .message-date a{ color: #7e8e9f;}
.messageListBox-mc .message-date a:hover{ color: #518ae8;}
.messageListBox-mc .message-date a.color-orange{color: orangered;}
.messageListBox-mc .message-content{ color: #7e8e9f; margin-top: 3px;word-break: break-all;}
.message-history{ max-height: 420px; overflow-y: auto;}
.fa-mars{ color: #3c7ce5; font-weight: 700; font-size: 11px;}
.fa-venus{ color: #f36557; font-weight: 700; font-size: 12px;}

.inforBox{ overflow: hidden;}
.inforBox .message-avatar{ width: 150px; height: 150px; border-radius: 5px; border: #ccc solid 1px; margin-right: 20px;}
.inforBox-mc{ overflow: hidden;}
.inforBox-mc .name{ color: #7e8e9f; font-size: 14px; font-weight: 700;}
.inforBox-mc ul{ overflow: hidden; padding: 0; color: #a1b1c2;}
.inforBox-mc ul li{ width: 49%; float: left; list-style: none; margin-bottom: 10px;}

.fixMessage{position: fixed; right: 0; bottom:50px; }
.fixMessage-circle{ position: relative; display:inline-block;width: 54px; height: 54px; border: #c3c9fa solid 3px; background: #6a77f3 url("../img/message-1.png") no-repeat center; border-radius: 50%; box-shadow: 0 0 3px #ccc; margin-bottom: -27px; }
.fixMessage-circle:after{ display: none; content: ''; position: absolute; top:25%; right: 10px;width: 11px; height: 11px; background: #f35f50; border: #fff solid 2px; border-radius: 50%;}
.fixMessage-circle.on{ background-image: url("../img/message-2.png"); background-color: #fff; border: #6a77f3 solid 3px;}
.fixMessage-circle.newMess:after{ display: block;}
.fixMessage-circle label{display:block; width: 100%; height: 100%; border-radius: 50%; cursor:pointer;}
.fixMessage-circle label input{ opacity: 0;}
.fixMessage-box{width: 195px; margin-right: 20px; background: #3a3f51; border-radius: 3px; padding: 20px 0;}
.fixMessage-box ul{ padding: 0;}
.fixMessage-box .item{overflow: hidden;list-style: none;}
.fixMessage-box .item a{ display: block;color: #b4b6bd;  padding: 10px 20px; }
.fixMessage-box .item a:hover{background: #32374a; color: #fff;}
.fixMessage-box .item .tx{float: left; margin-right: 10px; position: relative;}
.fixMessage-box .item .tx img{border-radius: 50%; width: 50px; height: 50px; border-radius: 50%;}
.fixMessage-box .item .tx em{position:absolute; right:-1px; bottom:4px;display: block; width: 11px; height: 11px; background: #f35f50; border: #fff solid 2px; border-radius: 50%;}
.fixMessage-box .item .con{overflow: hidden;}

.onOff2{display: inline-block;}
.onOff2 span{ position: absolute;}
.onOff2 label{ width: 60px; height: 20px; margin-bottom: 0; margin-left: 0;background: #4285f4; box-shadow: 0 1px 1px 2px #2965ee inset;}
.onOff2 i{ width: 18px; height: 18px;}
.onOff2 input:checked+label{ background: #4285f4;box-shadow: 0 1px 1px 2px #2965ee inset;}
.onOff2 input:checked+label i{ margin-left: 41px;}
.all-span{margin-left: 22px; margin-top: 2px; z-index: 1; color: #fff; }
.today-span{ margin-left: 10px; margin-top: 2px; z-index: 1; color: #fff;}

.formMain-left label{ text-align: right !important;}
span.dropdown-toggle{ padding: 23px 15px; display: block; cursor: pointer;}

/*图表*/
.chartBox{position: relative;}
.chartBox-btn{ padding: 0 20px 15px; margin: 0 -20px; border-bottom: #e7eaec solid 1px;}
.chartName{margin: 20px 0; overflow: hidden;}
.chartName span{ display: inline-block; float: left; width: 33.33%; text-align: center;}
.pieChart{height: 290px; margin-top: 20px;}
.chartSelect{ border-bottom: #e7eaec solid 1px;}
.chartSelect .messageListBox-mt{ height: 34px; min-height: 34px; line-height: 34px;float: left; padding-right: 0;}
.chartSelect .messageListBox-mt a:last-child{ border-right: none;}

.grayBox{ border: #ccc solid 1px; background-color: #f5f5f5; padding: 0px 15px 20px 15px; max-height: 800px; overflow-y: auto;}
.grayBox .item{ border: #ccc solid 1px; margin-top: 20px; color: #666;}
.grayBox .item-mt{ border-bottom:#ccc solid 1px; padding: 10px 20px;}
.grayBox .item-mt .del{ color: #666; font-size: 15px; margin-top: 6px;}
.grayBox .item-mt .form-control{ float: left;}
.grayBox .item-mt:after{ display: block; content: ''; clear: both;}
.grayBox .item-mc{ padding: 10px 20px 20px;}
.grayBox .item-mc .input-group-btn{ padding-top: 25px;}
.grayBox .item-mc .input-group-btn a{ margin-left: -1px;}
.grayBox .item-mc .form-group{ margin: 0 0 15px;}
.grayBox .item-mc .form-group:last-child{ margin-bottom: 0;}
.grayBox .item-mc .form-control{ }
.grayBox .item-mc .backCon{ width: 490px;}
.grayBox .item-mc .backCon .form-control{ width: 300px; float: left; margin-right: 10px;}
.grayBox .item-mc .backCon a{ padding: 8px 10px;}

.grayMenu{ padding-left: 0;margin-bottom: 0;border: #ccc solid 1px;overflow: hidden;margin-top: 3px;}
.grayMenu li{ display: inline-block; float: left; list-style: none; width: 100px; padding:8px 0; text-align: center; border-right: #ccc solid 1px;}
.grayMenu li label{ margin-bottom: 0;}
.btn-white2{ border: #c3c9d8 solid 1px; background: #fff; font-size: 12px;}

.applyList{ padding: 20px 0; padding-right: 200px;}
.applyList .item{ position: relative;  float: left;  margin-left: 60px;  margin-bottom: 60px; cursor: pointer;}
.applyList:after{ display:block; content: ''; clear: both;}
.applyList .item img{ width: 80px; height: 80px; border-radius: 20px;}
.applyList .item .name{ text-align: center; padding: 10px 0 0 0; font-weight: bold; width: 80px; height: 46px;}
.applyList .item .arr-a{ display: none;position: absolute; top: -10px; right: -10px;  font-size: 16px; color: #fff; text-align: center; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background: #7e8e9f;}

.applyList .item .arr-a:hover{ background:#4285f4; }
.applyList .item:hover .arr-a{ display: block;}
.applyList .item:hover img{ box-shadow: 0 2px 3px #ccc;}
.applyList .item:hover .appPop{ display: block;}
.applyList .appPop{ display: none; position:absolute; top:0; left: 80px; z-index:1000;}
.applyList .appPop .box{ margin-left: 20px;min-width: 235px;border-radius: 3px;background-color: #3a3f51; overflow: hidden; box-shadow: 0 0 2px #ccc;}
.applyList .appPop-mt{ background: #32374a; padding: 10px; margin:0;}
.appPop-mt span{ margin-right: 0;}
.applyList .appPop-mt .btn{ width: 77px; height: 28px; line-height: 28px; padding: 0; position: absolute; right: 10px; top:6px;}
.applyList .appPop-mc{ color: #fff; padding: 10px;}
.applyList .appPop-mc:before {
    display: block;
    content: '';
    position: absolute;
    top: 15px;
    left: 13px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #3a3f51;
}
.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.applyUnopen .arr-a{background: #5ccc7a !important;}
.applyUnopen .arr-a:hover{ background: #48a862 !important;}

.layui-layer-loading .layui-layer-content{ width: 60px !important;}
.layui-layer-shade{ background: #32374a !important;}

.modal-style{ width:150px;display: inline-block; margin-right: 10px;}
.modal-style img{ width: 100%;}
.form-gray-box{ min-width: 850px; margin: 5px 15px; padding: 20px 35px; background: #dbe1e8;}
.form-gray-box .mr50{ margin-right: 50px;}
.form-gray-box .w5c-error{ display: block;}
.form-gray-box .form-tips{ margin-top: -30px;clear: both;margin-left: -20px; }
.ml165{ margin-left: 165px;}
.node-selected span a{ color: #fff;}
/*手机模板样式*/
#ui-header .fixed,#listhome1{ min-width: inherit;}
.layui-layer-close{  background-position: -24px -55px !important;}
.table-striped2>tbody>tr:nth-child(even){background-color: #f3f7fc;}
.table-striped2>tbody>tr:hover{ background-color:#e0e9f3!important; }
.nav-second-level span{ display: block !important;}
.nav-second-level .active{ margin-left: 0;}
.modal-title{ font-size: 18px; font-family: '微软雅黑'; color: #4f5f6f;}

.loading-main{z-index: 10000; background: rgba(0,0,0,0.5) !important;}
.color-red{ color: red;}
.color-green{ color: green;}
.color-gray{ color: #444;}

/*请无视这段代码*/
.keywords-next+.form-group .col-md-10{ padding-left: 0;}
.keywords-next+.form-group .col-sm-10{ padding-left: 0;}
.replay-next+.form-group .col-md-12{ padding-left: 0;}
.replay-next+.form-group .col-sm-12{ padding-left: 0;}
.nextAll+.form-group .col-md-10{ padding-left: 0}
.nextAll+.form-group+.form-group .col-md-10{ padding-left: 0}
.nextAll+.form-group+.form-group+.form-group .col-md-10{ padding-left: 0}
.nextAll+.form-group+.form-group+.form-group .col-sm-10{ padding-left: 0}
.nextAll+.form-group+.form-group+.form-group+.form-group .col-md-10{ padding-left: 0;}
.nextAll+.form-group+.form-group+.form-group+.form-group+.form-group .col-md-10{ padding-left: 0;}
.nextAll+.form-group+.form-group+.form-group+.form-group+.form-group .col-sm-10{ padding-left: 0;}

/*点餐营业统计样式*/
.chartMainBox{
    position: relative;height:370px;width: 100%;margin-top: 20px;
}
.chartMainBoxItem{
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;z-index: 1;
}
.chartMainBoxItem.active{
    z-index: 2;
}

.chartMainBoxItem .pieChart{margin-top: 0;height:100%;}


/*=====================================================================================================================*/
.u-bd{
    border:1px solid #dcdfe2;
}
.no-bd{
    border:none;
}
.f-fs16{
    font-size: 16px;
}
.tooltip-inner{
    max-width:250px;
}


.navy-bg {
    background-color: #1ab394;
    color: #fff
}

.blue-bg {
    background-color: #1c84c6;
    color: #fff
}

.lazur-bg {
    background-color: #23c6c8;
    color: #fff
}

.navy2-bg {
    background-color: #3ad595;
    color: #fff
}
.zise-bg {
    background-color: #8ca1e7;
    color: #fff
}

.m-table td{
    vertical-align: middle !important;
    text-align: center;
    font-size:16px;
}
.m-table .tit{
    width:50%;
    background-color: #f3f7fc;
}
.m-panel{
    height:85px;
    padding:15px 0;
    margin-bottom:20px;
    border:1px solid #21a9f5;
    color: #21a9f5;
    text-align: center;
    font-size:16px;
}

.table-ov.table-responsive{
    overflow-x: auto;
}

@media (max-width: 1530px) {
    .m-response h1{
        font-size:22px;
    }
    .m-response h2{
        font-size:16px;
    }
}

@media (max-width: 1300px) {
    .m-response h1{
        font-size:16px;
    }
    .m-response h2{
        font-size:16px;
    }
}
@media (max-width: 1160px) {
    .m-response.p-lg{
        padding: 20px;
    }
    .m-response h1{
        font-size:14px;
    }
    .m-response h2{
        font-size:14px;
    }
}
@media (max-width: 988px) {
    .m-response.p-lg{
        padding: 30px;
    }
    .m-response h1{
        font-size:20px;
    }
    .m-response h2{
        font-size:16px;
    }
}



.no-data-round{
    position: relative;
    width: 300px;
    height:300px;
    margin: 50px auto;
    border-radius: 50%;
    background-color: #d5dde4;
}
.no-data-round div{
    position: absolute;
    left:50px;
    top:50px;
    width:200px;
    height:200px;
    line-height:200px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
}


/*ticket*/
.ticket-new {
    padding-left: 10px;
    position: absolute;
    z-index: 9999;
    background: #fff;
    width: 80%;
    border: solid 1px #c3c9d8;
    border-top: none;
}

.lh-30 {
    line-height: 30px;
}

/*门店核销*/
.mdhx-wrapper .jm-btn{
    width:120px;
    height:40px;
    line-height:40px;
    margin:0 auto;
    background:#ccc;
    border-radius:50px;
    font-size:18px;
    color:#fff;
}
.mdhx-wrapper .jm-btn.un-verify{
    float:right;
    background:#666;
}
.mdhx-wrapper .no-bt-margin{
    margin-bottom:0;
    color:#999;
}
.mdhx-wrapper .clear-box{
    width:120px;
    float:right;
}
.mdhx-wrapper .go-verify{
    width:140px;
    height:44px;
    line-height:44px;
    float:right;
    background:#0d8bf6;
    color:#fff;
    border-radius:2px;
}
.mdhx-wrapper .go-verify.gray{
    background:#e5e5e5;
    text-align: center;
}
.span-blue-border{
    display:inline-block;
    width:28px;
    height:28px;
    line-height:28px;
    border:1px solid #0d8bf6;
    border-radius:2px;

}
.geetest_holder.geetest_wind {
    min-width: 200px !important;
}

.importBox{
    overflow: hidden;
    text-align: center;
}
.importBox .load-btn{
    display: inline-block;
    width: 30%;

}
.importBox .load-btn-a{
    display: inline-block;
    padding: 20px 30px;
    margin-bottom: 10px;
    background-color: #fff;
    border: #ccc solid 1px;
}
.importBox .load-btn:nth-child(2n){
    margin-left: 10%;
}
.listTable{}
.listTable .border-top-none{
    border-top: none !important;
}
.listTable .td-none{
    padding: 0;
    border: none !important;
}
.listTable .last-td td{
    border-bottom: #c3c9d8 solid 1px;
}
.border-bottom-1{
    border-bottom: 1px solid #e7eaec;
}
.border-top-1{
    border-top: 1px solid #e7eaec;
}