/* 设置滚动条的样式 */
::-webkit-scrollbar {    width: 12px;}
/* 滚动槽 */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255,0,0,0.4);
}

#doc {
  height: 100%;
  line-height:1.4;
  background: #3c0d0e;
}

.message {
  border-bottom:0;
  background-color:#efeff4;
  height:300px;
  padding-bottom: 10px;
  overflow-y: scroll;
  box-shadow: 0 0 1px #000;
  width: calc(100% - 1px);
  max-height: 367px;
}
.message section a{
  /*white-space:nowrap*/
}

.message:after {
  display:block;
  clear:both;
  height:0;
  content:"\0020";
}

.smile_list {
  display: none;
  background: #fff;
  height: 210px;
  width:390px;
  position: relative;
  top:-215px;
  left:-150px;
}

.smile_list a{
  float: left;
  padding:5px;
  font-size: 16px;
}

.input-box {
  display:-webkit-box;
  display:-ms-flexbox;
  display:-moz-box;
  padding:8px 10px;
  box-shadow:0 0 1px #000;
  background-color:#fff;
  height: 51px;
  width: calc(100% - 1px);
}

.input-box .input {
  -webkit-box-flex:1;
  -ms-flex:1;
  -moz-box-flex:1;
  background-color:#fff;
  -webkit-box-flex:1;
  /*height: 28px;*/
  line-height:25px;
}

.input input {
  margin:0;
  float: left;
  padding:0 6px;
  height:28px;
  width:93%;
  font-size:14px;
  background-color: #fbfbfb;
  border:none;
  -webkit-border-radius:15px;
  border-radius:15px;
  color:#000;
  box-shadow:0 0 1px #000;
}

.input input[disabled] {
  background-color:#eee;
}

.input-box button {
  font-size: 15px;
  /*margin-left:11px;*/
  float: right;
}

.action button {
  border:none;
  border-radius:30px;
  color:#8c8c8c;
  height:28px;
  width:68px;
  text-align:center;
  background:#fbfbfb;
  box-shadow:0 0 1px #000,0 2px 2px #eee;
}

.action button:active,
.action button[disabled] {
  color:#fff;
  background-color:#0044cc;
}

.action button:focus {
  outline:thin dotted #333;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px;
}

.action button[disabled] {
  cursor:default;
  background-color:#ccc;
  background-image:none;
  border-color:#ccc;
  box-shadow:none;
}

section.user {
  float:right;
  text-align:right;
}
section.user>div {
  max-width: 225px;
  position:relative;
  display: inline-block;
  padding:8px;
  margin:0 10px 0 12px;
  text-align:left;
  border-radius:10px;
  color:#fff;
  box-shadow: inset 0 0 1px #007aff;
  background-color:#007aff;
  vertical-align: top;
  word-break: break-all;
}
section.user>div:before {
  content:"";
  position: absolute;
  right: -5px;
  top: 4px;
  width: 0;
  height: 0;
  border-top: solid transparent;
  border-left: 7px solid #007aff;
  border-bottom: 4px solid transparent;
}

.system {
  text-align:center;
  color:#999;
  font-size:.8em;
}
.system .windowimg{
  float: left;
}

.system .windowContent{
  position: relative;
  border: solid 1px #7bb2d9;
  border-radius: 5px;
  background-color: #c5e4fa;
  padding: 8px;
  margin: 0 12px 0 45px;
  text-align: left;
  color: #000;
  font-size: 14px;
}

.system .windowContent:before{
  content:"";
  position: absolute;
  left: -5px;
  top: 4px;
  width: 0;
  height: 0;
  border-top: solid transparent;
  border-right: 7px solid #fff;
  border-bottom: 4px solid transparent;
}

section .msg-system{
  color: #999;
  font-size: 13px;
}
section .msg-system a{
  font-size:13px;
}
section .msg-system a.isClicked{
  color:#999;
}
section.evaluateSec .answer{
  padding: 8px 12px 4px 12px;
}

section,div.robot {
  padding:10px;
  clear:both;
}

div.robot,section.robot, section.service,section.top-message {
  float:left;
}

div.robot>div,
section.robot>div,
section.service>div,
section.top-message>div{
  max-width: 225px;
  display: inline-block;
  position:relative;
  padding:12px;
  margin:0 20px 0 10px;
  border-radius:10px;
  background-color:#fff;
  box-shadow: inset 0 0 1px #fff;
  vertical-align: top;
}
section.robot>div{
  word-break: break-word;
}




