body {
  background: #f5f5f8;
}
.wdbanner{
    width: 1170px;
    /*margin:20px 0 15px;*/
}
.side-item{
    border: none;
    box-shadow: none;
    /* padding: 20px; */
}
.side-tag .hot-tags{
    margin-bottom: 19px;
}
.side-tag .hot-tags a{
    font-size: 14px;
    color: #0084FF;
    letter-spacing: 0;
    margin-right: 10px;
}
.side-tag .hot-tags p{
    /*display: inline-block;*/
    float: right;
    font-size: 14px;
    color: #ADBBCB;
    letter-spacing: 0;
}
.side-video .videos{
    margin-bottom: 27px;
}
.side-video .videos p{
    font-size: 12px;
    color: #000000;
    display: inline-block;
}
.side-video .videos img{
    width: 54px;
    height: 39px;
    border-radius: 4px;
}
.share-alt{
    display: inline-block;
}
.share-alt ul{
    display: none;
    list-style: none;
    width: 75px;
    z-index: 1;
    box-shadow: 1px 1px 1px rgba(73,104,126,0.1),
                -1px -1px 1px rgba(73,104,126,0.1);
}
.share-alt ul>li{
    background: white;
    padding-top: 6px;
    padding-bottom: 6px;
    border: none;
    font-size: 12px;
    position: relative;
    height: 32px;
}
.share-alt li>a{
    display: inline!important;
    border: none!important;
    font-size: 14px!important;
    width: 95%!important;
    height: 100%!important;
    border-radius: 0!important;
    position: absolute!important;
    top: 0;
    text-align: left!important;
    color: #8590A5;
    letter-spacing: 0;
    line-height: 15px;
}
.icon-qq:hover{
    background: none!important;
    color: #56b6e7!important;
}
.icon-weibo:hover{
    background: none!important;
    color: #ff763b!important;
}
.icon-wechat:hover{
    background: none!important;
    color: #7bc549!important;
}
.share-alt li>span{
    font-size: 12px;
    color: #8590A5;
    letter-spacing: 0;
    line-height: 15px;
    /*margin-left: 5px;*/
    margin-right: 3px;
    float: right;
}
.share-alt li:first-child>span{
    margin-right: 7px;
}
.share-alt:hover ul{
    position: absolute;
    top: auto;
    padding: 0px;
    display: block;
    background-color: #ccc;
}
.title-side{
    float: left;
}
.side-title-btn{
    float: right;
    position: relative;
}
.side-tit{
    padding: 0 0 20px;
    margin-bottom: 20px;
}
.side-doc-title{
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    color: #000000!important;
}
.side-doc-mem,.side-title-btn{
    font-size: 12px;
    color: #939DAF!important;
    letter-spacing: 0;
    line-height: 15px;
}
.side-doc-mem>img{
    margin-right: 6px;
}
.docs{
    padding-bottom: 14px;
    border-bottom: 1px solid #DFECFD;
    margin-bottom: 6px;
}
.docs>.col-md-3{
    margin-top: 6px;
}
.docs>.col-md-9{
    padding-left: 12px;
}
.side-fd{
    padding-bottom: 19px;
    border-bottom: 1px solid #E2E7F0;
    margin-bottom: 27px;
}
.side-fd img{
    width: 221.5px;
    height: 160.2px;
    padding-bottom: 20px;
}
.fd-title{
    font-size: 12.58px;
    color: #20263D!important;
    letter-spacing: 0;
    display: block;
    text-align: center;
    padding-bottom: 8px;
}
.fd-price{
    font-size: 13.42px;
    color: #0084FF!important;
    letter-spacing: 0;
    display: block;
    text-align: center;
}
#msg-ask{
    background: #ffffff;
    position: fixed;
    top: 10%;
    left: 50%;
    max-height: 560px;
    width: 540px;
    margin-left: -300px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index:1002;
    opacity: 0;
    transition: opacity 0.3s ease-out;
}
@media screen and (max-width : 1280px){
    .closeButton{
        left: 80%;
    }
}
@media screen and (min-width : 1280px){
    .closeButton{
        left: 70%;
    }
}
.closeButton{
    top: 10%;
    position: fixed;
    border: none;
    /* left: 70%; */
    z-index: 1002;
    background: none;
}
#ask-backdrop{
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=88);
}
.ask-content{
    padding: 0 26px 20px;
    margin-top: 27px;
}
.wd-title{
    display: inline-block;
    position: absolute;
    border: 1px solid #C7D0E1;
    border-radius: 4px;
    min-height: 42px;
    max-height: 75px;
}
.da-title{
    margin-bottom: 30px;
}
.da-title p{
    display: inline-block;
    font-size: 16px;
    color: #939DAF;
    letter-spacing: 0;
}
.da-title .gjz-close{
    float: right;
}
.gjz-title{
    /*display: none;*/
    max-height: 210px;
    width: 420px;
    border: 1px solid #DAE1E7;
    box-shadow: 0 2px 15px 0 rgba(116,137,152,0.22);
    border-radius: 4px;
    z-index: 1;
    background: #ffffff;
    overflow-y:scroll;
    padding: 10px 20px;
}
.gjz-title li{
    overflow: hidden;
    margin-bottom: 20px;
}
.gjz-title .right{
    font-size: 16px;
    color: #939DAF;
    letter-spacing: 0;
    float: right;
    width: 30%;
    text-align: right;
}
.gjz-title .left{
    float: left;
    font-size: 16px;
    color: #272C34;
    letter-spacing: 0;
    width: 70%;
}
.ask-title .askTitle{
    font-size: 18px;
    color: #939DAF;
    letter-spacing: 0;
    border: none;
    min-height: 49px;
    max-height: 100px;
    overflow: hidden;
    padding: 3px;
    outline: 0;
    word-wrap: break-word;
}
#askTitle{
    display: table-cell;
    vertical-align: middle;
    min-height: 42px;
    line-height: 42px;
    font-size: 18px;
    width: 420px;
    overflow: hidden;
    overflow-y: visible;
    border: none;
    outline: none;
    resize: none;
}
#askTitle::-webkit-input-placeholder { /* WebKit browsers */
    color:    #939DAF;
}
#askTitle:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #939DAF;
}
#askTitle::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #939DAF;
}
#askTitle:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #939DAF;
}

