@charset "UTF-8";
body { background: #f5f5f5; font-size: 14px; }

.contant { width: 1180px; margin: 0 auto; }

.contant .main { margin-top: 25px; display: flex; flex-flow: row; /*伸缩项目单行排列*/ }

.contant .main .main-left1 { position: fixed; width: 180px; float: left; background: #FFFFFF; margin-right: 20px; text-align: center; padding-top: 30px; padding-bottom: 10px; top: 108px; }

.main-left1 ul li { padding-bottom: 20px; cursor: pointer; position: relative;}

.main-left1 ul li img { padding-right: 15px; vertical-align: text-bottom; height: 20px; }

.main-left1 .line { border-top: 1px dashed #d8d8d8; }

.contant .main .main-left2 { width: 660px; min-height: 800px; float: left; background: #FFFFFF; margin-right: 40px; margin-bottom: 40px; margin-left: 200px; }

.main-left2 .contant { width: 582px; height: 100%; margin: 0 auto; }

.main-left2 .contant .title { font-size: 28px; color: #222222; margin-top: 30px;}

.main-left2 .contant .mes { padding-top: 30px; margin-bottom: 20px; }

.mes .mes1 { height: 32px; margin-right: 10px; border-radius: 50%; }

.mes .mes2 { font-size: 16px; color: #333333; }

.mes .mes3 { width: 20px; height: 20px; }

.mes .mes4 { font-size: 16px; color: #B93034; padding-right: 20px; cursor: pointer; }

.mes .mes5 { width: 88px; height: 32px; background: #B93034; border-radius: 4px; color: #FFFFFF; }

.mes .mes5.ok { color: #666; background: #f1f1f1; }

.main-left2 .contant .from { position: relative; color: #999999;}

.main-left2 .contant .from>div{display: inline-block;}

.from .from1 { font-size: 14px; float:left; }

.from .from2 { font-size: 14px; color: #999999; float: right; cursor: pointer; }

.from img { height: 8px; }

.main-left2 .contant .digest { padding-top: 48px; }

.digest .digest1 { font-size: 14px; color: #666666; }

.contant .main .main-right { float: right; flex: 1; }

.article { padding-top: 40px; }

.article .title { border-left: 5px solid #B93034; padding-left: 14px; }

.article .cont { width: 580px; height: auto; margin: 0 auto; line-height: 1.5;}

.cont { font-size: 16px; }

.cont div {  }

.cont .cont1 { font-size: 16px; color: #222222; }

.cont .cont2 { width: 100%; height: 435px; }

.cont .cont2 img { width: 100%; height: 435px; }

.cont .cont3 { color: #238ED6; }

.main-left2 .contant .edit { padding-top: 20px; font-size: 12px; color: #999999; }

.edit .edit-d3 { padding-top: 10px; }

.edit .edit-d3 img { width: 43px; height: 12px; vertical-align: baseline; }

.main-left2 .contant .handlearrow { width: 580px; height: 66px; line-height: 66px; text-align: center; margin-top: 30px; border-top: 1px dashed #d8d8d8; border-bottom: 1px dashed #d8d8d8; }

.handlearrow ul { width: 400px; margin: 0 auto; display: flex; }

.handlearrow ul li { padding-bottom: 20px; float: left; flex: 1; cursor: pointer; position: relative; }

.handlearrow ul li:after{ content: ''; position: absolute; width: 1px; height: 15px; background: #dcdcdc; right: 0; top: 25px;}


.handlearrow ul li:last-child:after{ content: ''; position: absolute; width: 0px; height: 15px; background: #dcdcdc; right: 0; top: 25px; }

.handlearrow ul li img { padding-right: 10px; vertical-align: text-bottom; height: 20px; }

.xgtj .xgtj-title { font-size: 16px; color: #333333; margin: 40px 0 40px 0px; padding-left: 10px; border-left: 4px solid #B93034; }

.xgtj-contant { width: 100%; }

.xgtj-contant ul li {border-bottom: 1px solid rgba(220,220,220,0.6);}

.xgtj-contant-d1 { font-size: 16px; color: #222222; padding-top: 20px; }

.xgtj-contant-d1-dian { width: 6px; height: 6px; display: inline-block; border-radius: 6px; background: #B93034; margin-right: 10px; vertical-align: middle; }
.xgtj-contant-d1 a{vertical-align: middle; }

.xgtj-contant-d2 { font-size: 12px; color: #999999; padding: 10px 0  20px 20px; }

.commitcon-title { font-size: 16px; color: #333333; margin: 40px 0 20px 0px; padding-left: 10px; border-left: 5px solid #B93034; }

.commitcon-area img { width: 28px; vertical-align: top; margin-right: 10px; }

.commitcon-area textarea { width: 538px; height: 70px; resize: none; font-size: 12px; color: #999999; background: #f5f5f5; padding: 10px; }

.commitcon-button { width: 56px; height: 28px; float: right; background: #b93034; text-align: center; line-height: 28px; color: #ffff; margin-right: 5px; margin-top: 20px; }

.commitcon-hot { margin-top: 60px; }

.commitcon-hot-header { padding-bottom: 20px; }

.commitcon-hot-header img { width: 20px; height: 20px; padding-right: 5px; vertical-align: text-bottom; }

.commitcon-hot-header span { font-size: 18px; color: #222222; }

.commitcon-hot-cont-d { color: #999999; font-size: 14px; padding-top: 10px; padding-bottom: 14px; }

.commitcon-hot-cont-d span { padding-left: 5px; }

.commitcon-hot-cont-d-i1 { width: 28px; height: 28px; }

.commitcon-hot-cont-s1 { color: #222222; }

.commitcon-hot-cont-s3 { float: right; }

.commitcon-hot-cont-d2 { margin-left: 38px; font-size: 16px; color: #222222; padding-bottom: 20px; border-bottom: 1px solid #A5A5A5; }

.common_comment .aqwright { width: 542px; }

.common_comment .floor_content { width: 562px; }

/**/
.main-left1-d { width: 180px; height: 173px; background: #FFFFFF; text-align: center; margin-top: 20px; font-size: 16px; }

.main-left1-d1 { padding: 30px 0 10px; color: #999999; }

.main-left1-d2 { color: #222222; padding: 0 10px; text-align: left; }

.size_level { position: absolute; right: 0; top: 50px; background: #ffffff;z-index: 999; }

.size_level li { width: 60px; height: 30px; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; line-height: 30px; font-size: 14px; color: #8e8e8e; text-align: center; cursor: pointer; }

.common_comment .comment_item .comment_item_line { width: 542px; border-bottom: 1px solid #DCDCDC; position: absolute; bottom: 0; right: 0; }

.image_desc { padding: 10px 0 20px; line-height: 20px; font-size: 14px; color: #999999; line-height: 21px; }

.commentPanel { padding-top: 50px; }

.news_video_name { font-size: 14px; color: #999999; padding: 10px 0 20px; line-height: 21px; }

/*--------------*/
.cont .cont4 { color: #238ED6; margin-bottom: 20px; }


.cont .cont4 img { margin: 0; width: auto!important; }

.cont3-d2 li { font-size: 13px; color: #2A2A2A; line-height: 21px; padding-left: 10px; }

.cont4-d2 { display: flex; }

.cont4-d2-left-img { width: 110px; height: 82.5px; background: pink; }

.cont4-d2-left { float: left; position: relative; }

.cont4-d2-right { float: left; padding-left: 20px; }

.cont4-d2-right-d1 { font-size: 14px; color: #222222; text-align: justify; line-height: 22px; }

.cont4-d2-right-d2 { font-size: 12px; color: #999999; padding-top: 10px; }

.cont4-d2-left-biao { background: rgba(0, 0, 0, 0.5); color: #fff; border-radius: 2px; position: absolute; top: 12px; left: 12px; display: flex; align-items: center; }

.cont4-d2-left-biao img { width: auto!important; display: inline-block!important; }


.bofang { width: 11.3px; height: 11.3px; vertical-align: middle; padding-left: 5px; }

.bofang-mes { vertical-align: middle; font-size: 12px; padding-right: 5px; }

.cont3-d1 img { width: 11px; height: 13px; }

.cont4-d1 img { width: 11px; height: 14px; display: inline-block!important; }

/*----------------*/
.lable {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 0 6px;
    height: 18px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 18px;
}
.label {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 0 6px;
    height: 18px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    color: #fff;
    text-align: center;
    line-height: 18px;
}
video, audio {
  width: 100%!important;
}
.article img {
  width: 100%!important;
  display: block;
}

/**音频****/
.audioplayer > div { position: absolute; margin-top: 0; top: 0;}
.audioplayer-playpause {background: #fff; width: 65px;height: 63px;top: 45px;text-indent: -9999px; cursor: pointer;z-index: 2;}
.audioplayer-stopped .audioplayer-playpause a {margin-top: 20px; margin-left: 20px; width: 25px;height:25px;display: block; background:url(../img/play_yes@2x.png) no-repeat;background-size:100%;}
.audioplayer-playing .audioplayer-playpause a {margin-top: 20px; margin-left: 20px; width:25px;height: 25px;display: block; background:url(../img/play_no@2x.png) no-repeat;background-size:100%;}
.audioplayer-time-current {left: 82px;}
.audioplayer-time {text-align: center;z-index: 2;top: 42px!important;font-size: 12px;}
.audioplayer-time-duration {right: 20px;}
.audioplayer {
    color: #999999;
    position: relative;z-index: 1;box-sizing: border-box;
    border: 1px solid #F0F0F0;margin: 20px 0;
    height: 65px;
    background: #F8F9F9;
    box-shadow: 0px 2px 8px 0px rgba(216, 216, 216, 0.5);
    border-radius: 4px;
}
.audioplayer-bar {border-radius: 4px;height: 2px;background-color: #D8D8D8;cursor: pointer;z-index: 1; width: 480px; right: 20px;top:38px!important;}
.audioplayer-bar div { border-radius: 4px;width: 0; margin-top: 0;  height: 100%;  position: absolute;  left: 0; top: 0;}
.audioplayer-bar-loaded {z-index: 1;background: #B93034; opacity: 0.5;}
.audioplayer-bar-played {background: #B93034;z-index: 2;}
.audioplayer *, .audioplayer *:before, .audioplayer *:after {
    -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
    transition: color .25s ease, background-color .25s ease, opacity .5s ease;
}
.audioplayer-bar-played:after{content: ' ';background: #B93034; border-radius: 50%; background-size: 100%;width: 11px;height: 11px;display: block;position: absolute; right: -10px;top: -4px;z-index: 10;}
.audioplayer-volume{display:none;}
.audio_panel {position:relative; padding-bottom: 15px;}
.audio_name{color: #999;font-size: 14px;position: absolute;top: 69px;z-index: 10;right: 12px;width: 568px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
/*多视频新图说视频说*/
figure.image{margin:0; padding:0; width: 100%;}
figure.image .contheight{height:0}
figure.image img{}
figure .figcaption{color: rgb(153, 153, 153);width: 100%;text-align: left;}
.cont_video{width:100%;height:377px;}
div.cont_video{width: 100%;height: 377px; margin: 10px auto;position: relative;}
div.vjs-poster {width: 100%; height: 100%;background-size: 100% 100%; position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
/***复写vjs库中样式****/
.vjs-big-play-centered .vjs-big-play-button{font-size: 0!important;left: 46%!important;top: 50%!important;}

/* aliplay样式 */
.prism-player {position: absolute;z-index: 0;overflow:hidden; height: 326px!important;}
.prism-player.show {z-index: 10;}
.prism-aplaydom {width: 100%;height: auto!important;position: relative; margin: 10px 0;line-height: 0;}
.prism-coverimg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 8;}
.prism-coverimg img {width: 100%; height: auto;}
.prism-playicon {
    cursor:pointer;
    width: 50px;
    height: 50px;
    z-index: 9;
    position: absolute;
    background: url(../img/play_imgicon.png) center no-repeat;
    background-size: 100%;
    top: 50%;    
    left: 50%;    
    transform: translate(-50%, -50%);
}
.prism-player .prism-liveshift-progress .prism-progress-played, .prism-player .prism-progress .prism-progress-played {
   margin-top: 0;
}

.prism-player .prism-liveshift-progress .prism-progress-cursor, .prism-player .prism-progress .prism-progress-cursor {
  margin-top: 0;
}
.prism-player video {
    position: inherit!important;
    left: 0!important;
    top: 0!important;
    transform: translate(0)!important;
}
.contheight {
 margin-top: 15px;
 margin-bottom: 15px;
}
.publish_author {
  padding-top: 27px;
  color: #999;
}
.cont4-d1 {
  padding: 10px 0;
}
.cont4-d1-img-atlas, .cont4-d1-img-normal {
  background: url(../img/paper@2x.png) center no-repeat;
  display: inline-block;
 width: 30px;
  height: 21px;
  background-size: contain;
  vertical-align: sub;
}
.cont4-d1-img-special {
  background: url(../img/zhuanti@2x.png) center no-repeat;
  display: inline-block;
  width: 30px;
  height: 21px;
  background-size: contain;
  vertical-align: sub;
}
.bofang-image-correlation {
  background: url(../img/rectangle_copy1.png) center no-repeat;
  display: inline-block;
  width: 10px;
  height: 11px;
  margin-left: 5px;
  margin-right: 2px;
  background-size: contain;
  vertical-align: middle;
}