.inacat-nav {
  margin: 15px 0;
  overflow: hidden;
}

.inacat-nav li {
  float: left;
}
.lite-gray {
  color: #aaa;
}
.lite-gray:hover {
  color: #999;
}
.inacat-nav li a {
  color: #777;
  font-size: 15px;
  margin-right: 0;
  padding: 5px 30px;
  border: none;
  display: block;
}
.inact-creat-item{
    overflow:hidden;
}
.inact-creat-item .ppt-uploader-box{
    float:left;
}


.inacat-active a,
.inacat-active-a {
  font-weight: bold;
  color: #fff !important;
  background-color: #ffa028;
}

.test-orange {
  cursor: pointer;
}

.test-orange:hover {
  color: #ffa028;
}

.input-group {
  width: 600px;
  height: 40px;
  margin: 10px auto;
  line-height: 40px;
}

.input-group label {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  color: #444;
  width: 120px;
  text-align: right;
}

.input-group > span {
  margin-left: 120px;
}

.input-group > span > label {
  text-align: left;
}

.sod_select,
.sod_zhanwei,
.sod_select .sod_list {
  min-width: 340px;
  width: auto;
  margin-right: 20px;
}

.class-img-upload .webuploader-pick {
  width: 130px;
  height: auto !important;
  background-color: #fff;
  border: 2px dashed #ddd;
}

.webuploader-pick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #ffa028;
  padding: 4px 15px !important;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.vote-left {
  display: inline-block;
  /* position: absolute; */
  width: 50%;
  min-height: 240px;
  border-right: none;
}

.vote-left > div {
  margin: 10px 0;
  padding: 0 30px;
}

.vote-left > div > span {
  margin-right: 30px;
}

.vote-left > div > i {
  margin-left: 30px;
  cursor: pointer;
}

.vote-left > div > i:hover {
  color: #ffa028;
}

.vote-right {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  width: 50%;
  left: 50%;
}

.vote-left > p:hover {
  color: #ffa028;
}

/* 模态框 */
.modal-b-title {
  height: 40px;
  line-height: 40px;
}
.modal-b-title > a {
  color: #777;
  margin-right: 20px;
}
.modal-b-title > a:last-child{
    margin-right: 0;
}
.modal-b-card {
  border-top: 1px solid #d3d3d3;
  /* border-bottom: 1px solid #d3d3d3; */
  height: 458px;
}
.modal-b-card-left {
  border-right: 1px solid #d3d3d3;
  height: 100%;
  /* margin: 0 -15px; */
}
.modal-b-card-right {
  height: 100%;
  overflow-y: auto;
}
.modal-body {
  /* position: relative; */
  padding: 0 15px;
  min-height: 300px;
}
.card-type-1 ul li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #d3d3d3;
  margin: 0 -15px !important;
}
.card-type-1 ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #777;
  /* margin: 0 -15px !important; */
  padding-left: 15px;
}
.card-type-1 ul li a.active{
    background: #efefef;
    font-weight: bold;
}