.ask-title img{
    float: left;
    border: 1px solid #dfeffc;
    margin-right: 12px;
}
.ask-title{
    margin-bottom: 10px;
    overflow: hidden;
}
.add-topic{
    margin-top: 33px;
}
.add-product{
    margin-top: 33px;
}
.add-title>p{
    display: inline-block;
    color: red;
}
.add-title>h5{
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 16px;
}
.topic-box{
    min-height: 250px;
    min-width: 500px;
    box-shadow: 0 2px 15px 0 rgba(116,137,152,0.22);
    border-radius: 4px;
    z-index: 1;
    background: #ffffff;
}
.topic-list{
    padding-top: 19px;
    border-top: 1px solid #DCE6EC;
    margin-top: 17px;
}
.topic-list>li{
    display: inline-block;
}
.topic-input{
    width: 180px;
    height: 32px;
    border: 1px solid #C7D0E1;
    border-radius: 4px;
}
.topic-input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #939DAF;
    text-align: center;
    font-size: 13px;
}
.topic-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #939DAF;
    text-align: center;
    font-size: 13px;
}
.topic-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #939DAF;
    text-align: center;
    font-size: 13px;
}
.topic-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #939DAF;
    text-align: center;
    font-size: 13px;
}
.topic-box>.topic-tips{
    padding: 3px;
    font-size: 14px;
    background: #F3F9FF;
    color: #F65353;
}
.topic-box span{
    display: inline-block;
    border-radius: 3px;
    color: #2B2B2B;
    margin: 2px 3px;
    cursor: pointer;
    height: 35px;
    padding: 5px;
    line-height: 25px;
    font-weight: normal;
    font-size: 10px;
    text-align: center;
}
.topic-box span:hover{
    background: #C7D0E1;
}
#sub-list>li{
    display: inline-block;
}
.ask-items{
    margin-bottom: 15px;
}
.topic-items{
    margin-bottom: 15px;
}
.ask-detail{
    margin-bottom: 14px;
}

.ask-detail-input{
    width: 100%;
    height: 150px;
    overflow: auto;
    outline: none;
    resize: none;
    border: 1px solid #C7D0E1;
    border-radius: 4px;
    overflow-y: visible;
    position: static!important;
}
.tie-detail{
    margin-bottom: 14px;
}