body{
  background:url(../img/bodybg2.png) ;
  background-position:center top , left top ;
  background-repeat: no-repeat , repeat-x;
  background-color: #d40021;
}
.tc-chunjie-live{
  background:#a73032;
  border-radius:15px;
  padding: 20px 20px 30px 20px;
}
.tc-chunjie-tl{
  background: #941D25;
  line-height: 38px;
  font-size: 16px;
  padding-left: 15px;
  position: relative;
  color: #fff;
}
.tc-chunjie-live .col-md-9,.tc-chunjie-live .col-md-3{
  padding: 0;
}
.tc-chunjie-live .col-md-3{
  border-left: 2px solid #f4e7b4;
  font-size: 12px;
  color: #fff;
}
.tc-chunjie-live #doc{
  background: url(../img/taolunbg.png) no-repeat;
  background-size: 100%;
  background-color: #42080c;
}
.tc-tl-btn{
  border-radius: 2px;
  color: #fff;
  width: 40px;
  background: #2bc7aa;
  box-shadow: none;
  font-size: 12px;
  line-height: 20px;
  padding: 0;
  height: auto;
  border-style: none;
  font-size: 12px;
}
.tc-tl-btn:focus{
  outline: none;
}
.tc-tc-input{
  box-shadow: none;
  height: auto;
  padding: 10px;
  position: relative;
}
.tc-login-ts{
  position: absolute;
  top: 15px;
  left: 15px;
}
.tc-login-ts a{
  color: #2bc7aa;
}
.tc-tc-input textarea,textarea.form-control[disabled]{
  background: transparent;
  border-color: #6b6b6b;
  border-radius: 0;
  resize:none;
  margin-bottom: 8px;
  color: #fff;
  font-size: 12px;
  height: 43px;
  padding:5px;
}
.tc-tc-input textarea:focus{
  border-color: #6b6b6b;
  box-shadow: none;
}
.tc-icon-bq,.tc-icon-fx,.tc-cj-zcr,.tc-icon-pp{
  background: url(../img/cj-live-icon.png) no-repeat;
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
}
.tc-icon-fx{
  background-position:0 -15px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin: 10px;
}
.tc-cj-zcr{
  background-position:0 -36px;
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.tc-icon-pp{
  background-position:0 -57px;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  margin-top: 4px
}
.tc-chunjie-live .message{
  background-color: transparent;
  box-shadow: none;
  height: 367px;
}
.tc-chunjie-live .system{
  display: none;
}
.tc-cj-tllist li{
  margin: 15px 20px -5px 20px;
  font-size: 13px;
}
.tc-cj-toux img{
  width: 18px;
  height: 18px;
}
.tc-cj-name{
  color: #2bc7aa;
}
.tc-others .tc-cj-name{
  color: #fb9d16;
}
.tc-zhucr .tc-cj-spk{
  margin-left: 50px;
}
.tc-cj-spk{
  margin-left: 25px;
  word-wrap: break-word;
}
.tc-cj-hearder{
  padding: 0 0 10px;
}
.tc-homehref{
  margin-top: 30px;
}
.tc-homehref a{
  font-size: 16px;
  color: #fff;
}
.tc-cj-erweima{
  margin-top: 220px;
}
.tc-cj-appbtn{
  display: none;
}
.tc-people{
  position: absolute;
  background-color: rgba(0,0,0,0.5);;
  border-radius: 5px;
  line-height: 26px;
  color: #fff;
  z-index: 2;
  padding: 0 15px;
  left: 30px;
  bottom: 50px;
}

#live_video{
  width:100%;
  height:100%;
}
.tc-live-img1{
  margin: 30px 0;
}
.tc-live-foot{
  background-color: #e94550;
  padding: 30px 0;
  color: #fff;
}
.tc-live-foot a{
  color: #fff;
  margin-left: 10px;
}
.tc-live-foot img{
  margin-top: 40px;
}

.footer-button{
  font-size: 18px;
  line-height: 18px;
  padding: 20px 90px;
  border:1px solid #f0dcba;
  color: #f0dcba;
  background: transparent;
  border-radius: 5px;
  margin: 20px 0 70px;
}

.tc-huodong{
  background: url(../img/huodongbg.png) repeat-x;
}

.tc-f00-x{
  color: #772224;
}
.tc-f00-s{
  color: #e94550;
}
.tc-font20{
  font-size: 18px;
}
.tc-huodong p{
  /*text-indent: 16px;*/
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
  font-family: fzmwfont;
}

