room-cells-inner ibody{
  font-family: "PingFang SC", "微软雅黑", "Microsoft YaHei", Helvetica, "Helvetica Neue", Tahoma, Arial, sans-serif;
  font-size: 14px;
  box-sizing: border-box;
}

.fl{
  float: left;
}
.icon{
  display: inline-block;
}
.icon-check-box,.jizhen-icon-check-box{
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background: url(../img/login.png) no-repeat -90px -99px;
}
.icon-check-box-checked,.jizhen-icon-check-box-checked{
  background: url(../img/login.png) no-repeat -60px -99px
}
.page-area .current-page{
  border: none;
  color: #FFFFFF;
  background: #6585E5;
}
.icon-check-box{
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background: url(../img/login.png) no-repeat -90px -99px;
}
/* 登录页 */
.login-html, .modules-html{
  height: 100%;
}
.login-body, .modules-body{
  height: 100%;
  min-width: 1200px;
  min-height: 630px;
}
/*.modules-body {
  overflow: auto;
}*/
.login-area{
  width: 100%;
  height: 100%;
  /* background: url(../img/bg.png);
   background-size:cover;
   position: relative;
   overflow: hidden;*/
}
.login-error{
  position: absolute;
  font-size: 12px;
  color:#f00 ;
}
.login-content{
  width: 800px;
  height: 400px;
  background: url(../img/loginbg.png);
  position: absolute;
  top:50%;
  left: 50%;
  margin: -200px 0 0 -400px;
  z-index: 10;
}
.form-area{
  width: 400px;
  height: 400px;
}
.form-inner{
  width: 280px;
  margin: 0 auto;
}
.form-area h3{
  padding: 26px 0;
}
.form-area h3 span{
  font-size: 20px;
  float: left;
  color:#4b7bea;
}
.form-area h3 a{
  font-size: 12px;
  float: right;
  display: block;
  color: #999;
  margin-top: 10px;
}
.login-row{
  width: 100%;
  margin-bottom: 15px;
  position: relative;
}
.login-row p{
  color:#666;
  margin-bottom: 8px;
}
.login-row i{
  position: absolute;
  width: 18px;
  height: 20px;
  top: 36px;
  left: 10px;
}
.icon-user{
  background: url(../img/login.png) no-repeat  0px -100px;
}
.icon-pwd{
  background: url(../img/login.png) no-repeat -30px -100px;
}
.login-row input{
  border: 1px solid #d6d6d6;
  height: 32px;
  line-height: 32px;
  width: 280px;
  text-indent: 36px;
  border-radius: 4px;
  color:#999;
}
.login-row .vcode-input{
  text-indent: 16px;
  width: 138px;
  margin-right: 14px;
}
.login-row img{
  width: 120px;
  height: 34px;
  float: right;
}
.login-button-area{
  margin-top: 40px;
  height: 30px;
}
.login-button-area span{
  color:#666;
  font-size:12px;
  cursor: pointer;
  margin-top: 12px;
  float: left;
}
.login-button-area a{
  float: right;
  border-radius: 4px;
  background: #4b7bea;
  color:#fff;
  width: 140px;
  height: 32px;
  line-height: 32px;
  text-align: center
}
.login-button-area i{
  position: relative;
  top:4px;
}