.tie-detail-input{
    width: 100%;
    height: 150px;
    overflow: auto;
    outline: none;
    resize: none;
    border: 1px solid #C7D0E1;
    border-radius: 4px;
    overflow-y: visible;
    position: static!important;
}
.w-e-text:empty:before{
    content: attr(placeholder);
    font-size: 16px;
    line-height: 50px;
    color:#939DAF;
}
.w-e-item{
    padding: 4px!important;
}
.w-e-panel-container{
    width: 337px!important;
}
.ask-detail-action{
    float: right;
    margin-bottom: 3px;
}
.tie-detail-action{
    float: right;
    margin-bottom: 3px;
}
.upload-span{
    position: relative;
    display: block;
    overflow: hidden;
    width: 20px;
    height: 18px;
}
.upload-span>img{
    width: 18px;
    height: 14px;
}
.upload{
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
}
.ask-detail-action button img{
    width: 18px;
    height: 14px;
}
.input-topics{
    display: inline;
}
.input-topics>span{
    padding: 7px 21px;
    background: #E7F3FF;
    border-radius: 3px;
    color: #287DFB;
    cursor: pointer;
    line-height: 29px;
    text-align: center;
}
.input-toptopics{
    display: inline;
}
.input-toptopics>span{
    padding: 5px 15px;
    background: #E7F3FF;
    border-radius: 3px;
    color: #287DFB;
    cursor: pointer;
    line-height: 29px;
    margin-right: 6px;
    font-size: 12px;
    text-align: center;
}
.product{
    display: inline-block;
    vertical-align: top;
    background: #E7F3FF;
    border-radius: 3px;
    color: #287DFB;
    margin-right: 16px;
    margin-bottom: 11px;
    cursor: pointer;
    height: 32px;
    width: 62px;
    line-height: 32px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
}
.product:hover{
    background: #287DFB;
    color: #E7F3FF;
}
.toptie{
    display: inline-block;
    vertical-align: top;
    background: #E7F3FF;
    border-radius: 3px;
    color: #287DFB;
    margin-right: 16px;
    margin-bottom: 11px;
    cursor: pointer;
    height: 32px;
    width: 78px;
    line-height: 32px;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
}
.toptie:hover,{
    background: #287DFB;
    color: #E7F3FF;
}
.topic-list>li>span.active{
    background: #287DFB;
    color: #E7F3FF;
}
.dynamic-list {
    position: absolute;
    top: 32%;
    z-index: 200;
    width: 300px;
    max-height: 200px;
    max-width: 300px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.075);
    border-radius: 3px;
}
.dynamic-list li {
    line-height: 2;
    cursor: pointer;
}
.dynamic-list li:hover {
    background: #eee;
}
.Ask-footer{
    text-align: right;
}
#submit-ask{
    background: #0084FF;
    cursor: pointer;
    display: inline-block;
    width: 97px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    border-radius: 2px;
}
.main-msg {
  position: relative;
  min-height: 1200px;
    font-size: 15px;
    margin-top: 20px;
}
.main-content {
    min-width: 880px;
  background: #fff;

}
.msg-type {
  margin-bottom: 20px;
  padding: 10px 15px 11px 15px;
  border-bottom: 1px #f5f5f8 solid;
}
.msg-type a {
  margin: 10px;
  padding: 10px 10px;
  text-decoration: none;
  color: #232323;

}
.msg-type a:hover,
.msg-type a:focus {
  text-decoration: none;
}
.msg-type .active {
  color: #232323;
  border-bottom: 4px solid #0084FF;
}
.top-tags {
  margin-bottom: 12px;
  padding: 30px 0px 15px 20px;
  background: #fff;
}
.top-tags .tags {
    padding: 7px 0;

}
.top-tags .tags .class-span{
    font-weight: 600;
}
.top-tags .tags a {
    display: inline-block;
    padding: 4px 8px;
    margin-right: 20px;
    border: 1px solid transparent;
    text-decoration: none;
    border-radius: 4px;
    color: #2B2B2B;
    font-size: 14px;
    margin-bottom: 5px;
}
.top-tags .tags a.active,
.top-tags .tags a:hover {
  background: #3083F3;
    color: #fff;
}
.top-tags .tags-title{
    width: 95px;float: left;display: inline-block;margin-top: 5px;
}
.top-tags .tags-content{
    float: left;display: inline-block;width: 89%;
}
.top-list {
  padding: 10px;
  font-size: 14px;
}
.top-list time {
  color: #bfbfbf;
  font-size: 12px;
}
.top-list-label {
  padding: 10px 16px 20px 0;
}
.top-list span.label {
  font-size: 12px;
}
.top-list p {
  padding-bottom: 4px;
  border-bottom: 1px solid #f9f9f9;
}
.top-list p a {
  font-size: 15px;
  color: #636060;
}
.msg-list,
.site-container .content {
  background: #fff;

}
.msg-list {
  padding: 0 10px;
}
.msg-box {
  padding: 20px 0 0;
  border-bottom: 1px solid #ededed;
}
.msg-title .tag,
.title-tags .tag {
  padding: 3px 7px;
  margin-right: 6px;
  background: #dfeffc;
  color: #2489e2;
  font-size: 14px;
    font-weight: 500;
}
.title-tags {
  margin-left: 10px;
  color: #2489e2;
}
.msg-box .msg-author-info {
  margin-right: 10px;
  font-size: 14px;
}
.msg-box .msg-title {
  font-size: 17px;
  line-height: 2;
  max-width: 490px;
  overflow: hidden;
}
.msg-box .msg-title .msg_title{
    color: #232323;
    margin-right: 10px;
}
/*.msg-box .msg-title a {*/

    /*font-weight: 600;*/
