body {padding:0;margin:0;width:100%;height:100%;overflow:hidden}
body,td,th {font-family: Helvetica,"Microsoft YaHei";font-size: 13px;} 
input, label, select, option, textarea, button, fieldset, legend { font-family: Helvetica,"Microsoft YaHei";}
input,button,select,textarea{outline:none;}
.clear{clear: both;}

.no-records-found{color:#999;}
.no-records-found td{font-size:16px;font-weight:600}
/*时间插件内样式*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } 
.ui-timepicker-div dl { text-align: left; } 
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } 
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } 
.ui-timepicker-div td { font-size: 90%; } 
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } 
.ui_tpicker_hour_label,.ui_tpicker_minute_label,.ui_tpicker_second_label, 
.ui_tpicker_millisec_label,.ui_tpicker_time_label{padding-left:20px} 
.ui-state-default, .ui-widget-content .ui-state-default{
    border: none !important;
    text-align: center;
}

/**/
.fixed-table-container{border:none !important}
.pagination-detail{font-size:13px;color:#999}
/*.pagination > .active > a{background:#85d9bf;border:#85d9bf}*/

/**/
.loading-circle1 {
  margin: 100px auto;
  width: 70px;
  height: 70px;
  position: relative;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 15px;
  height: 15px;
  background-color: #fff;
 
  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;
}
 
.loading-circle1 .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);
  }
}
/**/

/*登录内loading*/
.spinner-loading {
  margin: 100px auto;
  width: 90px;
  height: 90px;
  position: relative;
  text-align: center;
   
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
}
 
.spinner-dot1, .spinner-dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #536e83;
  border-radius: 100%;
   
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
 
.spinner-dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
 
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
 
@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*登录页loading*/
.spinner {
  margin: 100px auto 0;
  width: 150px;
  text-align: center;
}
 
.spinner > div {
  width: 30px;
  height: 30px;
  background-color: #fff;
 
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
 
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
 
@-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);
  }
}
/*全局内样式*/
.all-null{width:100%;height:400px;text-align:center;left;line-height:400px}
.all-null-img{background:url('./img/null.png');width:101px;height:66px;display:inline-block}