.tc-huodongtou{
  background:url(../img/huodongtou.png) ;
  background-position:center top;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 100px 9% 30px;
  margin-top: 30px;
}
.tc-jiemu{
  background: url(../img/jiemubg.png) repeat;
}
.tc-jiemu .tc-huodongtou{
  background:url(../img/jiemutou.png) ;
  background-position:center top;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: -2%;
  margin-right: -2%;
  padding-top: 80px;
}
.tc-jiemu .tc-huodongtou p:first-child{
  margin-bottom: 10px;
}
.tc-huodongtoubg{
  width: 108px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  display: inline-block;
  color: #ef5053;
  font-weight: bold;
  background:url(../img/cj-live-icon.png) no-repeat;
  background-position: 0 -76px;

}
.tc-jiemu p{
  text-indent: 0;
}
.tc-jiemulist p{
  line-height: 20px;
  margin-bottom: 10px;
}
.tc-jiemu-jc{
  background:url(../img/jiemuxian.png) repeat-x;
  height: 2px;
  overflow: hidden;
}
.tc-sharebox{
  position: fixed;
  right: 12px;
  bottom: 150px;
  z-index: 1010;
  opacity: 1;
}

.tc-top-btn:hover,.tc-share-btn .dropdown-toggle.btn-default:hover,.tc-share-btn.open .dropdown-toggle.btn-default{
  background-color: rgba(233,69,80, 0.8);
  cursor: pointer;
  color: #F4D6B0;
}

.tc-topicon{
  width: 46px;
  height: 25px;
  display: inline-block;
  background:url(../img/cj-live-icon.png) no-repeat;
  background-position: -22px -16px;
  text-indent: -9999px;
  vertical-align: top;
  margin-top: 16px;
}
.tc-top-btn:hover .tc-topicon{
  background-position: -22px -44px;
}
.tc-share-btn .dropdown-toggle{
  border-radius: 0;
  border: 3px solid #D30021;
  padding: 0;
  margin-bottom: 5px;
  font-size: 16px;
  position: absolute;
  z-index: 99;
  right: 0;
  top: 20px;
  box-shadow: 1px 1px 13px #ccc;
  background-color: rgba(244, 218, 178, 0.88);
  width: 60px;
  height: 60px;
  line-height: 55px;
  color: #D30021;
}
.tc-share-btn .dropdown-menu{
  left: auto;
  right: 60px;
  width: 220px;
  top: 18px;
  border:0;
  border-radius: 0;
  padding: 10px 10px 5px;
}

.tc-share-btn.open .dropdown-toggle.btn-default{
  color: #F4D6B0;
  border: 3px solid #D30021;
}
.tc-share-btn .dropdown-menu p:last-child{
  font-size: 12px;
}
.tc-share-btn .dropdown-menu img{
  width: 170px;
  height: 170px;
}

@media (max-width: 768px) {
  img {
    -webkit-transform: scale(1) rotate(0) translate3d(0,0,0);
    transform: scale(1) rotate(0) translate3d(0,0,0);
  }
  body{
    background: url(../img/apptopbg.png) repeat-x;
  }
  .tc-cj-hearder{
    padding:0;
  }
  .tc-chunjie-live{
    border-radius:0;
    padding: 0 10px;
    background-color: transparent;
  }
  #playing{
    background-color: #a73032;
    border-radius: 5px;
    padding: 7px;
  }
  .tc-app-live{
    background:url(../img/apptop2.png) no-repeat;
    background-size: 100%;
    background-color: #f0dbb8;
  }
  .tc-a-lbg{
    background-color: #a73032;
    border-radius: 5px;
    margin: 0 1.6%;
  }
  .tc-a-lbtn{
    margin-top: 7px;
  }
  .tc-a-lbtn span{
    border:1px solid #f0dcba;
    color: #f0dcba;
    line-height: 20px;
    padding: 0 10px;
    border-radius: 3px;
    margin-left: 6px;
  }
  .tc-a-lbtn span:first-child{
    margin-left:0;
  }
  .tc-a-lnum{
    background: url(../img/cj-live-icon.png) no-repeat;
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    background-position: -22px 0;
    margin-top: 3px;
  }
  .tc-a-btn{
    padding: 15px 2.6%;
  }
  .tc-a-btn + .tc-a-btn{
    padding-top: 0;
  }
  .tc-a-btn2{
    background-color: #e94550;
  }
  .tc-huodongtou{
    background: url(../img/apphoudongb.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 20px 10px;
    padding: 50px 10px 0;
  }
  .tc-huodong p{
    line-height: 1.6;
    margin-bottom: 15px;
  }
  .tc-jiemu .tc-huodongtou{
    background: url(../img/appjiemub.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 20px 10px;
    padding: 60px 10px 0;
  }
}

.tc-zhanfaapp .modal-dialog{
  z-index:1045;
  margin-top: 0;
}
.tc-zhanfaapp .modal-header{
  border:0;
}
.tc-zhanfaapp .modal-content{
  background: transparent;
  box-shadow: none;
  border: 0;
}
.tc-zhanfaapp .modal-header .close{
  opacity: 1;
  width: 240px;
}
.tc-zhanfaapp .modal-header .close:focus{
  outline: none;
}