/*}*/
.msg-info {
  /*margin-top: 10px;*/
  font-size: 14px;
  color: #999;
}
.msg-info-item {
  padding-right: 10px;
  cursor: pointer;
  font-size: 14px;
}
.msg-info-item:hover{
  color: #999;
}
.msg-actives {
  float: right;
  width: 44px;
  height: 44px;
  border-radius: 4px;
  padding: 8px 0;
  font-size: 12px;
  text-align: center;
  color: #fff;
    margin-top: 8px;
}
.msg-actives a {
  text-decoration: none;
  color: #fff;
}
.msg-actives a:hover span {
  color: #eee;
}
.msg-actives.msg-state1 {
  background: #F65353;
}
.msg-actives.msg-state2 {
  background: #0084FF;
}
.msg-actives.msg-state3 {
  background: #878787;
}
.user-info {
  text-align: center;
  padding: 10px 0;
}
.user-info .imgBox {
  display: inline-block;
  /*border: 1px solid #eee;*/
  /*border-radius: 50%;*/
  width: 102px;
  height: 102px;
  padding: 2px;
  overflow: hidden;
  margin-top: 20px;
}
.user-info .imgBox img {
  width: 102px;
  height: 102px;
  /*border: 1px solid #aaa;*/
  /*border-radius: 50%;*/
}
.user-info .perName{
    color: #354058;
    font-size: 20px;
    margin-bottom: 15px;

}
.user-info .perGradeStar img{
    width: 14px;
    height: 14px;
    margin: 4px 3px 14px;
}
.user-info .perGrade{
    color: #2B2B2B;
    font-size: 12px;
    letter-spacing: 0;
}
.user-info .user-sns {
  padding: 10px 50px;
    height: 50px;
    margin-bottom: 20px;
}
.user-info .user-sns ul{
    float: left;
    width: 33%;
}
.user-info .user-sns .first{
    color: #8590A5;
    font-size: 14px;
}
.user-info .user-sns a{
    color:#697282 ;
    font-weight: 600;
    font-size: 16px;
}
/*详情*/
.msg-detail {
  padding: 30px 40px 0;
  background: #fff;
  /*box-shadow: 0 0 2px #dedada;*/
  /*border-bottom: 1px solid #cfd8e8;*/
}
.msg-detail-top {
  margin: 10px 0 15px;
}
.msg-detail .msg-title {
  line-height: 26px;
  height: 26px;
  overflow: hidden;
  color: #333;
  font-size: 20px;
  font-weight: normal;
  display: inline-block;
  float: left;

}
.msg-detail-top  .title-tags{
  float: left;
  margin-top: 3px;

}
.msg-detail-top .avatar {
  margin-top: 5px;
  height: 30px;
  line-height: 30px;
  color: #979797;
}
.msg-detail-top .avatar img {
  width: 100px;
  margin-right: 10px;
  vertical-align: top;
}
.msg-detail-content {
  /*text-indent: 2em;*/
  line-height: 2;
  padding-bottom: 10px;
  word-break: break-all;
  overflow: hidden;
}
.msg-detail-content pre {
  white-space: pre-wrap;
}
.msg-detail-content img {
  max-width: 100%;
}
.msg-detail-share {
  padding: 15px 0 40px;
  /*border-top: 1px solid #dedede;*/
}
.msg-detail-share .msg-info-item {
  font-size: 14px;
  margin-right: 10px;
}
.comments-box {
  padding: 13px 40px;
  /*margin: 20px 0;*/
  background: #fff;
  /*box-shadow: 0 0 2px #dedada;*/
  /*border-bottom: 1px solid #cfd8e8;*/
  border-top: 20px solid #f5f5f8;
}
.comments-box li {
  padding: 20px 26px;
  border-bottom: 1px solid #ededed;
}
#comment-input {
  padding: 20px 0;
}
#comment-input>p {
  padding: 10px 0;
}