/*登录页*/
input::-webkit-input-placeholder {
	color: #757676;
    font-weight: 400;
}
input:-ms-input-placeholder { // IE10+
	color: #757676;
    font-weight: 400;
}
input:-moz-placeholder { // Firefox4-18
	color: #757676;
    font-weight: 400;
}
input::-moz-placeholder { // Firefox19+
	color: #757676;
    font-weight: 400;
}
.a-gesture {text-decoration:none;color:#000}
.a-gesture :hover{text-decoration:none;color:#000}
/*.bag {width:100%;height:100%;position:absolute;background:url(./img/bg-2-0.png) no-repeat;background-size:100% 100%}*/
/*登陆页面样式*/
.Main-cent {background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);opacity: 0.8;position: absolute;top: 45%;left: 0;width: 100%;height: 450px;margin-top: -200px;}
.Main-cent.form-success .Main-Index h1 {-webkit-transform: translateY(85px);-ms-transform: translateY(85px);transform: translateY(85px);}
.Main-Index {max-width: 600px;margin: 0 auto;padding: 70px 0;height: 400px;text-align: center;}
.Main-Index h1 {font-size: 40px;-webkit-transition-duration: 1s;transition-duration: 1s;font-weight: 400;margin-bottom: 30px}
.Main-Index p {font-size: 12px;-webkit-transition-duration: 1s;transition-duration: 1s;font-weight: 400;color: #f52a2a;}
.TextInp {padding: 20px 0;position: relative;z-index: 2;}
.TextInp input {border: 1px solid rgba(255, 255, 255, 0.4);background-color: rgba(255, 255, 255, 0.2);width: 250px;border-radius: 3px;padding: 10px 15px;margin: 0 auto 20px auto;display: block;text-align: center;font-size: 18px;-webkit-transition-duration: 0.25s;transition-duration: 0.25s;font-weight: 400;}
.TextInp input:hover {background-color: rgba(255, 255, 255, 0.4);}
.TextInp input:focus {background-color: rgba(255, 255, 255, 0.4);width: 300px;color: #757676;font-weight: 400;}
.TextInp button {background-color: white;border: 0;padding: 10px 15px;color: #53e3a6;border-radius: 3px;width: 250px;cursor: pointer;font-size: 18px;-webkit-transition-duration: 0.25s;transition-duration: 0.25s;}
.TextInp button:hover {background-color: #f5f7f9;}
.Main-Code{width: 150px;height: 150px;background:  linear-gradient(#74c8b6 0%, #53e3a6 100%);position: absolute;right: 15%;bottom: -6%;box-shadow: 0 -5px 5px #3a9c7b;}
.Main-Code img{width: 88%;margin-top: 6%;}
.bg-bubbles {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.bg-bubbles li {position: absolute;list-style: none;display: block;width: 40px;height: 40px;background-color: rgba(255, 255, 255, 0.15);bottom: -160px;-webkit-animation: square 25s infinite;animation: square 25s infinite;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
.bg-bubbles li:nth-child(1) {left: 10%;}
.bg-bubbles li:nth-child(2) {left: 20%;width: 80px;height: 80px;-webkit-animation-delay: 2s;animation-delay: 2s;-webkit-animation-duration: 17s;animation-duration: 17s;}
.bg-bubbles li:nth-child(3) {left: 25%;-webkit-animation-delay: 4s;animation-delay: 4s;}
.bg-bubbles li:nth-child(4) {left: 40%;width: 60px;height: 60px;-webkit-animation-duration: 22s;animation-duration: 22s;background-color: rgba(255, 255, 255, 0.25);}
.bg-bubbles li:nth-child(5) {left: 70%;}
.bg-bubbles li:nth-child(6) {left: 80%;width: 120px;height: 120px;-webkit-animation-delay: 3s;animation-delay: 3s;background-color: rgba(255, 255, 255, 0.2);}
.bg-bubbles li:nth-child(7) {left: 32%;width: 160px;height: 160px;-webkit-animation-delay: 7s;animation-delay: 7s;}
.bg-bubbles li:nth-child(8) {left: 55%;width: 20px;height: 20px;-webkit-animation-delay: 15s;animation-delay: 15s;-webkit-animation-duration: 40s;animation-duration: 40s;}
.bg-bubbles li:nth-child(9) {left: 25%;width: 10px;height: 10px;-webkit-animation-delay: 2s;animation-delay: 2s;-webkit-animation-duration: 40s;animation-duration: 40s;background-color: rgba(255, 255, 255, 0.3);}
.bg-bubbles li:nth-child(10) {left: 85%;width: 160px;height: 160px;-webkit-animation-delay: 11s;animation-delay: 11s;}
@-webkit-keyframes square {0% {-webkit-transform: translateY(0);transform: translateY(0);}100% {-webkit-transform: translateY(-700px) rotate(600deg);transform: translateY(-700px) rotate(600deg);}}
@keyframes square {0% {-webkit-transform: translateY(0);transform: translateY(0);}100% {-webkit-transform: translateY(-700px) rotate(600deg);transform: translateY(-700px) rotate(600deg);}}
.Statement{width: 100%;height: 10px;text-align: center;color: #ccc;position: absolute;left: 0;bottom: 17%;}



.head {height:20%;line-height:20%;}
.head-logo {width:80px;height:66px;}
.head-logoword-img{width:100px;height:66px;}
.content-bg {height:60%;background-size:100%;overflow:hidden}
.countent-login {background:#336699;border-radius:10px;opacity:0.8;text-align:center;height:550px;padding-top:20px}
.content-input {border:1px solid #ccc;background:none;width:70%;height:35px;color:#666;padding-left:30px;margin-left:20px}
.countent-button {width:30%;height:100%;border-radius:3px;font-size:15px;margin-left:-15px}
.login-img{width:100px;height:100px}
.bottom {text-align:center;padding-top:40px}
.bottom-text {margin:0 auto;color:#666}
.bottom-text a{text-decoration-line:underline;color:#666}
/*登录页结束*/
/*主页*/
.index-nav-toggle{display:inline-block;width:20px;height:50px;background:rgba(0,0,0,0.5);position:absolute;z-index:50;margin-top:18%;color:#fff;text-align:center;line-height:50px}
.index-nav-toggle:hover{color:#fff}
.index-global-current,.index-global-current a,.index-global-current a:visited{background:#9e9e9e !important;color:#fff}
.index-tip-info{background:#5c7c95;border:2px solid #92c3e8;}
.index-tip {width:300px;min-height:100px;border-radius:5px;position:absolute;z-index:9999;margin-left:42%;margin-top:15%;color:#fff;padding:10px;text-align:left}
.index-tip-warn{background:#ff6a00;border:2px solid #f9a2a2;}
.index-tip-txt {margin:0 auto;line-height:50px;word-wrap:break-word}
.index-bg {width:100%;height:100%;position:absolute;overflow:hidden;background:#f5f5f5;}
.index-head {background:#85d9bf;color:#fff;border:none;height:50px;}
.index-head a,.index-head a .caret{color:#fff}
.index-head-logo {width:100px;}
.index-hr {height:40px;background:#333}
.index-navbg{background:#fff;height:100%;text-align:left;padding:0px 0 0 30px;}
.index-breadcrumb{font-size:13px;width:100%;margin:0}
.index-breadcrumb .column{margin:0;padding:0}
.index-breadcrumb .breadcrumb{margin:0 !important;padding:8px 0}
.index-breadcrumb .breadcrumb > li > a{color:#8e8a8a}
.index-breadcrumb .breadcrumb > li:last-child > a{color:#676767;font-size:15px;font-weight:600}
.index-breadcrumb .breadcrumb>li+li:before{color: #ccc;content: ">\00a0";}

.index-module-tip{background:url(./img/module.png) no-repeat;background-size:75%}
.module-lp{height:19px;width:29px;background-position: 0 -19px;display:inline-block}
.module-jy{height:19px;width:29px;background-position: 0 0;display:inline-block}
.module-xt{height:19px;width:29px;background-position: 0 -77px;display:inline-block}
.module-kh{height:19px;width:29px;background-position: 0 -97px;display:inline-block}
.module-cw{height:20px;width:29px;background-position: 0 -57px;display:inline-block}
.module-bb{height:20px;width:29px;background-position: 0 -38px;display:inline-block}
.module-kp{height:20px;width:29px;background-position: 0 -159px;display:inline-block}
.module-fw{height:20px;width:29px;background-position: 0 -136px;display:inline-block}
.module-qd{height:20px;width:29px;background-position: 0 -117px;display:inline-block}
/*bootstrap 原有样式更改*/
.index-navbg .nav>li>a:focus,.index-navbg .nav>li>a:hover{background:#e0e0e0;}
.index-navbg .nav-tabs>li>a:hover{border:none}
.index-head .nav .open > a,.index-head .nav .open > a:hover,.index-head .nav .open > a:focus { background:none}/*点击下拉列表时的背景*/
.index-head .nav .open > a .caret,.index-head .nav .open > a:hover .caret,.index-head .nav .open > a:focus .caret {border-top-color:#fff;border-bottom-color:#fff}
.index-head .nav > li > a:focus, .index-head .nav > li > a:hover,.inedx-head .nav .dropdown-menu >li > a:focus li { background:none} /*点击后和悬浮时背景*/

.nav-block-tip{border:1px dotted #fff}
.nav-block-info{transition: width 0.5s, height 0.5s;
    width: 63px !important;
    border-radius: 0px !important;
    height: 28px !important;
    line-height: 1.7 !important;
    background: none !important;
    border: none;
    box-shadow: none !important;}
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:visited{color:#fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#fff;}
.index-head .nav li > a:visited, .index-head .nav li > a:hover{color:#fff;}
.index-head .nav .caret, .index-head .nav .caret:hover {border-top-color:#fff;border-bottom-color:#fff }/*下拉小箭头颜色*/
.index-head .nav li .dropdown-menu a {color:#9e9999 !important}/*下拉列表字体颜色*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff;}
.index-head .nav li a:focus .caret, .index-head .nav  li  a:hover .caret, .index-head .nav li  a:focus .caret {border-top-color:#fff;border-bottom-color:#fff }/*悬浮和移动时小箭头*/
/*end*/
.index-content-icons {margin-left:70px;display:inline-block;margin-top:20px}
.index-content-icons > a{text-decoration:none;display:inline-block}
.index-content-icons > a:hover{text-decoration:none}
.index-content-icon {display:inline-block;background:url("./img/hosemodule.png");background-size:206%;margin-left:20px}
.index-content-icon-along{display:inline-block;background-size:100% !important;margin-left:20px}
.index-content-icon-lp {height:40px;width:40px;background-position:0 0px;}
.index-content-icon-lp:hover{background-position:-42px 0px;}
.index-content-icon-hx {height:40px;width:40px;background-position:0 -40px;}
.index-content-icon-hx:hover{background-position:-42px -40px;}
.index-content-icon-xc {height:40px;width:40px;background-position:0 -80px;}
.index-content-icon-xc:hover{background-position:-42px -80px;}
.index-content-icon-dt {height:40px;width:40px;background-position:0 -120.8px;}
.index-content-icon-dt:hover{background-position:-42px -120.8px;}
.index-content-icon-fx {height:40px;width:40px;background-position:0 -161px;}
.index-content-icon-fx:hover{background-position:-42px -162px;}
.index-content-icon-zx {height:40px;width:40px;background:url(./img/zxbf.png);}
.index-content-icon-zx:hover{background:url(./img/zxaf.png)}
/*
.index-content-icon-hx {background:url("./img/hx.png") no-repeat;}
.index-content-icon-xc {background:url("./img/xc.png") no-repeat;}
.index-content-icon-dt {background:url("./img/dt.png") no-repeat;}
.index-content-icon-fx {background:url("./img/fx.png") no-repeat;}*/
.index-lp-add label{font-size:13px;font-weight:normal;padding-top:6px}

/*销售机会页*/
.SalesChance-popborder{border:1px solid #ccc;padding-top:10px;height:250px}
.SalesChance-spantbox{text-align:center;}
.SalesChance-span{border:1px solid #ccc;height:30px;padding:5px}
.SalesChance-Allocation .panel-group{margin:0px }
.SalesChance-Allocation .panel-group .panel{margin:0px;padding:0px;border:none;}
.SalesChance-Allocation .panel-group .panel a{margin:0px;padding:0px;border:none;text-decoration:none}
.SalesChance-Allocation .panel-group .panel .panel-heading{margin:0px;padding:0px;border:none;background:none}
.SalesChance-Allocation .panel-group .panel .panel-heading a:hover{text-decoration:none}
.SalesChance-Allocation .panel-group .panel .panel-body{margin:0px;padding-top:5px;padding-bottom:0px;border:none;background:none}

/*房源管理*/
.Room-area {background: #21a5b3;width: 200px;height: 200px;border: 1px solid #b2f2f9;border-radius: 100px;padding: 20px;text-align: center;color: #fff;}
.Room-building {background: #195d40;width: 200px;height: 200px;border: 1px solid #b2f2f9;border-radius: 20px;padding: 20px;text-align: center;color: #fff;}
.Room-building-small {background: #9e9e9e;
    width: 150px;
    height: 150px;
    border: 1px solid #b2f2f9;
    border-radius: 20px;
    text-align: center;
    color: #fff;}
.Room-status { width:10px;height:10px;border-radius:5px;margin-bottom: 1px;margin-right: 5px;}
.Room-status-block { width:10px;height:10px;margin-bottom: 1px;margin-right: 5px;}
.Room-tip-block {
position: absolute;
    right: 20px;
    margin-top: -145px;
}
.Room-tip {border-radius:25px;border:1px solid #ccc; padding:20px; position: absolute;background: #fff; margin-top: -120px; margin-left: 60px;}
.Room-table-inline {border:1px solid #ccc;display:inline-table}
.Room-table-inline tr{padding:5px;border:1px solid #ccc}
.Room-table-inline tr td{padding:10px;border:1px solid #ccc}
.Room-tip-save {width: 300px; height: 170px;position: absolute; z-index: 3;background: #b7e4e8;text-align: center;padding: 50px;border-radius: 18px;margin-left:30%;margin-top:5%}
.Room-tip-create{width:100%;height:400px;text-align:center;}
.Room-tip-create a{display:inline-block;width:150px;height:150px;text-align:center;line-height:150px;color:#fff}
.Raise-current{background:#ccc}
.Raise-add-a,.Raise-add-a:hover,.Raise-add-a:visited{background:none;text-decoration:none;color:#4cff00;display:inline-block}
.Raise-sub-a,.Raise-sub-a:hover,.Raise-sub-a:visited{background:none;text-decoration:none;color:#ff0000;display:inline-block}

.field{margin:5px}
.field-compact{margin:0px}
.field-compact > span,.field-compact > div,.field-compact input,.field-compact button{font-size:12px !important;width:auto !important;height:60px;height:30px;margin:0 3px !important;}
.field .field-key{color:#666}
.field .field-val{color:#757575}
.field > span,.field > div,.field input{font-size:14px;font-weight:bold;max-width:130px;display:inline-block;margin:0px 10px}
.field-input{border-top:none;border-left:none;border-right:none;}
.no-margin{margin:0 !important}
/*.pop{position:absolute;z-index:1056;background:#fff;border:1px solid #ccc;border-radius:5px;height:200px;width:280px;padding:10px}*/
.pop{background:#fff;border-radius:5px;}

.totable{border:1px solid #ccc;}
.totable tr{padding:5px;border:1px solid #ccc}
.totable tr td{border:1px solid #ccc !important;}
.totable tr td form-control{height:30px}
.totable-small tr td > div{padding:5px 20px;font-size:12px}
.totable-big tr td{padding:15px;}
.totable-inline{display:inline-table}
.totable-compact tr td{padding:0px !important}

.selblock{min-height:100px;background:#eee;}
.selblock > ul > li {background:#fff;border:1px solid #ccc;border-radius:5px;padding:5px}

.report-list-img{width:70px;height:70px}
.small{width:20px;height:20px}


.modal .dropdown,.modal textarea,.modal button,.modal input{border-radius:0px;}
.modal > .modal-dialog > .modal-content{border-radius:0px}
.modal .dropdown > button {background:none;width:100%;border:1px solid #ccc}
.modal .dropdown > button > span{width:95%;display:inline-block;text-align:left}
.modal .dropdown > button > .caret{width:0px}
.modal .dropdown-menu{width:100%;border-radius:0px;}
.modal .modal-header{border:none}


/*沟通模块*/
.fade-enter-active{transition: opacity 1s;}
        .fade-enter {opacity: 0;}
.im-box{position:fixed;z-index:1040;width:100%;display:inline-block;width:auto;left:35%;top:10px}
.im-min-box{width:240px;height:35px;background:#fff;border:1px solid #ccc;border-radius:3px;padding:3px 10px;}
.im-min-bell{width: 45px;height: 45px;background: rgb(91, 192, 222);border-radius: 25px;text-align: center;line-height: 2.5;font-size: 20px;color: #fff;box-shadow: 0px 0px 5px 1px #53abc5;}
.im-button{cursor:pointer;color:#5bc0de}
.im-button:hover{border:1px solid #5bc0de}
.im-userbox{box-shadow: -2px 2px 15px 0px #ccc;padding:0 0 0 5px;position:absolute;z-index:1059;width:90%;background:#fff}
.im-userlist{border-bottom:1px solid #ccc;overflow:auto;height:150px;}
.im-userbox-btn{color:#5bc0de;text-decoration:none}
.im-grouplist{background: #fff;line-height: 35px;cursor:pointer}
.im-grouplist:hover,.im-current-group{background:#f6fcfc}
.im-grouplist > blockquote{padding:5px 10px;font-size:15px;color:#888;margin-bottom:10px;font-weight:600;width:230px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.im-info{}
.im-info .im-sender{font-size:14px;color:#666}
.im-info .im-text{font-size:14px;display:inline-block;width:auto;padding:5px 10px;font-weight:600;border-radius:5px}
.im-info .im-send{background:#0c76bd;color:#fff}
.im-info .im-rece{background:#47bf3f;color:#fff;}
.list-enter-active, .list-leave-active {
  transition: all 0.2s;
}
.list-enter, .list-leave-to .list-leave-active {
  opacity: 0;
  transform: translateY(30px);
}
.list-complete-item {
  transition: all 0.2s;
  margin-right: 10px;
}
.list-complete-item > .dropdown{
  position:absolute;
}
.list-complete-enter, .list-complete-leave-to, .list-complete-leave-active {
  opacity: 0;
  transform: translateY(30px);
}
.list-complete-leave-active {
  position: absolute;
}
.ui-state{width:100%;}
.disable{background:#ccc !important;color:#8a8a8a;opacity:0.7;cursor:not-allowed}
.disable a,.disable a:hover{color:#8a8a8a;cursor:not-allowed;text-decoration:none}

#Report_Rate .ui-slider-range{background:#b5cce0;}
#Report_Rate .ui-slider-handle{background:#5889b2;border-color:#5889b2}

.fixed-table-container{border:none !important}
.status-block{height:28px;font-size:13px;color:#fff;padding:5px 8px;border-radius:3px;background:#7bc8b0;min-width:50px;display:inline-block;float:left;margin-right:15px;text-align:center}
.status-tip{top: 0px;right: 0px;position: absolute;width: 0;height: 0;border-top: 50px solid #71b8e6;border-left: 70px solid transparent;}
.status-tip-txt{font-size:15px;transform: rotate(38deg);display: inline-block;width: 40px;position: absolute;right: 0;top: -40px;color: #fff}
.list-box{margin:0px;padding:0px 0px 0px 20px;position:relative;width:100%;padding:0% 0.8%}
.list-box .field-name{font-size:13px;color:#8e8a8a;display:inline-block;}
.list-box .field-key{font-size:12px;color:#333;}
.list-box table td{text-align:center;border:none}
.list-box table thead{background:#f0f1f3}
.list-box table tbody{background:#f4f5f7 !important}
.list-box table thead .btn-success{color: #fff;background-color: #7bc8b0;border-color: #7bc8b0;}
.list-box table thead .btn-success:hover{color: #fff;background-color: #85d9bf;border-color: #7bc8b0;}
.list-box table thead tr td{color:#8e8a8a !important;font-size:13px;}
.list-box table tbody tr td{color:#545454 !important;font-size:13px;}
.list-content{display:inline-block}
.list-box-top{border-top:none;border-left:none;border-right:none;position:relative}
.list-box-top .box-left{height:100%;width:96%;}
.list-box-top .box-right{position:absolute;top: 0;right: 0;text-align:center}
.list-box .showdow{box-shadow:4px 22px 25px -14px #dcddde}
.list-box .showdow .box-right{display:inline-block;}
.list-box-top .box-head{font-size:20px}
.list-box-top .box-foot{font-size:15px;margin-top:0px}
.list-box-top .box-span{margin-right:20px;}
.box-todo{color:#8e8a8a;font-size: 15px;text-decoration:none;margin:10% 0;display:inline-block}
.box-todo:hover{color:#ccc;text-decoration:none}
.table-striped>tbody>tr:nth-of-type(odd){background:#f3f6fe}
.table-striped>tbody>tr:nth-of-type(odd)  .list-box{border-left:5px solid #edcbaa}
.table-striped>tbody>tr:nth-of-type(even){background:#fff}
.table-striped>tbody>tr:nth-of-type(even) .list-box{border-left:5px solid #77bbe7}
/*.table-bordered,.table-bordered>tbody>tr>td{border:none}*/