.icon-box{
  width: 30px; height: 30px; vertical-align: top; margin-right: 5px;  border-radius: 4px; float: left;
}
.icon-message{
  background: url(http://www.k1u.com/skin/201811/images/new_icon1.png) center no-repeat #16aefd; background-size:60%;
}
.icon-comment{
  background: url(http://www.k1u.com/skin/201811/images/new_icon2.png) center no-repeat #16aefd; background-size:60%;
}

.title-box{
  width: 100%; height: auto; padding: 20px 0; border-bottom: 1px solid #eaeaea; display: block; overflow: hidden;
}
.title-box .title-cont{
  margin: auto;
}
.title-box .title-cont .title-left{
  width: 684px; height: auto; float: left; padding: 0 0 0 10px; border-left: 6px solid #27b4fd; display: inline; overflow: hidden;
}
.title-box .title-cont .title-left .location{
  width: 100%; height: 16px; line-height: 16px; font-size: 12px; font-weight: normal; color: #cdcdcd; display: block; overflow: hidden;
}
.title-box .title-cont .title-left .location a{
   color: #cdcdcd;
}
.title-box .title-cont .title-left h1{
  width: 100%; height: 34px; line-height: 34px; font-size: 28px; font-weight: normal; color: #666; margin: 6px 0 0; display: block; overflow: hidden;
}
.title-box .title-cont .title-left .title-msg{
  width: 100%; height: 16px; line-height: 16px; font-size: 12px; font-weight: normal; color: #cdcdcd; margin: 6px 0 0; display: block; overflow: hidden;
}
.title-box .title-cont .title-right{
  width: auto; max-width: 500px; height: auto; padding: 0 0 3px 0; float: right; display: inline; overflow: hidden; cursor: pointer;
}
.title-box .title-cont .title-right .title-right-btn{
  width: 66px; height: 66px; border: 1px solid #fff; float: left; margin: 2px 0 0 15px; display: inline; overflow: hidden;
}
.title-box .title-cont .title-right .title-right-btn img{
  width: auto; height: auto; margin: 8px auto 0; display: block; overflow: hidden;
}
.title-box .title-cont .title-right .title-right-btn strong{
  width: 100%; height: auto; line-height: normal; font-size: 12px; font-weight: normal; color: #27b4fd; margin: 8px 0 0; text-align: center; display: block; overflow: hidden;
}
.title-box .title-cont .title-right .title-right-btn:hover{
  border-color: #f7f7f7; box-shadow: 0 1px 3px #f7f7f7;
}

.cont-box{
  margin: 0 auto 30px;
}
.cont-box .cont-left{
  width: 922px; height: auto; display: block; overflow: hidden;
}
.cont-box .cont-left .main-box{
  width: 100%; height: auto; margin: 20px 0 0; display: block; overflow: hidden;
}
.cont-box .cont-left .main-box .main-introd{
  width: 100%; height: auto; line-height: 24px; font-size: 16px; font-weight: normal; color: #444;display: block; overflow: hidden;
}
.cont-box .cont-left .main-box .main-basic{
  width: 854px; height: auto; border: 8px solid #f7f8fa; border-radius: 12px; margin: 24px auto 0; padding:8px 15px; display: block; overflow: hidden;
}
.cont-box .cont-left .main-box .main-basic p{
  width: 100%; height: 36px; line-height: 36px; font-size: 14px; font-weight: normal; color: #222; border-bottom: 1px dashed #ccc; display: block; overflow: hidden;
}
.cont-box .cont-left .main-box .main-cont{
  width: 100%; height: auto; line-height: 24px; font-size: 14px; font-weight: normal; color: #444; display: block; overflow: hidden;
}
.cont-box .cont-left .main-box .main-cont h3{
  border-left: 5px solid #36adfa; text-indent: 12px; margin: 26px 0 12px; display: block; overflow: hidden;
}
.cont-box .cont-left .main-box .main-cont img{
  max-width: 600px; display: block; overflow: hidden; margin: auto;
}

.message-box{
  width: 100%; height: auto; margin: 30px 0 0; display: block; overflow: hidden;
}
.left-title{
  width: 100%; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; color: #16aefd; display: block; overflow: hidden;
}
.left-title span{
  color: #fa0064;
}

.cont-box .cont-right{
  width: 240px; height: auto; display: block; overflow: hidden;
}

.cont-box .cont-right .right-box{
  width: 100%; height: auto; display: block; overflow: hidden; margin: 16px 0 0;
}
.cont-box .cont-right .right-box h3{
  width: 100%; height: 20px; line-height: 20px; font-size: 16px; font-weight: normal; color: #898989; display: block; overflow: hidden;
}
.cont-box .cont-right .right-box .right-list{
  width: 100%; height: auto; margin: 8px 0; display: block; overflow: hidden;
}
.cont-box .cont-right .right-box .right-list li{
  width: 100%; height: 40px; line-height: 40px; font-size: 14px; font-weight: normal; color: #333; border-bottom: 1px dashed #eee; display: block; overflow: hidden;
}
.cont-box .cont-right .right-box .right-list li a:hover{
  color: #16aefd;
}
.cont-box .cont-right .right-box .menu-list{
  width: 100%; height: auto; max-height: 320px; margin: 8px 0 0; display: block; overflow: hidden; overflow-y: auto;
}
.cont-box .cont-right .right-box .menu-list li{
  width: 100%; height: auto; line-height: 24px; font-size: 14px; font-weight: normal; color: #b5b5b5; margin: 12px 0 0; display: block; overflow: hidden; cursor: pointer;
}
.cont-box .cont-right .right-box .menu-list li:hover{
  color: #16aefd;
}
.cont-box .cont-right .right-box .menu-list li.hover{
  color: #16aefd;
}

.cont-box .cont-right .right-box.menu-box.fixed{
  position: fixed; top: 0; left: 50%; margin: 0 0 0 360px;
}