.comments-box h1,
.comments-box h2,
.comments-box h3 {
  font-size: 1.2em;
}
.comments-box .comment-detail {
  padding: 0 0 10px 55px;
  color: #444;
  line-height: 2;
  word-break: break-word;

}
.comments-box .author {
  float: left;
}
.comments-box .author h4 {
  font-size: 16px;
  line-height: 32px;
}
.create_time{
    float: left;margin-top: 5px;margin-left: 30px
}
.q_detail{
    padding: 5px 0 0 20px;
}
.author-name {
  text-align: left;
}
.author-name img {
  width: 26px;
  height: 26px;
  margin-right: 12px;
  border-radius: 50%;
  box-shadow: 0 2px 3px rgba(0,0,0,0.24);
}
.author-medal {
  text-align: left;
  padding-left: 30px;
  line-height: 2;
}
.author-medal img {
  width: 17px;
  height: 17px;
  margin-right: 3px;
  border-radius: 50%;
  box-shadow: 0 2px 3px rgba(0,0,0,0.24);
}
.comment-info {
  color: #aaa;
  font-size: 12px;
}
.author_name{
    margin-top: 5px;
}
.author_name,.author_img{
    float: right;
    font-size: 14px;

}
.comments-box .time {
  color: #949494;
}
.commnet_list_li{
 margin: 20px auto 0;padding:7px;border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.topic-top {
  padding-bottom: 10px;
}
.topic-top h1 {
  font-size: 14px;
  padding: 10px 10px 0 0;
  line-height: 28px;
  font-weight: normal;
  color: #454545;
}
.img-box,
.comp-mes {
  display: inline-block;
}
.img-box img,
.comp-mes img {
  margin-top: 10px;
  width: 110px;
}
.loading {
  margin: 4em auto;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: loading 1.1s infinite ease;
  animation: loading 1.1s infinite ease;
}
.loading:after {
  content: '';
  position: absolute;
  top: 0;
}
.btn-sm {
  padding: 1px 6px;
}
#gototop {
  position: fixed;
  bottom: 220px;
  right: 140px;
}
.submit-comment{
    background: #0075da;color:#fff;height: 40px;cursor: pointer;
    line-height: 40px;
    width: 100px;border-radius: 4px;
    text-align: center;
}
.like,
.hate {

    color: #3083F3;
    height: 28px;
    width: 80px;
    line-height: 28px;
    text-align: center;
    background: #fff;
       border:  #3083F3 1px solid;border-radius: 3px;
  cursor: pointer;
  display: inline-block;
    text-decoration: none;
}
.like:hover,
.hate:hover,.like:active,
.hate:active{
    text-decoration: none;
    color: #3083F3;
}
.unlike,
.unhate {
  color: #999 !important;
    height: 28px;
    width: 80px;
    line-height: 28px;
    text-align: center;
    background: #fff;
   border-radius: 3px;
   cursor: pointer;
   display: inline-block;
    border:  #999 1px solid;
    text-decoration: none;
}
.unlike:hover,
.unhate:hover,.unlike:active,
.unhate:active{
    color: #999;
    text-decoration: none;
}