/* 讨论 */
.talk-list {
  height: 700px;
  border: 1px solid #ccc;
}
.border-r {
  border-right: 1px solid #ccc;
}
.talk-list-left {
  height: 100%;
}
.talk-list-right {
  height: 100%;
}
.talk-area,
.answer-area {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 15px;
  overflow: hidden;
  overflow-y: scroll;
  /* overflow-x:scroll; */
}
.inact-sj-right {
  display: inherit;
  width: 0;
  height: 0;
  border-top: 6px solid #f2f2f2;
  /* border-right: 6px solid #ccc; */
  border-bottom: 6px solid #f2f2f2;
  border-left: 6px solid #ccc;
  position: absolute;
  right: 0;
  top: 29px;
}
.inact-sj-right > span {
  display: inherit;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  /* border-right: 5px solid #f2f2f2; */
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
  position: relative;
  right: 7px;
  top: -5px;
}
.icon-zan:hover,
.icon-tupian:hover,
.icon-yuyin:hover,
.icon-shexiangji:hover {
  color: #ffa028;
  cursor: pointer;
}
.leaving-message {
  padding: 0px 90px 20px;
}
.leaving-message > textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.leaving-message > div {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.leaving-message i {
  font-size: 20px;
  margin-right: 15px;
}
.answer-question {
  color: #999;
  cursor: pointer;
}
.answer-question:hover {
  color: #ffa028;
}

.interact-item {
  /* width: 100%; */
  padding: -4px 14px;
  margin: 26px 41px;
  height: 110px;
  line-height: 110px;
  text-align: center;
  font-size: 30px;
  border-radius: 8px;
}
.interact-item > a {
  width: 100%;
  height: 100%;
  color: #fff;
}
.interact-list {
  width: 100%;
  min-height: 400px;
  margin-top: 15px;
}
.interact-list > ul > li {
  min-height: 60px;
  border: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
  padding:10px 15px;
  margin-bottom: 15px;
}
.interact-list-header {
}
.interact-list-type,
.interact-list-header {
  color: #aaa;
  height: 30px;
  line-height: 30px;
}
.interact-list-type em {
  color: #999;
  margin-left: -10px;
  margin-right: 20px;
}
.interact-list-type em.em-icon i.icon{
    color: #fff;
    background: #ccc;
    line-height: 24px;
    height:24px;
    width: 24px;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    padding-left:2px;
}
.interact-list-type em.em-icon.em-icon-1 i.icon{
    background: #88CC29;
}
.interact-list-type em.em-icon.em-icon-2 i.icon{
    background: #FFC40F;
}
.interact-list-type em.em-icon.em-icon-3 i.icon{
    background: #29CC7A;
}
.interact-list-type em.em-icon.em-icon-4 i.icon{
    background: #FF6633;
}
.interact-list-type em.em-icon.em-icon-5 i.icon{
    background: #CC7766;
}
.interact-list-type em.em-icon.em-icon-6 i.icon{
    background: #4CC3FF;
}
.interact-list-type em.em-icon.em-icon-7 i.icon{
    background: #8F66FF;
}

.interact-list-type em.preview{
    border:1px solid #e45353;
    padding: 1px 5px;
    font-size: 12px;
    color:#e45353;
    border-radius: 2px;
}


.interact-list-type > span {
  margin-right: 30px;
  font-size: 12px;
}
.detail-more-item del,
.interact-list-type > del {
    text-decoration: none;
}

.detail-more-item del.status,
.interact-list-type > del.status {
    border: 1px solid #46D6FF;
    padding: 2px 10px;
    border-radius: 2px;
    color: #46D6FF;
    font-size: 12px;
}
.detail-more-item del.status-1,
.interact-list-type > del.status-1 {
    border-color: #00cc66;
    color: #00cc66;
}
.detail-more-item del.status-2,
.interact-list-type > del.status-2 {
    border-color: #ccc;
    color: #ccc;
}


.interact-list-link {
  position: relative;
  color: #aaa;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 10px;
}
.interact-list-link i {
  position: absolute;
  top: -11px;
  right: 0px;
  transform: rotate(90deg);
  z-index: 9;
  cursor: pointer;
}

.link-list {
  color: #333;
  z-index: 99;
  position: absolute;
  top: 12px;
  right: -10px;
  width: 70px;
  margin: 5px 5px;
  border: 1px solid #ccc;
  background-color: #fff;
  display: none;
}
.link-list ul li {
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.link-list ul li:last-child{
    border-bottom: 0;
}
.link-list ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #666;
}
.link-list ul li a:hover {
  color: #fff;
  background-color: #ffa028;
}
.interact-list-title {
  height: 30px;
  line-height: 30px;
  margin-left: 17px;
}
.interact-list-title a {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.interact-list-title a:hover {
  color: #ffa028;
}

.interact-list-detail {
  min-height: 30px;
  line-height: 30px;
}
.detail-no {
  color: #999;
}
.detail-more{
    margin-top: 5px;
    overflow: hidden;
    position: relative;
}
.detail-more-item .set-status > a,
.detail-more .set-status > a{
    color: #666;
}

.detail-more-item .set-status > a:hover,
.detail-more .set-status > a:hover {
    color: #ffa028;
}


.detail-more-item {
  min-height: 38px;
  line-height: 38px;
  color: #333;
  border-bottom: 1px solid #f2f2f2;
  clear: both;
}
.detail-more-item:last-child{
    border-bottom: 0;
}

.detail-more .show-detail-more{
    text-align: center;
    cursor: pointer;
    position: absolute;
    left: 0;
    right:0;
    bottom: -5px;
    color: #999;
    background: url(../../images/more-j.png) repeat-x;
}
.detail-more .show-detail-more.is-more{
    background: transparent;
    position:static;
}
.detail-more .show-detail-more:hover{
    color:#FF6633;
}

.detail-ppt {
  height: 60px;
  margin: 5px 0;
}
.detail-ppt-img,
.detail-ppt-img > img {
  width: 60px;
  height: 60px;
  display: inline-block;
}
.detail-ppt-text {
  vertical-align: top;
  height: 60px;
  display: inline-block;
}
.detail-ppt-text > em,
.detail-ppt-text > span {
  display: inline-block;
  vertical-align: top;
}
.detail-ppt-text > em {
  font-size: 16px;
}
.detail-ppt-text > span {
  color: #555;
}
.detail-ppt-text > span > a {
  color: #555;
}
.detail-ppt > .pull-right {
  padding: 20px 0;
}

.ppt-uploader-box .webuploader-pick{
    background: #f2f2f2;
    color: #333;
    border:1px dotted #ccc;
    height: 80px;
    width: 100px;
    border-radius: 3px;
}
.ppt-uploader-box .webuploader-pick i.icon{
    display: block;
    line-height: 35px;
    font-size: 30px;
    color: #ccc;
    margin-top: 6px;
    margin-bottom: 3px;
}
.ppt-uploader-box .webuploader-pick-hover{
    border:1px solid #aaa;
    background: #e9e9e9;
}
.ppt-uploader-box .webuploader-pick-hover i.icon{
    color: #999;
}


/* 互动发布相关样式 */
.release_title_input{width: 35%;border-top: none;border-right: none;
  border-left: none;display: block;margin-bottom: 20px;}
.release_answer_setup{padding-bottom: 25px;padding-left: 0;}
.release_answer_describe{padding-top: 20px}
.btn_two_bor{padding-top: 15px;border-top: 1px solid #ccc;text-align: right;}
.btn_two_bor>button{margin-right: 0}
.btn_two_bor>.btn-gary{margin-right: 10px !important;}

.vote_release_left{padding-left:0}
.vote_release_left>div>input{margin-right: 10px;}
.vote_release_left>div>i{cursor: pointer}
.add_vote_choose{margin-top: 20px;margin-bottom: 20px;}
.add_vote_choose>span{cursor: pointer}
.add_vote_choose>span:hover{color: #ffa028}

.vote_sin_dou{}
.vote_sin_dou>span>label{margin-right: 10px;}

.aswer_sin_dou>span>label{margin-right: 10px;}
.piayi_i{margin-left: 5px;}

.import-from-article{
    background: #f0f8f9;
    color: #2e7d89;
    border:1px dotted #b3dbe1;
    height: 80px;
    width: 100px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    margin-left: 20px;
    cursor: pointer;
}
.import-from-article i.icon{
    display: block;
    line-height: 37px;
    font-size: 32px;
    color: #2e7d89;
    margin-top: 6px;
    margin-bottom: 3px;
}
.import-from-article:hover{
    border:1px dotted #8ebcc3;
    background: #e9f4f6;
}