.login-title-yanshi{
  width:280px;
  height: 66px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -300px 0 0 -140px;
  background: url(../img/login.png) no-repeat 0 -140px;
}
.star{
  position: absolute;
}
.star img{
  width: 100%;
}
.big-star{
  width: 143px;
  height: 93px;
  top:75%;
  left: 64%;
  z-index: 1;
}
.small-star{
  width: 50px;
  height: 50px;
  top:16%;
  left: 9%;
  z-index: 1;
}
.right-star{
  top:40%;
  left: 100%;
  margin-left: -30px;
}
.login-title{
  width: 602px;
  height: 66px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -300px 0 0 -310px;
  background: url(../img/login.png) no-repeat 0 0;
}
.cloud{
  width: 1139px;
  position: absolute;
}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.cloud img {
  width: 100%;
  height: auto;
}
.left-white-cloud{
  top:50%;
  left: 50%;
  margin: 186px 0 0 -1020px;
  -webkit-animation: float ease-in-out 4s infinite;
  animation: float ease-in-out 4s infinite;
  z-index: 3;
}
.left-dark-cloud{
  top:50%;
  left: 50%;
  margin: 142px 0 0 -1020px;
  -webkit-animation: float ease-in-out 3s infinite;
  animation: float ease-in-out 3s infinite;
  z-index: 1;
}
.right-white-cloud {
  top:50%;
  left: 50%;
  margin: 292px 0 0 318px;
  -webkit-animation: float ease-in-out 2.5s infinite;
  animation: float ease-in-out 2.5s infinite;
  z-index: 3;
}
.right-dark-cloud {
  top:50%;
  left: 50%;
  margin: 242px 0 0 270px;
  animation: float ease-in-out 3s infinite;
  -webkit-animation: float ease-in-out 3s infinite;
  z-index: 1;
}
/* 产品首页 */
.modules-area{
  background: #e9ebf5;
  height: 100%;
  min-width: 1200px;
  min-height: 630px;
  position: relative;

}
.header{
  position: relative;
  z-index: 2;
  width: 100%;
  background: #4f6bcb;
  height: 60px;
  display: flex;
  justify-content: space-between;
  padding: 0 40px;
}
.head-logo-pingtai{
  display: block;
  background: url(../img/modules.png) no-repeat 0 -311px;
  width: 310px;
  margin: 10px 0;
}
.head-right{
  padding: 5px 0;
  display: flex;
  justify-content: flex-start;
  width: 360px;
}
.head-right a{
  color: #FFFFFF;
  margin-right: 20px;
}
.head-right .avatar{
  width: 50px;
  height: 50px;
}
.right-info a{
  line-height: 24px;
}
.right-info .userName{
  color: #FFFFFF;
  width: 245px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header .head-right .avatar{
  width: 50px;
  height: 50px;
}
/*.head-right a.avatar{  !*修改1*!*/
/*width: 40px;*/
/*height: 40px;*/
/*}*/
/*.head-right a.avatar img{!*修改2*!*/
/*width: 100%;*/
/*height: 100%;*/
/*border-radius: 50%;*/
/*}*/
.modules-content{
  height: 530px;
  width: 900px;
  position: absolute;
  top:50%;
  left:50%;
  margin-top: -235px;
  margin-left: -450px;
}
.modules-cell, .modules-info{
  float: left;
  width: 260px;
  height: 150px;
  border-radius: 8px;
  font-size: 16px;
  color:#25324c;
  margin-bottom: 40px;
  margin-right: 60px;
  text-align: center;
  background: #fff;
  position: relative;
}
.modules-info{
  display: none;
  cursor: pointer;
}
.modules-cell:hover .modules-info{
  position: absolute;
  top:0;
  left: 0;
  display: block;
  background: rgba(79,107,203,0.8);
  color: #fff;
}
.modules-cell a{
  display: block;
}
.margin-right0{
  margin-right: 0;
}
.modules-cell i{
  width: 76px;
  margin:18px 0;
  height: 74px;
}
.modules-cell p{
  color: #25324c;
}
.icon-yuancheng {
  background: url(../img/modules.png) no-repeat 0 0;
}
.icon-wangluo {
  background: url(../img/modules.png) no-repeat -80px 0;
}
.icon-shuangxiang {
  background: url(../img/modules.png) no-repeat  -160px 0;
}
.icon-yingxiang {
  background: url(../img/modules.png) no-repeat  0 -80px;
}
.icon-xindian {
  background: url(../img/modules.png) no-repeat -80px -80px;
}
.icon-jiaoyu {
  background: url(../img/modules.png) no-repeat  -160px -80px;
}
.icon-yiji {
  background: url(../img/modules.png) no-repeat 0 -160px;
}
.icon-fenxi {
  background: url(../img/modules.png) no-repeat -80px -160px;
}
.icon-xitong {
  background: url(../img/modules.png) no-repeat -160px -160px;
}
.modules-info h2{
  font-size: 18px;
  color:#fff;
  margin-top: 20px;
  margin-bottom: 8px;
}
.modules-cell p.modules-info span {
  line-height: 1.5;
  color:#fff;
  font-size: 12px;
}
.greal-area{
  width: 100%;
  height: calc(100% - 60px);
  position: absolute;
  z-index: 1;
}
/* 左侧栏 */
.left-nav{
  float: left;
  width: 260px;
  margin-left: -100%;
  background: #354062;
  height: calc(100% - 60px);
  /*overflow: auto;*/
}
.start-consultation{
  position: relative;
}
.new-consultation{
  display: block;
  text-indent: 34px;
  height: 52px;
  line-height: 52px;
  background: rgba(101,133,229,1);
  font-size: 16px;
  color:#fff;
}
.consultation-choice{
  width: 200px;
  position: absolute;
  left: 260px;
  top: -10px;
  background: #FFFFFF;
  z-index: 10;
  border: 1px solid #e9e9e9;
  border-radius: 6px;
  display: none;
  padding: 10px 0;
  box-shadow: #cad2ef 3px 5px 14px;
}
.consultation-choice li{
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #FFFFFF;
  color: #696c74;

}
.consultation-choice li:first-child:hover{
  background: #f3f3f3;
  color: #2a2f3e;
  cursor: pointer;
}
.consultation-choice li:last-child:hover{
  background: #f3f3f3;
  color: #2a2f3e;
  cursor: pointer;
}
.start-consultation:hover .new-consultation{
  background: rgba(101,133,229,0.8);
}
.start-consultation:hover .consultation-choice{
  display: block;
}
.left-nav-group-title{
  cursor: pointer;
  font-size: 16px;
  color:#8d9dd2;
  height: 52px;
  line-height: 52px;
  text-indent: 20px;
}
.left-nav-group-title-con{
  cursor: pointer;
  font-size: 15px;
  color:#8d9dd2;
  height: 52px;
  line-height: 52px;
  text-indent: 50px;
}
.left-nav-group-list{
  display: none;
  width: 100%;
}
.left-nav-group-list li a{
  display: block;
  height: 52px;
  line-height: 52px;
  color:#8d9dd2;
  text-indent: 60px;
}
.left-nav-group-list li:hover a,
.left-nav .left-nav-group:last-child p:hover{
  color:#f69c00;
}
.left-nav-group-list-sub{
  display: block;
  height: 52px;
  line-height: 52px;
  color:#8d9dd2;
  text-indent: 60px;
}
.left-active {
  background: rgba(233, 235, 245, 0.1);
  color: #f69c00;
}
li.left-active{
  background: rgba(233,235,245,0.1);
}
li.left-active a{
  color:#f69c00;
  display: block;
  text-indent: 60px;
  border-left: 3px solid #4f6bcb;
}
.left-nav-group-title i {
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  left: 6px;
  margin-right: 12px;
}
.icon-new{
  width: 20px;
  height: 20px;
  position: relative;
  top: 4px;
  left: -7px;
  background: url(../img/main.png) no-repeat 0px -89px;
}
.icon-guanli{
  background: url(../img/main.png) no-repeat -30px -90px;
}
.icon-huizhen{
  background: url(../img/main.png) no-repeat -60px -90px;
}
.icon-tongji{
  background: url(../img/main.png) no-repeat -90px -90px;
}

.icon-template {
    background: url(../img/main.png) no-repeat -458px -160px;
}
i.icon-arr{
  width: 20px;
  height: 10px;
  position: relative;
  top: 0;
  margin-left: 20px;
}
.icon-arr-up{
  background: url(../img/main.png) no-repeat -120px -90px;
}
.icon-arr-down{
  background: url(../img/main.png) no-repeat -146px -90px;
}
/* 右侧 */
.greal-right{
  height: calc(100% - 60px);
  width: 100%;
  float: left;
}
.greal-inner{
  margin-left: 260px;
  height: 100%;
  overflow: auto;
}
.bread-nav{
  margin: 18px 0 0 0;
  padding: 0 0 0 20px;
}
.first-dep{
  height: 314px;
}
.bread-nav a{
  color: #999;
}
.content{
  font-size: 0;
}
.my-info{
  float: left;
  width: 65%;
  font-size:14px;
}
.my-info-inner{
  height: 100%;
  padding: 20px 10px 20px 20px;
}
.my-work-state{
  float: left;
  width: 35%;
  font-size:14px;
}
.my-work-state-inner{
  padding: 20px 20px 20px 10px;
  height: 314px;
}
.inner-content{
  background: #fff;
  height: 100%;
  box-shadow: #cad2ef 3px 5px 14px;
}

.info-top{
  height: 138px;
  width: 96%;
  margin: 0 auto;
  border-bottom: 2px dotted #e5e5e5;
  position: relative;
}
.my-avatar{
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  margin-top: 29px;
  margin-right: 20px;
  overflow: hidden;
}
.my-avatar img{
  width: 100%;
  height: 100%;
}
.my-info-detail{
  float: left;
  height: 80px;
  margin-top: 29px;
}
.my-info-detail p{
  margin-top: 10px;
}
.my-name{
  font-size: 16px;
  color:#4f6bcb;
  margin-right: 10px;
}
.my-title,.my-dept{
  color: #666;
}
.login-time{
  color:#999;
}

.info-bottom-cell{
  width: 25%;
  float: left;
  position: relative;
  height: 136px;
  cursor: pointer;
}
.info-bottom-cell:after{
  display: none;
  content: ".";
  width: 100%;
  height: 4px;
  background: #22b684;
  position: absolute;
  bottom: 0;
}
.info-bottom-cell:hover::after{
  display: block;
}
/*.info-bottom-cell i {
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 0;
  right: 28%;
}*/
.info-bottom-cell-number{
  margin-top: 24px;
  font-size: 42px;
  text-align: center;
  color:#f69c00;
  margin-bottom: 6px;
}
.info-bottom-cell-title{
  color: #333;
  text-indent: 10px;
  position: relative;
  text-align: center;
}
.info-bottom-cell-title i {
  width: 24px;
  height: 28px;
  position: absolute;
  bottom: -4px;
  left: 20px;
}
.icon-daishenhe{
  background: url(../img/main.png) no-repeat 0 4px;
}
.icon-daifenzhen{
  background: url(../img/main.png) no-repeat -38px 4px;
}
.icon-daishuxie{
  background: url(../img/main.png) no-repeat -80px 4px;
}
.icon-daibaogao{
  background: url(../img/main.png) no-repeat -120px 4px;
}
.inner-content h3{
  padding-top: 20px;
  font-size: 16px;
}
.inner-content h3 span{
  border-left: 4px solid #4f6bcb;
  font-weight: 900;
  color: #4f6bcb;
  margin-right: 10px;
}
.my-work-state-button-area{
  text-align: center
}
.my-work-state .inner-content p {
  margin-top: 20px;
  text-align: center;
  color: #97989d;
  margin-bottom: 20px;
}
.no-work{
  margin: 20px auto 10px;
  width: 108px;
  height: 90px;
  background: url(../img/main.png) no-repeat -400px 0px;
}
.no-data{
  text-align: center;
  color: #97989d;
}
.my-work-state-button-area a{
  display: block;
  background: #4f6bcb;
  color:#fff;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  width: 120px;
  text-align: center;
  margin: 0 auto;
}
.my-work-state-button-area a.wait-room{
  background:rgba(79,107,203,0.4);
}
.room-time{
  text-align: center;
  margin-top: 30px;
  font-size: 28px;
  margin-bottom: 50px;
  color: #000;
}
/* 统计 */
.statistics-area{
  width: 100%;
  float: left;
}
.statistics--inner{
  height: 280px;
  padding: 0 20px 20px 20px;
}
.statistics--inner .inner-content {
  padding: 0;
}
.statistics-cell{
  width: 20%;
  float: left;
  text-align: center;
}
.statistics-cell i{
  margin: 30px 0 20px;
  width: 56px;
  height: 56px;
}
.statistics-cell div{
  color: #f69c00;
}
.statistics-cell p{
  margin-bottom: 10px;
  color: #666;
}
.icon-chuangjian{
  background: url(../img/main.png) no-repeat 0 -27px;
}
.icon-shenhe{
  background: url(../img/main.png) no-repeat -80px -27px;
}
.icon-fenzhen{
  background: url(../img/main.png) no-repeat -153px -27px;
}
.icon-shenqing{
  background: url(../img/main.png) no-repeat -233px -27px;
}
.icon-yaoqing{
  background: url(../img/main.png) no-repeat -320px -27px;
}

/* 搜索区域 */
.search-area{
  width: 100%;
  min-height: 180px;
  height: auto;
}
.search-area span{
  color: #696d78;
}
.search-inner{
  padding: 20px;
  height: 100%;
}
.search-inner .inner-content{
  min-height: 180px;
}
.time-content,.power-search-inner{
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 25px;
}
.time-content .Wdate{
  border:1px solid #dcdfe6;
  width: 170px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
}
.time-content span{
  margin-right: 10px;
}
.time-content a{
  /*margin-left: 10px;*/
  color: #666;
}
.time-content a.time-checked{
  color: #f69c00;
}
.time-content a.query-button,.time-content a.new-button{
  display: inline-block;
  color: #fff;
  background: #22b684;
  border-radius: 4px;
  width: 120px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  margin-left: 10px;
}
.time-content a.new-button{
  background: #f69c00;
}
.line{
  padding-bottom: 20px;
  position: relative;
  border-bottom: 1px dashed #e5e5e5;
}
.power-search{
  cursor: pointer;
  width: 140px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  left: 50%;
  bottom: -10px;
  background: #fff;
  margin-left: -70px;
  text-align: center;
  color:#4f6bcb;
  font-size: 12px;
}
.power-search i{
  width: 10px;
  height: 10px;
  background: url(../img/main.png) no-repeat -180px -90px;
}
.power-search-area{
  display: none;
  width: 100%;
}
.power-search-cell{
  float: left;
  width: 33.3%;
}
.power-search-cell span{
  margin-right: 14px;
}
.power-search-cell .chosen-container{
  width: 242px;
}
.power-search-cell-all{
  float: left;
  width: 25%;
}
.power-search-cell-all span{
  margin-right: 14px;
}
.power-search-cell-all .chosen-container{
  width: 242px;
}
.power-search-input{
  width: 208px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
}
.search-inner .power-search-inner .inner-content{
  min-height: 120px;
}
.power-search-inner{
  padding-bottom: 20px;
}
.power-search-row{
  margin-top: 20px;
}
.list-area{
  width: 100%;
}
.list-inner{
  padding: 20px;
}
.list-inner .inner-content{
  min-height: 100px;
}
.list-head{
  width: 100%;
  font-weight: 900;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.list-head span{
  float: left;
  text-indent: 6px;
}
.data-list{
  width: 100%;
}
.data-list li{
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #e5e5e5;
}
.data-list li:hover{
  background: #f3f5fb;
}
.data-list li span{
  float: left;
  text-indent: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}
.icon-xiangqing-o,
.icon-shenhe-o,
.icon-jinru-o,
.icon-fenzhen-o,
.icon-bianji-o,
.icon-shuxie-o,
.icon-shenhehuizhen-o,
.icon-shanchu-o,
.icon-lianjie-o,
.icon-chexiao-o
{
  width: 22px;
  height: 22px;
  position: relative;
  top: 6px;
  cursor: pointer;
}
.icon-lianjie-o{
  background: url(../img/main.png) no-repeat -494px -120px;
}
.icon-lianjie-o:hover{
  background: url(../img/main.png) no-repeat -494px -90px;
}
.icon-chexiao-o{
  background: url(../img/main.png) no-repeat -415px -160px;
}
.icon-chexiao-o:hover{
  background: url(../img/main.png) no-repeat -415px -185px;
}
.icon-xiangqing-o{
  background: url(../img/main.png) no-repeat -210px -90px;
}
.icon-shanchu-o{
  background: url(../img/main.png) no-repeat -421px -120px;
}
.icon-shenhe-o{
  background: url(../img/main.png) no-repeat -240px -90px;
}
.icon-jinru-o{
  background: url(../img/main.png) no-repeat -270px -90px;
}
.icon-fenzhen-o{
  background: url(../img/main.png) no-repeat -300px -90px;
}
.icon-xiangqing-o:hover{
  background: url(../img/main.png) no-repeat -330px -90px;
}
.icon-bianji-o{
  background: url(../img/main.png) no-repeat -179px -119px;
}
.icon-shuxie-o{
  background: url(../img/main.png) no-repeat -220px -119px;
}
.icon-shenhehuizhen-o{
  background: url(../img/main.png) no-repeat -257px -119px;
}
.icon-bianji-o:hover{
  background: url(../img/main.png) no-repeat -299px -119px;
}
.icon-shuxie-o:hover{
  background: url(../img/main.png) no-repeat -340px -119px;
}
.icon-shenhehuizhen-o:hover{
  background: url(../img/main.png) no-repeat -377px -119px;
}
.icon-shanchu-o:hover{
  background: url(../img/main.png) no-repeat -421px -120px;
}
.icon-shenhe-o:hover{
  background: url(../img/main.png) no-repeat -360px -90px;
}
.icon-jinru-o:hover{
  background: url(../img/main.png) no-repeat -390px -90px;
}
.icon-fenzhen-o:hover{
  background: url(../img/main.png) no-repeat -420px -90px;
}
/* 分页 */
.page-area{
  background: #fff;
  height: 48px;
  line-height: 48px;
  text-align: center;
}
.page-icon{
  cursor: pointer;
  /* display: inline-block; */
  padding: 4px 8px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  font-style: normal;
  color:#898989;
}
.page-icon:hover{
  color: #000;
}
.margin-l-10{
  margin-left: 10px;
}
.page-to{
  color: #898989;
}
.page-number{
  position: relative;
  top: -2px;
  width: 60px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  height: 20px;
  line-height: 20px;
}
.page-area a{
  margin-left: 20px;
  padding: 4px 8px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 12px;
  color:#000;
}
/* 详情 */
.big-floor-area{
  margin-top: 40px;
}
.nav-area{
  position: fixed;
  width: 100%;
  background: #4f6bcb;
  z-index: 9999;
  min-height: 60px;
}
.detail-info-area{
  position: fixed;
  width: 100%;
  z-index: 9999;
  top: 60px;
  min-height: 50px;
  background: #fff;
  box-shadow:0 7px 20px #cad2ef;
}
.detail-info-area-inner{
  width: 1000px;
  margin: 0 auto;
  line-height: 50px;
}
.detail-info-area-inner span{
  height: 50px;
  line-height: 50px;
  margin-right: 30px;
  color: #696d78;
}
.detail-info-area-inner span i{
  position: relative;
  top: 2px;
  display: inline-block;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #2a2f3e;
  font-style: normal;
  height: 14px;
  line-height: 14px;
}
.detail-info-area-inner span.name{
  color: #4f6bcb;
  font-weight: 900;
}
.detail-info-area-inner p{
  cursor: pointer;
}
.detail-info-area-inner p span{
  color: #f69c00;
  font-size: 14px;
  margin-right: -20px;
}

/*审核进度条样式修改*/
.remote-progress-bar-area{
  position: relative;
  height: 80px;
  display: block;
  padding-left: 50px;
  /*width: 600px;*/
}
.progress-bar-area{
  position: relative;
  height: 140px;
  display: none;
}
.progress-bar-line{
  width: 840px;
  position: absolute;
  top: 42px;
  left: 50%;
  margin-left: -420px;
}
.remote-progress-bar-line{
  width: 600px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -250px;
}
.progress-bar-line b,.remote-progress-bar-line b{
  position: absolute;
  display: inline-block;
  height: 4px;
  top: 0;
}
.progress-bar-line .bar-col1,.remote-progress-bar-line .bar-col1{
  width: 62px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.progress-bar-line .bar-col8{
  width: 62px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.progress-bar-line .bar-col{
  width: 120px;
}
/*审核进度条样式修改结束*/

/*忘记密码进度条样式*/
.icon-progress-bar{
  width: 34px;
  height: 34px;
  position: absolute;
  top: -44px;
  left: 50%;
  margin-left: -17px;
}
.progress-bar-c{
  background: url(../img/main.png) no-repeat -37px -117px;
}
.progress-bar-g-c{
  background: url(../img/main.png) no-repeat 3px -117px;
}
.remote-progress-bar-g-c{
  background: url("../img/icon-list.png") -78px -458px no-repeat ;
  top: -38px;
  margin-left: -10px;
}
.remote-progress-bar-c{
  background: url("../img/icon-list.png") -120px -458px no-repeat ;
  top: -38px;
  margin-left: -10px;
}
.current-circle p{
  color: #22B684;
}
.icon-time{
  position: relative;
  top: 4px;
  width: 20px;
  height: 20px;
  background: url(../img/main.png) no-repeat -80px -115px;
}
.progress-cell{
  float: left;
  width: 120px;
  text-align: center;
  position: relative;
  top:72px;
}
.remote-progress-cell{
  float: left;
  width: 155px;
  text-align: center;
  position: relative;
  top:30px;
  left:100px;
}
.progress-cell p{
  width: 120px;
  text-align: center;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  color: #696d78;
}
.progress-cell p.progress-bar-ok{
  color: #22b684;
}
.lift-nav{
  width: 1000px;
  margin: 0 auto;
  height: 60px;
}
.lift-nav ul{
  /* width: 720px; */
  display: table;
  margin: 0 auto;
}
.lift-nav li{
  float: left;
  width: 120px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  color: #c5cceb;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 16px;
}

.lift-nav li.current{
  background: #364c97;
  color:#fff;
}
.detail-area{
  width: 1000px;
  margin: 0 auto;
  padding-top:120px;
}
.t1,.t2,.t3,.t4,.t5,.t6{
  width: 100%;
}
.floor-title{
  padding-top: 10px;
  padding-bottom: 0;
  color: #4b7bea;
  font-weight: 900;
}
.floor-title span{
  margin-right: 10px;
}
.red-color{
  color: #f00;
}
.deital-label{
  display: inline-block;
  margin-left: 10px;
  text-align: right;
  width: 70px;
  color:#696d78;
  margin-right: 10px;
}
.detail-row{
  line-height: 24px;
  margin-top: 20px;
}
.deital-content{
  display: inline-block;
  color: #2a2f3e;
  min-height:1px;
}
.deital-content input{
  height: 28px;
  line-height: 28px;
  border-radius: 4px;
  border:1px solid #e5e5e5;
}
.name-input{
  width: 400px;
}
.input-row1-2{
  width: 400px;
}
.input-row1-4{
  width: 150px;
}
.fr{
  float: right;
}
.input-class{
  width: 402px;
  margin-right: 2px;
}
.deital-content .jizhen{
  position: relative;
  top: 4px;
  margin-left: 10px;
}
.deital-content .Wdate{
  border:1px solid #dcdfe6;
  width: 170px;
  height: 28px;
  line-height: 28px;
  border-radius: 4px;
}
.second-title{
  text-indent: 10px;
  font-weight: 900;
  color: #000;
  margin-bottom: 10px;
  margin-top: 30px;
}
.second-title span{
  color:#f69c00;
  font-weight: 400;
}
.deital-big-content{
  width: 904px;
  min-height: 100px;
  border:1px solid #dcdfe6;
  border-radius: 4px;
  float: left;
  position: relative;
}
.deital-big-label{
  float: left;
  margin-left: 10px;
  text-align: right;
  width: 70px;
  color:#696d78;
  margin-right: 10px;
}
.doctor-title-content{
  width: 100%;
  min-height: 140px;
}
.doctor-title{
  font-size: 12px;
  margin: 10px;
  padding: 0px 10px;
  border-radius: 4px;
  border: 1px solid #4b7bea;
  float: left;
  line-height: 28px;
  height: 28px;
  color: #4b7bea;
  margin-bottom: 10px;
}
.doctor-title span{
  display: inline-block;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.icon-remove-doctor{
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: relative;
  top: -3px;
  left: 4px;
  background: url(../img/main.png) no-repeat -89px -159px;
}
.add-doctor-button-area{
  position: absolute;
  bottom: 10px;
  left: 10px;
}
.detail-base-button{
  display: block;
  color: #fff;
  background: #22b684;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}
.detail-text-area{
  position: relative;
  word-break: break-all;
  text-align: justify;
}
.detail-text-area textarea{
  padding: 10px;
  width: 100%;
  min-height: 204px;
  border: none;
  resize: none;
}
.detail-text-area p,
.report-list > .report-list-item p {
  position: absolute;
  bottom: 5px;
  right: 25px;
  color: #cacbcf;
}
/* 患者信息 */
.button-add-patient{
  float: right;
  margin-right: 4px;
}
.t2 .floor-title,.t4 .second-title{
  height: 30px;
  line-height: 30px;
  padding-bottom: 0;
}
.floor-title a, .t4 .second-title a{
  font-weight: 400;
}
.deital-label-row-3{
  display: inline-block;
  margin-left: 10px;
  text-align: right;
  width: 110px;
  color:#696d78;
  margin-right: 0px;
}
.input-row1-3{
  width: 203px;
}
.input-row1-3-long{
  width: 234px;
}
.deital-label-row-t2{
  width: 200px;
  color:#696d78;
  margin-left: 12px;
}
.t2-radio-group{
  display: inline-block;
  width: 150px;
}
.icon-radio{
  cursor: pointer;
  position: relative;
  top: 3px;
  margin-left: 10px;
  margin-right: 6px;
  width: 20px;
  height: 20px;
  background: url(../img/main.png) no-repeat -177px -155px;
}
.radio-check{
  background: url(../img/main.png) no-repeat -149px -155px;
}
.radio-group{
  color: #2a2f3e;
}
.radio-group span{
  cursor: pointer;
}
/* 临床信息 */
.t3 textarea, .t3 .deital-big-content{
  min-height: 80px;
}
/* 分诊信息 */
.t5-long-label{
  width: 100px;
}
/* 病例资料 */
.tabs-list{
  /* margin-left: 20px; */
}
.tabs-list li{
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
}
li.tabs-current{
  border-bottom: 4px solid #22b684;
}
.detial-tabs-content{
  border-radius: 4px;
  width: 100%;
  border: 1px solid #dcdfe6;
  height: auto;
  display: none;
  border-bottom: none;
}
.detail-list-head{
  height: 30px;
  line-height: 30px;
  width: 100%;
  font-size: 0;
}
.detail-list-head span{
  display: inline-block;
  font-size: 14px;
  text-indent: 10px;
  font-weight: 900;
}
.detail-list-body{
  width: 100%;
  max-height: 210px;
  overflow: auto;
}
.detail-list-body li {
  width: 100%;
  height: 34px;
  line-height: 34px;
  border-bottom: 1px solid #e5e5e5;
}
.detail-list-body li:hover {
  background: #e5e5e5;
}
.detail-list-body li span {
  font-size: 12px;
  text-indent: 10px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 34px;
}
.icon-opertion-remove{
  position: relative;
  top: 4px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: url(../img/main.png) no-repeat -240px -159px;
}
.icon-opertion-remove:hover{
  background: url(../img/main.png) no-repeat -210px -159px;
}
.file-area{
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  min-height: 200px;
  margin-bottom: 20px;
}
.file-area h3{
  font-weight: 400;
  color:#4b7bea;
  padding: 10px;
}
.file-item {
  float: left;
  width: 80px;
  height: 80px;
  position: relative;
  margin: 20px;
}
.file-item img{
  width: 100%;
  height: 100%;
}
.icon-remove-file{
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(../img/main.png) no-repeat -119px -159px;
  cursor: pointer;
}
.icon-add-file{
  position: absolute;
  top: 28px;
  right: 28px;
  width: 26px;
  height: 26px;
  background: url(../img/main.png) no-repeat -270px -159px;
  cursor: pointer;
}
.file-add-item{
  border: 1px dashed #4b7bea;
  cursor: pointer;
}
.file-add-item input{
  display: block;
  opacity:0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 1px dashed #4b7bea;
  cursor: pointer;
}
.botton-buttons-area{
  margin: 40px auto;
  display: table;
}
.botton-buttons-area a{
  width: 180px;
  height: 36px;
  line-height: 36px;
  float: left;
  color: #fff;
  text-align: center;
  border-radius: 4px;
}
.save-button{
  margin-right: 20px;
  background: #f69c00;
}
.submit-button{
  margin-right: 20px;
  background: #4b7bea;
}
.close-button{
  background: #cacbcf;
}
/* 弹出框 */
.choose-patient-box{
  display: none;
}
.choose-patient-box .deital-label{
  width: 60px;
}
.choose-patient-query{
  width: 80px;
  text-align: center;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background: #22b684;
  color: #fff;
  border-radius: 4px;
  margin-left: 10px;
}
.input-170{
  width: 170px;
}
.input-120{
  width: 120px;
}
.choose-patient-list{
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  width: 740px;
  margin: 20px auto 0;
}
.icon-list-checked{
  position: relative;
  top: 6px;
  width: 22px;
  height: 22px;
  background: url(../img/main.png) no-repeat  -60px -159px;
}
.list-checked{
  background: #e9ebf5;
}
.show-list-info-area{
  width: 740px;
  margin: 0 auto;
  background: #fef8ed;
  height: 100px;
}
.choose-patient-list ul.detail-list-body{
  max-height: 280px;
  overflow-y: auto;
}
.show-list-info-area p {
  height: 32px;
  line-height: 32px;
}
.show-list-info-area p span{
  float: left;
  font-size: 12px;
}
.list-info-label{
  width: 60px;
  text-align: right;
  color: #696d78;
}
.list-info-content{
  width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color:#2a2f3e;
}
.list-info-content-all{
  width: 600px;
}
.base-buttons-2-area{
  width: 300px;
  margin: 20px auto;
}
.base-buttons-2-area a{
  float: left;
  color: #fff;
  width: 140px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
}
.btn-sub{
  background: #4f6bcb;
  margin-right: 20px;
}
.btn-esc{
  background: #cacbcf;
}
/* 选择专家 */
.choose-doctor-box{
  display: none;
}
.choose-doctor-box-inner{
  width: 720px;
  margin: 0 auto;
}
.choose-doctor-box-inner .choose-doctor-box-left{
  width: 260px;
  height: 340px;
  float: left;
}
.choose-doctor-box-inner .choose-doctor-box-right{
  width: 400px;
  height: 340px;
  float: right;
}
.choose-doctor-search-area{
  width: 100%;
  position: relative;
}
.icon-search{
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url(../img/main.png) no-repeat -118px -189px;
}
.choose-doctor-search{
  width: 100%;
  margin: 10px 0;
  border-radius: 15px;
  background: #e5e5e5;
  border: none;
  text-indent: 10px;
  height: 26px;
  line-height: 26px;
}
.doctor-ztree-content{
  width: 100%;
  max-height: 260px;
  overflow-y: auto;
}
.choose-doctor-box-right h3{
  padding-top: 6px;
  font-weight: 400;
  color: #000;
}
.choose-doctor-box-right h3 a{
  float: right;
  color: #f69c00;
}
.checked-doctor-list{
  margin-top: 8px;
  width: 100%;
  height: 290px;
  overflow-y: auto;
  border: 1px solid #e5e5e5;
}
.checked-doctor-list li{
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
}
.checked-doctor-list li i{
  top: 6px;
}
.checked-doctor-list li:hover{
  background: #e5e5e5;
}
.checked-doctor-list li span{
  color: #2a2f3e;
}
.checked-doctor-list li i{
  float: right;
  margin-right: 10px;
}
.checked-doctor-list li span b{
  font-style: normal;
  font-weight: 400;
  color: #696d78;
}
.choose-patient-binli-box .detail-list-head span{
  font-size: 12px;
}
.choose-patient-binli-box .detial-tabs-content{
  min-height: 380px;
  border: none;
}
.choose-patient-binli-box .border-box{
  border-radius: 4px;
  width: 100%;
  border: 1px solid #dcdfe6;
  border-bottom: none;
  margin-top: 20px;
  max-height: 280px;
}
.choose-patient-binli-box .chosen-container{
  position: relative;
  top:-1px;
}
.choose-patient-binli-box .detial-tabs-content ul li{
  font-size: 12px;
}
.choose-patient-binli-box .detial-tabs-content ul li i.icon-check-box{
  position: relative;
  top: 4px;
}
.choose-patient-box-inner{
  margin: 0 auto;
  width: 800px;
  margin-top: 10px;
}
.time-picker{
  margin-left: 12px;
  cursor: pointer;
}
.choose-patient-binli-button{
  width: 100px;
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #22b684;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
}





/* 针对ztree的一些修改 */
.ztree li span.button.ico_open, .ztree li span.button.ico_docu{
  display: none;
}
.ztree li a.level0{
  font-size: 14px;
}
.ztree li a:hover{
  color: #4f6bcb;
}
/* room */
.room-right{

}
.room-inner{
  margin-left: 400px;
}
.room-left{
  position: initial;
  width: 399px;
  background: #f5f5f5;
}
.room-cells{
  float: left;
}
.four-cells{
  width: 50%;
  height: calc(50% - 20px);
}
.two-row-cells{
  width: 100%;
  height: calc(50% - 20px);
}
.two-col-cells{
  width: 50%;
  height: calc(100% - 40px);
}
.one-cell{
  width: 100%;
  height: calc(100% - 40px);
}
.none-cell{
  display: none;
}
.room-cells-inner{
  position: relative;
  padding: 10px;
  background: #e9eaeb;
  height: calc(100% - 20px);
}
.room-inner-content{
  background: #fff;
  height: 100%;
  /*overflow: auto;*/
}
.inner-head{
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #fff;
  color:#898989;
}
.room-left .inner-head{
  background: #7289d5;
}
.room-head{
  width:100%;
  background: #4f6bcb;
  height: 60px;
  line-height: 60px;
}
.inner-head i{
  font-style: normal;
  margin-left: 4px;
}
.inner-head span{
  margin-left: 10px;
  margin-right: 20px;
  font-style: normal;
}

.room-right .inner-head .fr {
  margin-right: 20px;
}
.room-right .inner-head .fr i{
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  margin-right: 10px;
}
.icon-layout1{
  background:url(../img/main.png) no-repeat -180px -190px;
}
.icon-layout2{
  background:url(../img/main.png) no-repeat -206px -190px;
}
.icon-layout3{
  background:url(../img/main.png) no-repeat -232px -190px;
}
.icon-layout4{
  background:url(../img/main.png) no-repeat -258px -190px;
}
/*.room-inner-content {
  !*position: relative;*!
}*/
.room-cells-inner i {
  display: block;
  cursor: pointer;
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  top: 20px;
  left: 20px;
  background:url(../img/main.png) no-repeat -286px -192px;
}
.room-tabs-content{
  background: #fff;
  height: calc(100vh - 150px);
  overflow: auto;
}
.room-tabs-area{
  width: 100%;
}
.room-tabs-area ul{
  width: 348px;
  margin:  0 auto;
  height: 40px;
}
.room-tabs-area ul li{
  width: 58px;
  text-align: center;
  padding: 0;
  margin-top: 8px;
  height: 32px;
  color: #fff;
  line-height: 32px;
  top : -3px;
}
.room-tabs-area ul li.tabs-current{
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: none;
  color: #4f6bcb;
}
.room-head h3{
  font-size: 20px;
  font-weight: 900;
  margin-left: 20px;
  color:#fff;
}
.room-head h3 span{
  font-weight: 400;
  color:#fff;
  margin-left: 20px;
  font-size: 14px;
  color:#f5f5f5;
}
.room-head h3 span i{
  font-style: normal;
}
.room-list-head{
  width: 100%;
  height: 36px;
  line-height: 36px;
}
.room-list-head span{
  float: left;
  margin: 0;
  text-align: center;
  font-weight: 900;
  color:#000;
}
.room-tabs-area ul.room-list-body{
  width: 100%;
  height: auto;
}
.room-tabs-area ul.room-list-body li{
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e5e5e5;
}
.room-list-body li span{
  float: left;
  color: #898989;
  margin: 0;
}
.room-tabs-content h4{
  font-weight: 900;
  color: #000;
  text-indent: 20px;
  position: relative;
}
.room-tabs-content h4 .add-adjunct-icon{
  position: absolute;
  right: 0;
  top: 0;
  background: url("../img/main.png") -352px -456px;
}
.room-tabs-content h4 .add-gaopaiyi-icon{
  position: absolute;
  right: 59px;
  top: -6px;
}
.room-tabs-content h4 .add-adjunct-icon-full{
  position: absolute;
  right: 0;
  top: 0;
  background: url("../img/main.png") -335px -485px;
}
.room-tabs-content h4 .add-adjunct-icon:hover{
  background: url("../img/main.png") -318px -456px;
}
.file-content{
  min-height: 100px;
}
.file-content img{
  width: 60px;
  height: 60px;
  margin-left: 20px;
  margin-top: 10px;
}
.room-button-area{
  margin-right: 20px;
}
.room-button-area a{
  margin-top: 10px;
  margin-left: 20px;
  display: inline-block;
  width: 80px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  color:#fff;
}
.write-report-btn,.submit-btn,.save-btn{
  background: #22b684;
}
.sign-btn{
  background: #898989;
}
.wirte-report-textarea{
  border:none;
  width: 100%;
  height: 97%;
  resize: none;
}
.room-tabs-content-row div.row-3cell{
  float: left;
}
.inner-head span.room-tabs-content-label{
  width:90px;
  text-align: right;
  float: left;
  margin: 0;
}
.inner-head span.room-tabs-content-info{
  color: #000;
  margin: 0;
  float: left;
}
.room-tabs-content-row div.fr{
  float: right;
  margin-right: 128px;
}
.linchuang-info{
  margin-bottom:10px;
}
.linchuang-info span{
  float: left;
}
.linchuang-info span.room-tabs-content-label{
  width: 90px;
  margin: 0;
  text-align: right;
  line-height: 1.5;
}
.linchuang-info span.room-tabs-content-info{
  width: 280px;
  line-height: 1.5;
}

/* 工具栏 */
.tools-area {
  font-size: 12px;
  position: absolute;
  right: -200px;
  top: 0;
  z-index: 9;
  width: 200px;
  height: 100%;
  background: rgba(10, 25, 49, .8);
  color: #8891a2;
}
.tools-area h4{
  margin-bottom: 20px;
}
.tools-area h4,.tools-area p{
  color:#fff;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  text-indent: 20px;
}
.tools-area p{
  text-indent: 40px;
  border: none;
  cursor: pointer;
}
.open-tools-area,.open-left-tools-area,.open-tools-area-santi {
  cursor: pointer;
  padding: 10px 2px;
  position: absolute;
  top: 220px;
  left: -22px;
  width: 18px;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  border-radius: 6px 0 0 6px;
  background: rgba(10, 25, 49, .8);
}
.open-left-tools-area{
  padding: 10px 2px;
  font-size: 12px;
  left: 400px;
  top: 220px;
  border-radius: 0 6px 6px 0;
  z-index: 9;
}
/*叁体视频 聊天 白板*/
.tools-area-santi {
  font-size: 12px;
  position: absolute;
  right: -200px;
  top: 0;
  z-index: 9;
  width: 200px;
  height: 100%;
  background: rgba(10, 25, 49, .8);
  color: #8891a2;
}
.video-compere{
  width: 94%;
  margin: 10px;
  height: 192px;
  position: relative;
  background: url("../img/person.png");
  background-size: 100% 100%;
}
.video-compere .participant-name,.video-professor .participant-name,.magnify-pop-video .participant-name{
  position: absolute;
  left: 36px;
  bottom: -4px;
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
  /* background: rgba(0,0,0,.5);*/
  border-radius: 4px;
  color: #ffffff;
  font-size: 10px;
}
.video-professor-list{
  /*width: 90%;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  margin: 10px;
  justify-content: space-between;*/
}
.video-professor-list .video-professor{
  width: 122px;
  height: 90px;
  /*border: 1px solid red;*/
  position: relative;
  background: url("../img/person.png");
  background-size: 100% 100%;
  float: left;
  margin-right: 8px;
}
.controls-area{
  width: 100%;
  height: 43px;
  position: absolute;
  bottom:87px;
  left: 0;
}
.layui-layer-page .layui-layer-content{
  overflow: hidden !important;
}
.video-professor-pop-list{
  width: 97%;
  margin: 10px 10px 10px 35px;
}
.video-professor-pop-list li{
  width: 149px;
  height: 93px;
  position: relative;
  background: url("../img/person.png");
  background-size: 100% 100%;
  float: left;
  margin-right: 11px;
}
.has-mar-r{
  margin-right: 18px;
}
.non-mar-r{
  margin-right: 0!important;
}
.voice-icon{
  display: inline-block;
  width: 22px;
  height: 20px;
  margin-left: 10px !important;
}
.voice-tube-icon,.meetingVoice-icon,.mute-icon,.volume-icon,.magnify-icon,.voice-tube-icon-light,.mute-icon-light,.shrink-icon,.add-professor-icon-light,.add-professor-pop-icon-light{
  position: absolute;
  bottom: 20px;
  cursor: pointer;
}
.voice-tube-icon{
  background: url("../img/main.png") 0 -500px;
}
.voice-tube-icon-light{
  background: url("../img/main.png") -25px -500px;
}
.mute-icon{
  background: url("../img/main.png") -52px -500px;
  left: 30px;
}
.mute-icon-light{
  background: url("../img/main.png") -78px -500px;
  left: 30px;
}
.meetingVoice-icon{
  background: url("../img/main.png") -482px -464px;
  left: 90px;
}
.meetingVoice-icon-light{
  background: url("../img/main.png") -454px -464px;
  left: 60px;
  margin-bottom: 1px;
}
.deskShare-icon{
  background: url("../img/main.png") -422px -501px;
  left: 90px;
  margin-left: 70px !important;
  margin-bottom: 2px;
}
.deskShare-icon-light{
  background: url("../img/main.png") -466px -501px;
  left: 90px;
  margin-left: 70px !important;
  margin-bottom: 2px;
}
.add-professor-icon-light{
  background:  url("../img/main.png") -370px -492px;
  right:50px;
}
.add-professor-icon-light:hover{
  background:  url("../img/main.png") -370px -492px;
}
.add-professor-pop-icon-light{
  background:  url("../img/main.png") -240px -492px;
  right:50px;
}
.magnify-icon{
  background: url("../img/main.png") -130px -500px;
  right: 20px;
}
.shrink-icon{
  background: url("../img/main.png") -100px -500px;
  right: 20px;
}
.layui-layer-title{
  /*background-color:#66F4DF !important;
  color: #ffffff!important;*/
}
.magnify-pop-video{
  margin: 10px auto;
  width: 90%;
  height: 38vh;
  background: url("../img/magnify.jpg") no-repeat center center;
  background-size: 100%;
  position: relative;
}
.magnify-pop-list{
  /*width: 149px!important;*/
  margin-bottom: 10px;
}
/*聊天*/
.chat-recordes{
  padding: 0 15px;
  margin-bottom: 10px;
}
.chat-recordes h1{
  color: #2E323F;
  font-weight: 600;
  height: 26px;
  line-height: 26px;

}
.chat-recordes .recordes-details{
  height: 20px;
  line-height: 20px;
  word-break: break-all;
}
.prompt-area{
  height: 180px;
  border-top: 2px solid #999999;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.prompt-area .prompt-input{
  width: 100%;
  border: none;
  text-indent: 20px;
}
.send-button,.repeal-button,.reset-button,.add-pro-button{
  position: absolute;
  bottom: 56px;
  right: 20px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  background: #22B785;
  color: #ffffff;
  text-align: center;
}
.draw-theme {
  height: 40px;
  background: #F5F5F5;
}
.draw-theme select {
  width: 60px;
  margin-left: 19px;
}
select {
  border-radius: 6px;
}
/* 弹出 */
.doc-pop{
  height: 517px;
  overflow-y: auto;
}
.doctor-base-info-left{
  margin-top: 20px;
  margin-right: 20px;
  width: 120px;
  float: left;
}
.doctor-base-info-right{
  margin-top: 20px;
  float: left;
  width: 400px;
}
.avatar{
  margin-left: 40px;
  width: 80px;
  height: 80px;
}
.avatar img{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.doctor-base-info-right span{
  color: #696d78;
  font-size: 12px;
}
.doctor-base-info-right p{
  margin-bottom: 8px;
}
.doctor-base-info-right span.doctor-base-info-name{
  color: #4f6bcb;
  font-size: 14px;
}
.skill-title, .skill{
  float: left;
}
.skill-title{
  width: 36px;
}
.skill{
  width: 350px;
}
.doc-pop h4{
  color: #000;
  font-weight: 900;
  text-indent: 40px;
  margin-top: 20px;
}
.doc-detail-info-content{
  margin-left: 40px;
  color: #898989;
  margin-top: 8px;
}
/* 等待 */
.wait-area{
  width: 1000px;
  margin: 0 auto;
}
.wait-area h4{
  margin: 0 auto;
  margin-top: 100px;
  width: 278px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  font-size: 28px;
  color:#2a2f3e;
  background: url(../img/wait-bg.png);
}
.bg-doc{
  margin: 40px auto;
  width: 298px;
  height: 320px;
  background: url(../img/doctor.gif) no-repeat;
  background-position: bottom;
}
.wait-cell{
  width: 149px;
  float: left;
  text-align: center;
  color: #898989;
}
.wait-cell p {
  font-size: 16px;
}
.wait-time {
  height: 16px;
  line-height: 16px;
  border-right: 1px solid #e5e5e5;
  margin-bottom: 18px;
  color:#696d78;
  text-indent: -20px;
}
.wait-doc{
  margin-bottom: 18px;
  height: 16px;
  line-height: 16px;
  color:#696d78;
}
.text-indent-20{
  text-indent: -20px;
}
.wait-color{
  /* margin-top: 10px; */
  color: #4b7bea;
  font-weight: 900;
}
.wait-text {
  color: #696d78;
  position: relative;
  text-align: center;
  top: -90px;
}
.text-row1-4{
  width: 160px;
}
.text-row1-2{
  width: 410px;
}
.text-row1-3{
  width: 220px;
}
.deital-label-row-3-text{
  width: 104px;
  text-align: right;
  color:#696d78;
}
.detail-area-warp .deital-big-label{
  width: 10%;
}
.text-row1-all{
  width: 88%;
  border:none;
}
.none-border{
  border: none;
}
.detail-doctor-title-row .doctor-title-content,.detail-doctor-title-row .deital-big-content{
  min-height:  0;
}
/*.detail-doctor-title-row .doctor-title{
  margin: 0;
}*/
.none-min-height{
  min-height: 0;
}
.wd-detail-area{
  width: 1000px;
  margin: 0 auto;
  padding-top: 70px;
}
.wd-detail-area .detial-tabs-content{
  border: none;
}
.wd-detail-area .warp{
  margin-top: 50px;
}
.bg-table-head span{
  margin-right: 100px;
}
.check-failed-box .detail-text-area{
  width: 500px;
  margin: 20px auto;
  border: 1px solid #e5e5e5;
}
.check-failed-box .detail-text-area textarea{
  width: 498px;

}
.check-failed{
  margin-top: 20px;
  height: 60px;
  line-height: 60px;
  color: #f69c00;
  font-size: 28px;
}
.icon-failed{
  width: 40px;
  height: 40px;
  background: url(../img/main.png) no-repeat -118px -117px;
  position: relative;
  top: 9px;
  margin-left: 40px;
  margin-right: 20px;
}
.icon-check-box-checked{
  background: url(../img/login.png) no-repeat -60px -99px
}
.pop{
  display: none;
  background: rgba(0,0,0,.7);
  border-radius: 4px;
}
.pop p{
  height: 80px;
  line-height: 80px;
  color:#fff;
}
.pop p i{
  position: relative;
  top: 6px;
  margin: 0 10px 0 24px;
  width: 22px;
  height: 22px;
  background: url(../img/main.png) no-repeat -314px -190px;
}
.print-box{
  width: 840px;
  height: 1188px;
  margin: 20px auto;
  background: #fff;
}
.print-info{
  margin: 20px 0;
}
.print-info span{
  float: left;
  /* width: 25%;
   height: 40px;*/
  line-height: 30px;
  color:#696d78;
}
.print-head span {
  border-bottom: 1px solid #999;
  padding-right:20px;
}
.border-top{
  padding-top: 10px;
  border-top: 1px solid #999;
}
.print-info span b{
  font-weight: 400;
  color: #000;
}
.print-title{
  margin: 20px 0;
  text-align: center;
  font-weight: 900;
  color:#4b7bea;
  font-size: 24px;
}
.print-warp{
  width: 740px;
  margin: 0 auto;
}
.print-main-title{
  font-size: 20px;
  color:#4b7bea;
  margin-top: 20px;
}
.print-main {
  width: 100%;
  min-height: 200px;
  text-indent: 28px;
  margin-top: 10px;
  font-size: 16px;
  line-height: 2;
  word-break: break-all;
}
.print-warp span.w50{
  width: 50%;
  float: left;
  height: 30px;
  line-height: 30px;
}
.print-foot {
  color:#696d78;
  font-size: 12px;
  margin-top: 20px;
}
.print-btn{
  width: 100px;
  height: 32px;
  line-height: 32px;
  float: right;
  margin: 20px;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  background: #22b684;
}
/* 404 */
.notfound{
  position: absolute;
  top: 50%;
  left:50%;
  text-align: center;
  margin-left: -212px;
  margin-top: -130px;
  width: 424px;
  height: 200px;
}
.notfound p{
  color: #666;
  margin-top: 40px;
  margin-bottom: 50px;
}
.notfound-goindex{
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #4b7bea;
  color: #fff;
  border-radius: 4px;
}


/*音视频弹窗样式*/
/*.pop {*/
/*background: #FFFFFF;*/
/*}*/
.pop .pop-title{
  margin: 30px;
}
/*忘记密码页面样式*/

.forget-content-inner{
  width: 1000px;
  margin: 0 auto;
}
.forget-header{
  height: 60px;
  line-height: 60px;
  width: 80px;
  margin: 0 auto;
}
.progress-bar{
  width: 800px;
  margin: 30px auto;
  border-bottom: 1px solid red;

}
.progress-bar .bar-list{
  display: flex;
  justify-content: space-around;
}
.progress-bar .bar-list li{
  padding-bottom: 15px;
}
.progress-bar .bar-list .current{
  color: #00B83F;
  border-bottom: 3px solid forestgreen;
}
.verity-form-inner{
  width: 300px;
  margin: 0 auto;
}
.verity-form-inner .tel-input{
  width: 100%;
  height: 30px;
  margin-bottom: 20px;
  margin-top: 10px;
}
.verity-form-inner .code-input{
  width: 60%;
  height: 30px;
  margin-bottom: 20px;
  margin-top: 10px;
}
/*修改密码页面样式*/








/*各个统计页面样式 */

.searchArea{
  width: 100%;
  height: auto;
  min-width: 1050px;
}
.searchArea .search-inner{
  padding: 20px;
  height: 100%;
}
.searchArea .search-inner .inner-content{
  min-height: 130px;
}
#datasList {
  min-width: 1050px;
}
.list .data-list li {
  color: #666666;
}
.list .data-list li.last, .list-content tr.last{
  color: #0ebcd3;
  font-weight: 900;
}
.list-content td{
  text-indent: 6px;
}
.list .export{
  height: 40px;
  line-height: 40px;
  background: #F5F5F5;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;

}
.export-button{
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #4F6BCB;
  border-radius: 4px;
  color: #FFFFFF;
  margin-top: 5px;
}

/*.keshi-content{*/
/*margin-top: 20px;*/
/*}*/
.time-content .center{
  display: inline-block;
  position: relative;
  /*top:-10px;*/
}
.time-content .space{
  display:inline-block;
  width: 345px;
}
.time-content .time{
  display: inline-block;
  margin-right: 20px;
}
.export-hos{
  color: #666666;
}
.export-hos b{
  color: #F69C00;
}
.query-result{
  color: #666666;
}


/*音视频系统弹窗*/
.choice-pop{
  display: none;
}
.pop-box-inner {
  width: 400px;
  margin: 0 auto;
  text-align: center;
}
.pop-box-inner span{
  display: block;
  margin: 25px;
  font-size: 16px;
}
.pop-list{
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
.back{
  background: #F69C00;
}
.start{
  background: #4F6BCB;
}
.cancel{
  margin-left: 20px;
}
.base-buttons-area{
  width: 450px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
.base-buttons-area a{
  color: #fff;
  width: 140px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
}

/*修改密码第一步页面样式*/
.modified-content{
  width: 800px;
  height: 400px;
  background: #FFFFFF;
  position: absolute;
  border-radius: 10px;
  top:50%;
  left: 50%;
  margin: -200px 0 0 -400px;
  z-index: 10;
}
.modified-content .close-icon{
  width: 20px;
  height: 30px;
  background: url("../img/icon-list.png") -150px -180px no-repeat;
  position: relative;
  left: 740px;
  top:-10px;
}
.modified-area{
  margin: 20px;
}
.progress-line{
  width: 600px;
  height: 6px;
  background: #E9EAEB;
  margin: 0 auto;
  border-radius: 4px;
  margin-bottom: 60px;
}
.progress-circle{
  width: 400px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.progress-circle li span{
  display: block;
  width: 20px;
  height: 20px;
  background: url("../img/icon-list.png") -120px -458px no-repeat ;
  margin-top: -7px;
  margin-bottom: 6px;
}
.progress-circle p{
  margin-left: -20px;
}
.progress-circle .current-circle span{
  background: url("../img/icon-list.png") -78px -458px no-repeat ;
}
.current-circle p{
  color: #22B684;
}
.form-list{
  width: 500px;
  margin: 0 auto;
}
.form-content{
  position: relative;
}
.form-item{
  margin-bottom: 30px;
  position: relative;
}
.form-item label{
  color: #666666;
  font-size: 16px;
  margin-right: 20px;
}
.form-item input{
  border: 1px solid #d6d6d6;
  height: 32px;
  line-height: 32px;
  width: 300px;
  text-indent: 10px;
  border-radius: 4px;
  color:#999;
}
.form-item .code-verity{
  width: 180px;
}
.form-item:first-child {
  text-indent: 30px;
}
.form-item img{
  display: inline-block;
  width: 120px;
  height: 32px;
  margin-left: 5px;
}
.form-item .msg-code{
  width: 120px;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  background: #F69C00;
  color: #FFFFFF;
  margin-left: 5px;
  text-align: center;
}
.form-item .next, .form-item .confirm, .form-item .login{
  width: 300px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 4px;
  background: #4B7BEA;
  color: #FFFFFF;
  float: right;
  margin-right: 90px;
  box-shadow: 3px 5px 20px rgba(75,123,234,.4);
}
.form-item .next{
  margin-top: 20px;

}
.form-item .confirm{
  position: relative;
  left: -10px;
}
.error-notice,.two-password{
  position: absolute;
  color: red;
  left: 106px;
  bottom: -22px;
  z-index: 1000;
}



/*修改密码第二.三页*/
.modified-content .modified-area p.set-success{
  margin-top: 20px;
}
.affirm{
  position: relative;
  left: 14px;
}

.form-item .login{
  width: 150px;
  background: #4B7BEA;
  position: relative;
  right: 80px;
}
.form-list .row1{
  width: 200px;
  height: 90px;
  line-height: 90px;
  margin: 20px auto;
}
.success-icon{
  display: inline-block;
  width: 55px;
  height: 80px;
  background: url("../img/main.png") -400px -380px no-repeat;
}
.finish{
  font-size: 22px;
  color: #2E323F;
  position: relative;
  top:-30px;
  left: 10px;
}
.password-notice{
  position: absolute;
  left: 90px;
  bottom:40px;
  color: #F69C00;
  z-index: 100;
}
/*修改密码样式*/
.resetPassword-area{
  float: right;
  width: 96%;
  height: calc(100vh - 150px);
  background: #FFFFFF;
  margin: 20px;
}
.resetPassword-inner{
  width: 450px;
  margin: 0 auto;
  margin-top: 100px;
  position: relative;
}
.reset-password{
  position: relative;
  left: -16px;
}
.form-item .submit{
  position: relative;
  left: -134px;
}
.notice-info{
  color: #F69C00;
  font-size: 13px;
  position: absolute;
  top:34px;
  left: 80px;
  z-index: 10;
}
.color-change{
  color: red;
}
.reset-error-notice{
  position: absolute;
  color: red;
  left: 80px;
  top:160px;
  z-index: 1000;
  font-size:13px;
}
/*邀请我的会页面诊弹窗样式*/
.pop-inner{
  width: 600px;
  margin: 20px auto;
  text-align: center;
}
.choice-title{
  font-size: 18px;
  color: #333333;
  margin: 40px auto;
}
.sys-list ul{
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  margin-bottom: 20px;
}
.sys-list .details1 li,.sys-list .details2 li{
  width: 170px;
  height: 90px;
  text-align: center;
  padding-top: 10px;
}
.sys-list .details1 .current-item{
  background: #FFFAF2 url("../img/hongshanshu.png") no-repeat center 10px;
}
.sys-list .details1 .current-item p{
  color: #01AAED;
}
.sys-list .details2 li{
  width: 200px;
}

.text-info{
  font-size: 16px;
  color: #97989D;
  position: relative;
  top:60px;
}
.sys-list ul li:hover .text-info{
  color: #01AAED;
}
.item1{
  background: #FFFFFF url("../img/hongshanshu-hui.png") no-repeat center 10px ;
}
.item1:hover{
  background: #FFFAF2 url("../img/hongshanshu.png") no-repeat center 10px;
}
.item2{
  background: #FFFFFF url("../img/baoliton-hui.png") no-repeat center 10px ;
}
.item2:hover{
  background: #FFFAF2 url("../img/baolitong.png") no-repeat center 10px;
}
.item3{
  background: #FFFFFF url("../img/sike-hui.png") no-repeat center 10px ;
}
.item3:hover{
  background: #FFFAF2 url("../img/sike.png") no-repeat center 10px;
}
.item4{
  background: #FFFFFF url("../img/huawei-hui.png") no-repeat center 10px ;
}
.item4:hover{
  background: #FFFAF2 url("../img/huawei.png") no-repeat center 10px;
}
.item5{
  background: #FFFFFF url("../img/zhongxing-hui.png") no-repeat center 10px ;
}
.item5:hover{
  background: #FFFAF2 url("../img/zhongxing.png") no-repeat center 10px;
}

.change-icon,.enter-icon,.cancel-icon,.extend-icon,.close-icon,.add-professor-icon,.room-tabs-content h4 a{
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 14px;
  margin-top: 10px;
}
.add-professor-icon{
  background: url("../img/main.png") -280px -464px ;
}
.change-icon{
  background: url("../img/icon-list.png") 0 -450px ;
}
.enter-icon{
  background: url("../img/icon-list.png") -40px -450px;
}
.extend-icon{
  background: url("../img/icon-list.png") -210px -450px;
}
.close-icon{
  background: url("../img/icon-list.png") -240px -450px;
}
.cancel-icon{
  background: url("../img/icon-list.png") -140px -450px;
}
.header-wd{
  display: flex;
  justify-content: space-between;
}

/*远程医疗平台新增加的样式*/
/*.icon-chec.head-logo-pingtai{
k-box{
  margin-right: 4px;
  width: 16px;
  height: 16px;
  !*background: url(../img/login.png) no-repeat -90px -99px;*!
}*/
/*登录和修改密码输入框获得焦点时的样式*/
input:focus{
  outline: none;
  border-color: #F69C00;
  box-shadow: 0 0 4px rgba(246,156,0, .4);
}
input:-ms-input-placeholder{
  color: #cccccc;
}
input::-webkit-input-placeholder{
  color: #cccccc;
}

.left-nav-group-list li{
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.digit{
  color: #F69C00;
  padding-right: 40px;
  height: 50px;
  line-height:50px;
}


.info-box{
  width: 240px;
  max-height: 290px;
  background: #FFFFFF;
  position: fixed;
  bottom: 0;
  right: 0;
  border-top: 5px solid #4F6BCB;
  box-shadow: #cad2ef -3px 5px 14px;
}
.info-box-inner{
  padding: 10px 20px 0 20px;
  max-height: 245px;
  overflow: hidden;
}
.news-notice{
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #e5e5e5;
}
.news-notice:hover span{
  color: #4F6BCB;
  cursor: pointer;
}
.chakan{
  width: 100%;
  height: 42px;
  line-height: 42px;
  background: #e5e5e5;
  color: #4F6BCB;
  text-align: right;
  padding-right: 20px;
}
.news-notic span{
  color: #333333;
}
.news-notice-icon{
  width: 20px;
  height: 20px;
  background: url("../img/icon-list1.png") no-repeat -180px -456px;
  padding-right: 10px;
  position: relative;
  top:4px;
}
/*遮罩层样式*/
.shade, .room-shade, .main-shade,.main-shade{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.shade img,.room-shade img{
  display:block;
  position: absolute;
  z-index: 1009;
}
.shade .shade-button-notice{
  top: 182px;
  left: 1058px;
}
.room-shade .shade-pic-notice{
  top: 170px;
  left: 20px;
}
.room-shade .shade-list{
  top: 132px;
  left: 0;
}

.room-shade .list-example{
  width: 340px;
  height: 30px;
  line-height: 30px;
  /*border: 2px dashed #FFFFFF;*/
  background: #FFFFFF;
  border-radius: 4px;
  position: absolute;
  top: 144px;
  left: 16px;
  color: #4c4c4c;
}
.room-shade .list-example span{
  display: inline-block;
}
.room-shade .pic-example{
  position: absolute;
  top: 176px;
  left: 28px;
  width: 60px;
  height: 60px;
  background: url("../img/star.png") no-repeat center;
}
/*虚线框样式*/
.room-shade .dotted-box{
  width: calc(50% - 220px);
  height:calc(50% - 90px);
  min-width: 380px;
  min-height: 230px;
  border: 3px dashed #FFFFFF;
  position: absolute;
  top:110px;
  left: 410px;
}
.dotted-box>img{
  bottom: -110px;
  left: 120px;
}
.M-top-140{
  margin-top: 140px;
}

.M-top-280{
  margin-top: 280px;
}
.main-shade{
  display: none;
}
.main-shade img{
  position: absolute;
  top:33px;
  left: 234px;
}
.room-shade .shade-inner{
  width: 460px;
  height: 290px;
  background: #FFFFFF;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.room-shade .shade-inner .shade-header{
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #F8F8F8;
  border-bottom: 1px solid #eeeeee;
  color: #666666;
  text-indent: 20px;
}
.room-shade .shade-content{
  width: 70%;
  margin: 0 auto;
}
.room-shade .shade-content .shade-notice{
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #fef7eb;
  color: #2a2f3e;
  position: relative;
  text-indent: 40px;
  margin-top: 30px;
}
.shade-notice .shade-notice-icon{
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/main.png") -314px -190px no-repeat ;
}
.shade-content input{
  width: 100%;
  height: 32px;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  margin-top: 30px;
  text-indent: 10px;
}
.shade-content a{
  display: block;
  width: 100px;
  margin: 0 auto;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 4px;
  background: #4E6ACB;
  color: #FFFFFF;
  margin-top: 30px;
}
/*链接弹窗样式*/
.link-inner{
  padding: 30px 60px;
}
.link-inner input{
  width: 443px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  text-indent: 10px;
}
.link-inner a{
  display: inline-block;
  width: 80px;
  height: 32px;
  text-align: center;
  color: #FFFFFF;
  line-height: 32px;
  background: #0E84CB;
  border-radius: 4px;
  margin-left: 20px;
}
/*添加附件*/
.adjunct-content{
  padding: 30px;
}
.adjunct-notice{
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
}
.adjunct-list{
  width: 100%;
}
.adjunct-list li{
  float: left;
  width: 60px;
  height: 60px;
  margin: 10px;
//border: 1px solid red;
  background: url("../img/star.png") center;
  position: relative;
}
.adjunct-list li:last-child{
  border: 2px dotted #4F6BCB;
  background: #ffffff;
}
.adjunct-dele-icon{
  position: absolute;
  width: 20px;
  height: 20px;
  right: -8px;
  top: -8px;
  background: url("../img/icon-list.png") -120px  -160px;
}
.adjunct-add-icon{
  position: absolute;
  width: 30px;
  height: 30px;
  right: 12px;
  top:16px;
  background: url("../img/icon-list.png") -270px -160px;
  z-index: 90;
}

/**评价*/
.grade-content {
  width: 90%;
  display: flex;
  justify-content: space-between;
}
.grade-text,
.grade-score {
  display: inline-block;
  position: relative;
  top: -4px;
}
.grade-score,
.adjunct-notice {
  color: #F79D01;
}
.grade-start {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.start-light {
  background: url("../img/main.png") -390px -456px;
}
.start-grey {
  background: url("../img/main.png") -416px -456px;
}
.eval-submit {
  position: absolute;
  bottom: 98px;
  right: 10px;
  width: 50px;
  height: 26px;
  line-height: 26px;
  border-radius: 4px;
  background: #22B785;
  color: #ffffff;
  text-align: center;
}
/**评价图标*/
.eva-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
}
.noEvaluate-icon {
  background: url("../img/main.png") 0 -530px;
}
.evaluated-icon {
  background: url("../img/main.png") -44px -530px;
}
.temp-btn-area {
  margin: 10px 10px 10px 180px;
}
/**
模板样式
 */
.template {
  width: 82px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  border-radius: 4px;
  display: inline-block;
  margin-right: 10px;
}
.save-temp {
  border: 1px solid #4E6ACB;
  color: #4E6ACB;
}
.choice-temp {
  background: #4E6ACB;
  color: #ffffff;
}
.choice-temp-pop-inner {
  display: flex;
  height: 420px;
  padding: 20px 40px;
  justify-content: space-between;
}
.temp-pop-left {
  width: 200px;
  height: 400px;
  overflow: auto;
}
.temp-pop-right {
  width: 500px;
  height: 400px;
  overflow: auto;
  padding-right: 10px;
}
.search {
  width: 80%;
  height: 28px;
  display: inline-block;
}

select {
  border-radius: 6px;
}
.layui-input {
  height: 28px!important;
  border-color: #cacbcf !important;
  border-radius: 4px!important;
}
.layui-form-select dl dd.layui-this {
  top: 36px;
}
.report-list > .report-list-item {
  width: 100%;
  height: 130px;
  background: #ffffff;
}
.report-top {
  display: flex;
  justify-content: space-between;
}
.report-des-title {
  color: #0AA7F5;
  font-weight: bold;
}
.report-top .report-dele {
  display: inline-block;
  width: 40px;
  margin-right: 0;
}
.dele-icon {
  width: 20px;
  height: 30px;
  background: url("../img/main.png") -280px -496px;
}
.report-dele b {
  color: #999999;
  position: relative;
  bottom: 10px;
  left: 5px;
}
.report-dele:hover .dele-icon {
  background: url("../img/main.png") -307px -496px;
}
.report-dele:hover {
  cursor: pointer;
}
.report-list-item textarea {
  border: none;
  width: 100%;
  height: 68%;
  padding: 0 10px 10px 10px;
}

textarea {
  color: #696d78;
}

textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #DADADA;
}
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #DADADA;
}
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #DADADA;
}
textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #DADADA;
}

.upload_Tab {
  display: block;
  width: 400px;
  height: 230px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #FFF;
  border-radius: 4px;
  box-shadow: 1px 2px 8px #999999;
  padding: 15px;
  box-sizing: border-box;
  z-index: 1000;
  overflow: hidden;
}

.upload_Tab h2 {
  font-size: 16px;
  /* line-height: 30px; */
  margin: 0 auto 15px;
}

.upload_Tab i {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
  cursor: pointer;
  font-size: 20px;
}

.upload_Tab i:hover {
  color: #FFF;
  background-color: #f31f00;
}

.upload_Tab .file_tab {
  width: 100%;
  height: auto;
  border: 1px solid #EEE;
  border-radius: 3px;
  padding: 15px;
  box-sizing: border-box;
}

.upload_Tab .file_tab span {
  padding: 0px 12px;
  cursor: pointer;
  display: inline-block;
  margin: 5px;
  border: 1px solid #CCC;
  border-radius: 2px;
  line-height: 25px;
}

.upload_Tab .file_tab span:hover,
.upload_Tab .file_tab span.active {
  border-color: #007DDB;
}

.upload_Tab .layui-upload {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.upload_List {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 720px;
  height: 375px;
  margin: auto;
  background-color: #FFF;
  border-radius: 4px;
  box-shadow: 1px 2px 8px #999999;
  box-sizing: border-box;
  z-index: 1000;
  overflow: hidden;
}

.upload_List h2 {
  font-size: 16px;
  line-height: 45px;
  height: 45px;
  text-indent: 1em;
  border-bottom: 1px solid #EEE;
}

.upload_List h2 span {
  color: #FFB951;
  font-size: 12px;
  margin: 0 0 0 10px;
}

.upload_List h2 a {
  float: right;
  margin: 7px 10px;
  text-align: center;
  width: 70px;
  display: block;
  text-indent: 0;
}

.upload_List .list_table {
  display: block;
  overflow: hidden;
  overflow-y: auto;
  height: 330px;
}
.list_table .layui-table tbody .fileName,
.list_table .layui-table tbody .state {
  margin: 6px 0;
}

.list_table .layui-table tbody .fileName .file-icon-picture {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background: url(../img/img.png) no-repeat;
}

.list_table .layui-table tbody .fileName .file-icon-zip {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background: url(../img/zip.png) no-repeat;
}

.list_table .layui-table tbody .state span {
  font-size: 12px;
}

.list_table .layui-table tbody .fileName .layui-icon,
.list_table .layui-table tbody .state .layui-icon {
  font-size: 28px;
  color: #4e7ee7;
  margin: 10px 10px 0 0;
  vertical-align: bottom;
}

.list_table .layui-table tbody .operate .layui-icon {
  font-size: 20px;
  color: #999;
  margin: 0 10px 0 0;
}

.list_table .layui-table tbody .operate a:last-child .layui-icon {
  font-size: 27px;
  vertical-align: sub;
}

.list_table .layui-table tbody .operate .layui-icon:hover {
  color: #007DDB;
}

.list_table .layui-table[lay-even] tr:nth-child(even) {
  background-color: #f9f9f9;
}

.second-title .activeUpload {
  font-size: 12px;
  margin: 0 15px;
  padding: 0px 10px 0 0;
  line-height: 26px;
  border-radius: 3px;
  border: 1px solid #4e7ee7;
  text-align: center;
}

.second-title .activeUpload i {
  font-size: 26px;
  color: #4e7ee7;
  vertical-align: bottom;
}