.likehated {
  background: #dfeffc;
  width: 27px;
  padding: 5px 0 5px 5px;
  border-radius: 3px;
}
.likenum {
  text-decoration: none;
}
@media screen and (min-width : 0 ) and (max-width : 700px){
    .side-hotfd{
        display: none
    }
}
@media screen and (min-width : 701px) and (max-width : 1280px){
    .side-hotfd{
        right:6%;
    }
    .sidebar__btn{
        top: 35%;
        right: 2%;
    }
    .sidebar__btn2{
        top: 41%;
        right: 2%;
    }
}
@media screen and (min-width : 1281px) and (max-width : 1600px){
    /* .side-hotfd{
        right:6%;
    } */
    .sidebar__btn{
        top: 30%;
        right: 2%;
    }
    .sidebar__btn2{
        top: 36%;
        right: 2%;
    }
}
@media screen and (min-width : 1601px) and (max-width : 1800px){
    .sidebar__btn{
        top: 25%;
        right: 8%;
    }
    .sidebar__btn2{
        top: 30%;
        right: 8%;
    }
}
@media screen and (min-width : 1801px){
    .sidebar__btn{
        top: 25%;
        right: 13%;
    }
    .sidebar__btn2{
        top: 30%;
        right: 13%;
    }
}
.sidebar__btn {
    height: 36px;
    /* margin: 20px auto 15px; */
    display: block;
    position: fixed;
    /* top: 40%; */
    /* right: 2%; */
    padding: 0 ;
    line-height: 36px;
    color: #fff!important;
    font-size: 14px;
    border-radius: 10px;
    border: none;
    background: #0084FF;
    /*box-shadow: 1px 6px 18px rgba(9, 106, 196, 0.46);*/
    letter-spacing: 0.02px;
    text-align: center;
    transition: 0.5s all;
    outline: none;
    width: 100px;
    z-index: 1;
}
.sidebar__btn2 {
    height: 36px;
    /* margin: 20px auto 15px; */
    position: fixed;
    /* top: 30%; */
    /* right: 2%; */
    display: block;
    padding: 0 ;
    line-height: 36px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #0084FF;
    border-radius: 10px;
    background: #0084FF;
    /*box-shadow: 1px 6px 18px rgba(9, 106, 196, 0.46);*/
    letter-spacing: 0.02px;
    text-align: center;
    transition: 0.5s all;
    outline: none;
    width: 100px;
    z-index: 1;
}
._bluebtn{
    display: inline-block;
    width: 78px;
    height: 30px;
    color: #3083F3;
    border: #3083F3 1px solid;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
    font-size: 14px;
}
._bluebtn:hover{
    color: #3083F3;
}
.attened{
    color: #999;
    border: #999 1px solid;
}
.attened:hover{
    color: #999;
}
.msg-bar{
    float: right;
    position: relative;
    top: -42px;
    /*height: 0;*/
}
.msg-bar ._bluebtn{
    float: right;
}
.msg-bar .msg-review{
    /*height: 142px;*/
    padding-bottom: 20px;
    position: relative;
    top: 53px;
    left: -26px;
}
.role{
    font-size: 13px;
    position: relative;
}
#msg-txt{
    position: relative;
    width: 100%;
    height: 30px;

    margin-top: 10px;
    margin-bottom: 5px;
    border: 1px #c4c8ca solid;
    border-radius: 4px;
    padding: 0 20px;
}
 .btn-rev{
    display: inline-block;
    width: 78px;
    height: 30px;
   background: #0084FF;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
    font-size: 14px;
}
.msg-bar .msg-result1 img{

    width: 300px;
}

.reply{
    float: right;color: #0084FF;
}

._content{
    padding-left: 30px;
}
._del{
    color: #287DFB;
    display: inline-block;
    padding:5px 18px 0 0 ;
   }
.comment-detail img{
    max-width: 740px !important;
}
.birth-select-wrap{
    width: 115px;
    font-family: PingFang-SC-Regular;
    font-size: 14px;
    color: #354058;
    letter-spacing: 0.84px;
}

.select-birth{
    display: block;
    width: 100%;
    height: 28px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #B5C5E1;
    border-radius: 4px;
    font-family: PingFang-SC-Regular;
    font-size: 13px;
    color: darkgray;
    letter-spacing: 0.02px;
    line-height: 25px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.select-right{
    float: right;
}





@-moz-keyframes loading {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #fff, 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.5), -1.8em -1.8em 0 0em rgba(199,199,199,0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.7), 1.8em -1.8em 0 0em #fff, 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.5), 1.8em -1.8em 0 0em rgba(199,199,199,0.7), 2.5em 0em 0 0em #fff, 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.5), 2.5em 0em 0 0em rgba(199,199,199,0.7), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.5), 1.75em 1.75em 0 0em rgba(199,199,199,0.7), 0em 2.5em 0 0em #fff, -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.5), 0em 2.5em 0 0em rgba(199,199,199,0.7), -1.8em 1.8em 0 0em #fff, -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.5), -1.8em 1.8em 0 0em rgba(199,199,199,0.7), -2.6em 0em 0 0em #fff, -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.5), -2.6em 0em 0 0em rgba(199,199,199,0.7), -1.8em -1.8em 0 0em #fff;
  }
}
@-webkit-keyframes loading {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #fff, 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.5), -1.8em -1.8em 0 0em rgba(199,199,199,0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.7), 1.8em -1.8em 0 0em #fff, 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.5), 1.8em -1.8em 0 0em rgba(199,199,199,0.7), 2.5em 0em 0 0em #fff, 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.5), 2.5em 0em 0 0em rgba(199,199,199,0.7), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.5), 1.75em 1.75em 0 0em rgba(199,199,199,0.7), 0em 2.5em 0 0em #fff, -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.5), 0em 2.5em 0 0em rgba(199,199,199,0.7), -1.8em 1.8em 0 0em #fff, -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.5), -1.8em 1.8em 0 0em rgba(199,199,199,0.7), -2.6em 0em 0 0em #fff, -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.5), -2.6em 0em 0 0em rgba(199,199,199,0.7), -1.8em -1.8em 0 0em #fff;
  }
}
@-o-keyframes loading {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #fff, 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.5), -1.8em -1.8em 0 0em rgba(199,199,199,0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.7), 1.8em -1.8em 0 0em #fff, 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.5), 1.8em -1.8em 0 0em rgba(199,199,199,0.7), 2.5em 0em 0 0em #fff, 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.5), 2.5em 0em 0 0em rgba(199,199,199,0.7), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.5), 1.75em 1.75em 0 0em rgba(199,199,199,0.7), 0em 2.5em 0 0em #fff, -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.5), 0em 2.5em 0 0em rgba(199,199,199,0.7), -1.8em 1.8em 0 0em #fff, -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.5), -1.8em 1.8em 0 0em rgba(199,199,199,0.7), -2.6em 0em 0 0em #fff, -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.5), -2.6em 0em 0 0em rgba(199,199,199,0.7), -1.8em -1.8em 0 0em #fff;
  }
}
@keyframes loading {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #fff, 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.5), -1.8em -1.8em 0 0em rgba(199,199,199,0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.7), 1.8em -1.8em 0 0em #fff, 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.5), 1.8em -1.8em 0 0em rgba(199,199,199,0.7), 2.5em 0em 0 0em #fff, 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.5), 2.5em 0em 0 0em rgba(199,199,199,0.7), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.5), 1.75em 1.75em 0 0em rgba(199,199,199,0.7), 0em 2.5em 0 0em #fff, -1.8em 1.8em 0 0em rgba(199,199,199,0.2), -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.5), 0em 2.5em 0 0em rgba(199,199,199,0.7), -1.8em 1.8em 0 0em #fff, -2.6em 0em 0 0em rgba(199,199,199,0.2), -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.5), -1.8em 1.8em 0 0em rgba(199,199,199,0.7), -2.6em 0em 0 0em #fff, -1.8em -1.8em 0 0em rgba(199,199,199,0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(199,199,199,0.2), 1.8em -1.8em 0 0em rgba(199,199,199,0.2), 2.5em 0em 0 0em rgba(199,199,199,0.2), 1.75em 1.75em 0 0em rgba(199,199,199,0.2), 0em 2.5em 0 0em rgba(199,199,199,0.2), -1.8em 1.8em 0 0em rgba(199,199,199,0.5), -2.6em 0em 0 0em rgba(199,199,199,0.7), -1.8em -1.8em 0 0em #fff;
  }
}